From a8ddb5d8e40547675e7eeee73a1685d98e9dcf1d Mon Sep 17 00:00:00 2001 From: V3n3RiX Date: Tue, 18 Jul 2017 18:20:40 +0100 Subject: rebase Redcore gtk theme on Numix --- Redcore-daylight/gtk-2.0/gtkrc | 1413 ++-- Redcore-daylight/gtk-2.0/resize_grip.png | Bin 187 -> 0 bytes Redcore-daylight/gtk-2.0/xfsmlogout.png | Bin 131 -> 0 bytes Redcore-daylight/gtk-3.0/apps/granite-widgets.css | 687 -- .../gtk-3.0/apps/lightdm-unity-greeter.css | 67 - Redcore-daylight/gtk-3.0/assets/all-assets.svg | 4456 +++++++++++ Redcore-daylight/gtk-3.0/assets/all-assets.txt | 38 + .../gtk-3.0/assets/bullet-symbolic.svg | 155 - .../gtk-3.0/assets/bullet-symbolic.symbolic.png | Bin 147 -> 0 bytes Redcore-daylight/gtk-3.0/assets/change_dpi.sh | 4 + Redcore-daylight/gtk-3.0/assets/check-symbolic.svg | 155 - .../gtk-3.0/assets/check-symbolic.symbolic.png | Bin 324 -> 0 bytes .../assets/checkbox-active-selectionmode.png | Bin 346 -> 0 bytes .../assets/checkbox-backdrop-selectionmode.png | Bin 352 -> 0 bytes .../checkbox-checked-active-selectionmode.png | Bin 583 -> 0 bytes .../checkbox-checked-backdrop-selectionmode.png | Bin 577 -> 0 bytes .../gtk-3.0/assets/checkbox-checked-dark.svg | 10 + .../checkbox-checked-hover-selectionmode.png | Bin 614 -> 0 bytes .../assets/checkbox-checked-insensitive-dark.svg | 9 + .../assets/checkbox-checked-insensitive.png | Bin 577 -> 0 bytes .../assets/checkbox-checked-insensitive.svg | 9 + .../gtk-3.0/assets/checkbox-checked.svg | 9 + .../assets/checkbox-hover-selectionmode.png | Bin 346 -> 0 bytes .../gtk-3.0/assets/checkbox-mixed-dark.svg | 9 + .../gtk-3.0/assets/checkbox-mixed-hover.png | Bin 388 -> 0 bytes .../assets/checkbox-mixed-insensitive-dark.svg | 9 + .../gtk-3.0/assets/checkbox-mixed-insensitive.png | Bin 385 -> 0 bytes .../gtk-3.0/assets/checkbox-mixed-insensitive.svg | 9 + Redcore-daylight/gtk-3.0/assets/checkbox-mixed.png | Bin 381 -> 0 bytes Redcore-daylight/gtk-3.0/assets/checkbox-mixed.svg | 9 + .../gtk-3.0/assets/checkbox-selectionmode.png | Bin 346 -> 0 bytes .../gtk-3.0/assets/checkbox-unchecked-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive.png | Bin 352 -> 0 bytes .../assets/checkbox-unchecked-insensitive.svg | 8 + .../gtk-3.0/assets/checkbox-unchecked.svg | 8 + Redcore-daylight/gtk-3.0/assets/dash-symbolic.svg | 153 - .../gtk-3.0/assets/dash-symbolic.symbolic.png | Bin 130 -> 0 bytes .../gtk-3.0/assets/grid-selection-checked-dark.svg | 9 + .../gtk-3.0/assets/grid-selection-checked.png | Bin 1131 -> 0 bytes .../gtk-3.0/assets/grid-selection-checked.svg | 9 + .../assets/grid-selection-unchecked-dark.svg | 8 + .../gtk-3.0/assets/grid-selection-unchecked.png | Bin 330 -> 0 bytes .../gtk-3.0/assets/grid-selection-unchecked.svg | 8 + .../assets/menuitem-checkbox-checked-hover.png | Bin 285 -> 0 bytes .../assets/menuitem-checkbox-checked-hover.svg | 8 + .../menuitem-checkbox-checked-insensitive.png | Bin 363 -> 0 bytes .../menuitem-checkbox-checked-insensitive.svg | 8 + .../gtk-3.0/assets/menuitem-checkbox-checked.png | Bin 367 -> 0 bytes .../gtk-3.0/assets/menuitem-checkbox-checked.svg | 8 + .../assets/menuitem-checkbox-mixed-hover.png | Bin 158 -> 0 bytes .../assets/menuitem-checkbox-mixed-hover.svg | 8 + .../assets/menuitem-checkbox-mixed-insensitive.png | Bin 167 -> 0 bytes .../assets/menuitem-checkbox-mixed-insensitive.svg | 8 + .../assets/menuitem-checkbox-mixed-selected.svg | 8 + .../gtk-3.0/assets/menuitem-checkbox-mixed.png | Bin 168 -> 0 bytes .../gtk-3.0/assets/menuitem-checkbox-mixed.svg | 8 + .../gtk-3.0/assets/menuitem-checkbox-unchecked.svg | 6 + .../assets/menuitem-radio-checked-hover.png | Bin 167 -> 0 bytes .../assets/menuitem-radio-checked-hover.svg | 8 + .../assets/menuitem-radio-checked-insensitive.png | Bin 181 -> 0 bytes .../assets/menuitem-radio-checked-insensitive.svg | 8 + .../gtk-3.0/assets/menuitem-radio-checked.png | Bin 205 -> 0 bytes .../gtk-3.0/assets/menuitem-radio-checked.svg | 8 + .../gtk-3.0/assets/menuitem-radio-mixed-hover.svg | 8 + .../assets/menuitem-radio-mixed-insensitive.svg | 8 + .../assets/menuitem-radio-mixed-selected.svg | 8 + .../gtk-3.0/assets/menuitem-radio-mixed.svg | 8 + .../gtk-3.0/assets/menuitem-radio-unchecked.svg | 6 + .../gtk-3.0/assets/pane-handle-vertical.svg | 49 + Redcore-daylight/gtk-3.0/assets/pane-handle.png | Bin 0 -> 150 bytes Redcore-daylight/gtk-3.0/assets/pane-handle.svg | 49 + Redcore-daylight/gtk-3.0/assets/pane-handle@2.png | Bin 0 -> 161 bytes .../gtk-3.0/assets/pane-separator-vertical.png | Bin 148 -> 0 bytes Redcore-daylight/gtk-3.0/assets/pane-separator.png | Bin 151 -> 0 bytes .../gtk-3.0/assets/radio-checked-dark.svg | 9 + .../assets/radio-checked-insensitive-dark.svg | 9 + .../gtk-3.0/assets/radio-checked-insensitive.svg | 9 + Redcore-daylight/gtk-3.0/assets/radio-checked.svg | 9 + .../gtk-3.0/assets/radio-mixed-dark.svg | 9 + .../gtk-3.0/assets/radio-mixed-hover.png | Bin 583 -> 0 bytes .../assets/radio-mixed-insensitive-dark.svg | 9 + .../gtk-3.0/assets/radio-mixed-insensitive.png | Bin 563 -> 0 bytes .../gtk-3.0/assets/radio-mixed-insensitive.svg | 9 + Redcore-daylight/gtk-3.0/assets/radio-mixed.png | Bin 578 -> 0 bytes Redcore-daylight/gtk-3.0/assets/radio-mixed.svg | 9 + .../gtk-3.0/assets/radio-selected-hover.png | Bin 643 -> 0 bytes .../gtk-3.0/assets/radio-selected-insensitive.png | Bin 631 -> 0 bytes .../gtk-3.0/assets/radio-selected-insensitive.svg | 9 + Redcore-daylight/gtk-3.0/assets/radio-selected.png | Bin 625 -> 0 bytes Redcore-daylight/gtk-3.0/assets/radio-selected.svg | 9 + .../gtk-3.0/assets/radio-unchecked-dark.svg | 8 + .../assets/radio-unchecked-insensitive-dark.svg | 8 + .../gtk-3.0/assets/radio-unchecked-insensitive.svg | 8 + .../gtk-3.0/assets/radio-unchecked.svg | 8 + .../gtk-3.0/assets/radio-unselected-dark.svg | 6 + .../assets/radio-unselected-insensitive-dark.svg | 6 + .../assets/radio-unselected-insensitive.png | Bin 527 -> 0 bytes .../assets/radio-unselected-insensitive.svg | 8 + .../gtk-3.0/assets/radio-unselected.png | Bin 542 -> 0 bytes .../gtk-3.0/assets/radio-unselected.svg | 8 + Redcore-daylight/gtk-3.0/assets/resize-grip.png | Bin 187 -> 0 bytes Redcore-daylight/gtk-3.0/assets/sed.sh | 9 + .../gtk-3.0/assets/titlebutton-close-active.png | Bin 337 -> 0 bytes .../gtk-3.0/assets/titlebutton-close-hover.png | Bin 245 -> 0 bytes .../gtk-3.0/assets/titlebutton-close.png | Bin 252 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize-active.png | Bin 229 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize-hover.png | Bin 223 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize.png | Bin 222 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize-active.png | Bin 170 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize-hover.png | Bin 167 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize.png | Bin 183 -> 0 bytes Redcore-daylight/gtk-3.0/assets/unsed.sh | 11 + Redcore-daylight/gtk-3.0/gtk-contained.css | 4546 ------------ Redcore-daylight/gtk-3.0/gtk-contained.scss | 16 - Redcore-daylight/gtk-3.0/gtk-dark.css | 1 + Redcore-daylight/gtk-3.0/gtk.css | 2 +- Redcore-daylight/gtk-3.0/gtk.gresource.xml | 96 +- Redcore-daylight/gtk-3.0/scss/_colors.scss | 67 + Redcore-daylight/gtk-3.0/scss/_functions.scss | 79 + Redcore-daylight/gtk-3.0/scss/_global.scss | 89 + Redcore-daylight/gtk-3.0/scss/_widgets.scss | 37 + Redcore-daylight/gtk-3.0/scss/apps/_gedit.scss | 132 + .../gtk-3.0/scss/apps/_gnome-terminal.scss | 219 + Redcore-daylight/gtk-3.0/scss/apps/_lightdm.scss | 193 + .../gtk-3.0/scss/apps/_mate-applications.scss | 82 + Redcore-daylight/gtk-3.0/scss/apps/_nautilus.scss | 72 + Redcore-daylight/gtk-3.0/scss/apps/_nemo.scss | 36 + Redcore-daylight/gtk-3.0/scss/apps/_panel.scss | 80 + Redcore-daylight/gtk-3.0/scss/apps/_synaptic.scss | 15 + .../gtk-3.0/scss/apps/_unity-greeter.scss | 119 + Redcore-daylight/gtk-3.0/scss/apps/_unity.scss | 74 + Redcore-daylight/gtk-3.0/scss/apps/_xfce.scss | 26 + Redcore-daylight/gtk-3.0/scss/gtk.scss | 3 + .../gtk-3.0/scss/widgets/_actionbar.scss | 106 + Redcore-daylight/gtk-3.0/scss/widgets/_base.scss | 104 + Redcore-daylight/gtk-3.0/scss/widgets/_button.scss | 376 + .../gtk-3.0/scss/widgets/_calendar.scss | 38 + .../gtk-3.0/scss/widgets/_choosers.scss | 125 + Redcore-daylight/gtk-3.0/scss/widgets/_entry.scss | 84 + Redcore-daylight/gtk-3.0/scss/widgets/_grid.scss | 48 + .../gtk-3.0/scss/widgets/_infobar.scss | 38 + Redcore-daylight/gtk-3.0/scss/widgets/_menu.scss | 267 + Redcore-daylight/gtk-3.0/scss/widgets/_misc.scss | 227 + .../gtk-3.0/scss/widgets/_notebook.scss | 139 + Redcore-daylight/gtk-3.0/scss/widgets/_osd.scss | 132 + .../gtk-3.0/scss/widgets/_overshoot.scss | 119 + .../gtk-3.0/scss/widgets/_progress.scss | 182 + .../gtk-3.0/scss/widgets/_scrollbar.scss | 86 + .../gtk-3.0/scss/widgets/_sidebar.scss | 114 + .../gtk-3.0/scss/widgets/_spinner.scss | 24 + Redcore-daylight/gtk-3.0/scss/widgets/_toggle.scss | 128 + .../gtk-3.0/scss/widgets/_toolbar.scss | 132 + Redcore-daylight/gtk-3.0/scss/widgets/_view.scss | 233 + Redcore-daylight/gtk-3.0/scss/widgets/_window.scss | 60 + Redcore-daylight/gtk-3.0/settings.ini | 3 - Redcore-daylight/gtk-3.20/assets/all-assets.svg | 4456 +++++++++++ Redcore-daylight/gtk-3.20/assets/all-assets.txt | 38 + Redcore-daylight/gtk-3.20/assets/change_dpi.sh | 4 + .../gtk-3.20/assets/checkbox-checked-dark.svg | 10 + .../assets/checkbox-checked-insensitive-dark.svg | 9 + .../assets/checkbox-checked-insensitive.svg | 9 + .../gtk-3.20/assets/checkbox-checked.svg | 9 + .../gtk-3.20/assets/checkbox-mixed-dark.svg | 9 + .../assets/checkbox-mixed-insensitive-dark.svg | 9 + .../gtk-3.20/assets/checkbox-mixed-insensitive.svg | 9 + .../gtk-3.20/assets/checkbox-mixed.svg | 9 + .../gtk-3.20/assets/checkbox-unchecked-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive.svg | 8 + .../gtk-3.20/assets/checkbox-unchecked.svg | 8 + .../assets/grid-selection-checked-dark.svg | 9 + .../gtk-3.20/assets/grid-selection-checked.svg | 9 + .../assets/grid-selection-unchecked-dark.svg | 8 + .../gtk-3.20/assets/grid-selection-unchecked.svg | 8 + .../assets/menuitem-checkbox-checked-hover.svg | 8 + .../menuitem-checkbox-checked-insensitive.svg | 8 + .../gtk-3.20/assets/menuitem-checkbox-checked.svg | 8 + .../assets/menuitem-checkbox-mixed-hover.svg | 8 + .../assets/menuitem-checkbox-mixed-insensitive.svg | 8 + .../assets/menuitem-checkbox-mixed-selected.svg | 8 + .../gtk-3.20/assets/menuitem-checkbox-mixed.svg | 8 + .../assets/menuitem-checkbox-unchecked.svg | 6 + .../assets/menuitem-radio-checked-hover.svg | 8 + .../assets/menuitem-radio-checked-insensitive.svg | 8 + .../gtk-3.20/assets/menuitem-radio-checked.svg | 8 + .../gtk-3.20/assets/menuitem-radio-mixed-hover.svg | 8 + .../assets/menuitem-radio-mixed-insensitive.svg | 8 + .../assets/menuitem-radio-mixed-selected.svg | 8 + .../gtk-3.20/assets/menuitem-radio-mixed.svg | 8 + .../gtk-3.20/assets/menuitem-radio-unchecked.svg | 6 + .../gtk-3.20/assets/pane-handle-vertical.svg | 49 + Redcore-daylight/gtk-3.20/assets/pane-handle.png | Bin 0 -> 150 bytes Redcore-daylight/gtk-3.20/assets/pane-handle.svg | 49 + Redcore-daylight/gtk-3.20/assets/pane-handle@2.png | Bin 0 -> 161 bytes .../gtk-3.20/assets/radio-checked-dark.svg | 9 + .../assets/radio-checked-insensitive-dark.svg | 9 + .../gtk-3.20/assets/radio-checked-insensitive.svg | 9 + Redcore-daylight/gtk-3.20/assets/radio-checked.svg | 9 + .../gtk-3.20/assets/radio-mixed-dark.svg | 9 + .../assets/radio-mixed-insensitive-dark.svg | 9 + .../gtk-3.20/assets/radio-mixed-insensitive.svg | 9 + Redcore-daylight/gtk-3.20/assets/radio-mixed.svg | 9 + .../gtk-3.20/assets/radio-selected-insensitive.svg | 9 + .../gtk-3.20/assets/radio-selected.svg | 9 + .../gtk-3.20/assets/radio-unchecked-dark.svg | 8 + .../assets/radio-unchecked-insensitive-dark.svg | 8 + .../assets/radio-unchecked-insensitive.svg | 8 + .../gtk-3.20/assets/radio-unchecked.svg | 8 + .../gtk-3.20/assets/radio-unselected-dark.svg | 6 + .../assets/radio-unselected-insensitive-dark.svg | 6 + .../assets/radio-unselected-insensitive.svg | 8 + .../gtk-3.20/assets/radio-unselected.svg | 8 + Redcore-daylight/gtk-3.20/assets/sed.sh | 9 + Redcore-daylight/gtk-3.20/assets/unsed.sh | 11 + Redcore-daylight/gtk-3.20/dist/gtk-dark.css | 7778 ++++++++++++++++++++ Redcore-daylight/gtk-3.20/dist/gtk.css | 7778 ++++++++++++++++++++ Redcore-daylight/gtk-3.20/dist/gtk.css.map | 7 + Redcore-daylight/gtk-3.20/gtk-dark.css | 1 + Redcore-daylight/gtk-3.20/gtk.css | 1 + Redcore-daylight/gtk-3.20/gtk.gresource | Bin 0 -> 8292104 bytes Redcore-daylight/gtk-3.20/gtk.gresource.xml | 53 + Redcore-daylight/gtk-3.20/scss/_colors.scss | 101 + Redcore-daylight/gtk-3.20/scss/_functions.scss | 95 + Redcore-daylight/gtk-3.20/scss/_global.scss | 150 + Redcore-daylight/gtk-3.20/scss/_widgets.scss | 41 + Redcore-daylight/gtk-3.20/scss/apps/_budgie.scss | 27 + .../gtk-3.20/scss/apps/_cinnamon-applications.scss | 19 + Redcore-daylight/gtk-3.20/scss/apps/_gedit.scss | 143 + .../gtk-3.20/scss/apps/_gnome-applications.scss | 59 + .../gtk-3.20/scss/apps/_gnome-terminal.scss | 37 + Redcore-daylight/gtk-3.20/scss/apps/_lightdm.scss | 117 + .../gtk-3.20/scss/apps/_mate-applications.scss | 86 + Redcore-daylight/gtk-3.20/scss/apps/_nautilus.scss | 92 + Redcore-daylight/gtk-3.20/scss/apps/_nemo.scss | 174 + Redcore-daylight/gtk-3.20/scss/apps/_panel.scss | 91 + Redcore-daylight/gtk-3.20/scss/apps/_synaptic.scss | 15 + .../gtk-3.20/scss/apps/_unity-greeter.scss | 105 + Redcore-daylight/gtk-3.20/scss/apps/_unity.scss | 80 + Redcore-daylight/gtk-3.20/scss/apps/_xfce.scss | 30 + Redcore-daylight/gtk-3.20/scss/gtk.scss | 3 + .../gtk-3.20/scss/widgets/_actionbar.scss | 99 + Redcore-daylight/gtk-3.20/scss/widgets/_base.scss | 133 + .../gtk-3.20/scss/widgets/_button.scss | 566 ++ .../gtk-3.20/scss/widgets/_calendar.scss | 73 + .../gtk-3.20/scss/widgets/_choosers.scss | 181 + Redcore-daylight/gtk-3.20/scss/widgets/_entry.scss | 186 + Redcore-daylight/gtk-3.20/scss/widgets/_grid.scss | 63 + .../gtk-3.20/scss/widgets/_infobar.scss | 41 + Redcore-daylight/gtk-3.20/scss/widgets/_menu.scss | 319 + Redcore-daylight/gtk-3.20/scss/widgets/_misc.scss | 320 + .../gtk-3.20/scss/widgets/_notebook.scss | 149 + Redcore-daylight/gtk-3.20/scss/widgets/_osd.scss | 268 + .../gtk-3.20/scss/widgets/_overshoot.scss | 150 + .../gtk-3.20/scss/widgets/_progress.scss | 364 + .../gtk-3.20/scss/widgets/_scrollbar.scss | 134 + .../gtk-3.20/scss/widgets/_sidebar.scss | 226 + .../gtk-3.20/scss/widgets/_spinner.scss | 24 + .../gtk-3.20/scss/widgets/_toggle.scss | 155 + .../gtk-3.20/scss/widgets/_toolbar.scss | 237 + Redcore-daylight/gtk-3.20/scss/widgets/_view.scss | 354 + .../gtk-3.20/scss/widgets/_window.scss | 63 + Redcore-daylight/index.theme | 8 +- Redcore-nighttime/gtk-2.0/gtkrc | 1413 ++-- Redcore-nighttime/gtk-2.0/resize_grip.png | Bin 187 -> 0 bytes Redcore-nighttime/gtk-2.0/xfsmlogout.png | Bin 131 -> 0 bytes Redcore-nighttime/gtk-3.0/apps/granite-widgets.css | 687 -- .../gtk-3.0/apps/lightdm-unity-greeter.css | 67 - Redcore-nighttime/gtk-3.0/assets/all-assets.svg | 4456 +++++++++++ Redcore-nighttime/gtk-3.0/assets/all-assets.txt | 38 + .../gtk-3.0/assets/bullet-symbolic.svg | 155 - .../gtk-3.0/assets/bullet-symbolic.symbolic.png | Bin 147 -> 0 bytes Redcore-nighttime/gtk-3.0/assets/change_dpi.sh | 4 + .../gtk-3.0/assets/check-symbolic.svg | 155 - .../gtk-3.0/assets/check-symbolic.symbolic.png | Bin 324 -> 0 bytes .../assets/checkbox-active-selectionmode.png | Bin 346 -> 0 bytes .../assets/checkbox-backdrop-selectionmode.png | Bin 352 -> 0 bytes .../checkbox-checked-active-selectionmode.png | Bin 583 -> 0 bytes .../checkbox-checked-backdrop-selectionmode.png | Bin 577 -> 0 bytes .../gtk-3.0/assets/checkbox-checked-dark.svg | 10 + .../checkbox-checked-hover-selectionmode.png | Bin 614 -> 0 bytes .../assets/checkbox-checked-insensitive-dark.svg | 9 + .../assets/checkbox-checked-insensitive.png | Bin 577 -> 0 bytes .../assets/checkbox-checked-insensitive.svg | 9 + .../gtk-3.0/assets/checkbox-checked.svg | 9 + .../assets/checkbox-hover-selectionmode.png | Bin 346 -> 0 bytes .../gtk-3.0/assets/checkbox-mixed-dark.svg | 9 + .../gtk-3.0/assets/checkbox-mixed-hover.png | Bin 388 -> 0 bytes .../assets/checkbox-mixed-insensitive-dark.svg | 9 + .../gtk-3.0/assets/checkbox-mixed-insensitive.png | Bin 385 -> 0 bytes .../gtk-3.0/assets/checkbox-mixed-insensitive.svg | 9 + .../gtk-3.0/assets/checkbox-mixed.png | Bin 381 -> 0 bytes .../gtk-3.0/assets/checkbox-mixed.svg | 9 + .../gtk-3.0/assets/checkbox-selectionmode.png | Bin 346 -> 0 bytes .../gtk-3.0/assets/checkbox-unchecked-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive.png | Bin 352 -> 0 bytes .../assets/checkbox-unchecked-insensitive.svg | 8 + .../gtk-3.0/assets/checkbox-unchecked.svg | 8 + Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg | 153 - .../gtk-3.0/assets/dash-symbolic.symbolic.png | Bin 130 -> 0 bytes .../gtk-3.0/assets/grid-selection-checked-dark.svg | 9 + .../gtk-3.0/assets/grid-selection-checked.png | Bin 1131 -> 0 bytes .../gtk-3.0/assets/grid-selection-checked.svg | 9 + .../assets/grid-selection-unchecked-dark.svg | 8 + .../gtk-3.0/assets/grid-selection-unchecked.png | Bin 330 -> 0 bytes .../gtk-3.0/assets/grid-selection-unchecked.svg | 8 + .../assets/menuitem-checkbox-checked-hover.png | Bin 285 -> 0 bytes .../assets/menuitem-checkbox-checked-hover.svg | 8 + .../menuitem-checkbox-checked-insensitive.png | Bin 363 -> 0 bytes .../menuitem-checkbox-checked-insensitive.svg | 8 + .../gtk-3.0/assets/menuitem-checkbox-checked.png | Bin 367 -> 0 bytes .../gtk-3.0/assets/menuitem-checkbox-checked.svg | 8 + .../assets/menuitem-checkbox-mixed-hover.png | Bin 158 -> 0 bytes .../assets/menuitem-checkbox-mixed-hover.svg | 8 + .../assets/menuitem-checkbox-mixed-insensitive.png | Bin 167 -> 0 bytes .../assets/menuitem-checkbox-mixed-insensitive.svg | 8 + .../assets/menuitem-checkbox-mixed-selected.svg | 8 + .../gtk-3.0/assets/menuitem-checkbox-mixed.png | Bin 168 -> 0 bytes .../gtk-3.0/assets/menuitem-checkbox-mixed.svg | 8 + .../gtk-3.0/assets/menuitem-checkbox-unchecked.svg | 6 + .../assets/menuitem-radio-checked-hover.png | Bin 167 -> 0 bytes .../assets/menuitem-radio-checked-hover.svg | 8 + .../assets/menuitem-radio-checked-insensitive.png | Bin 181 -> 0 bytes .../assets/menuitem-radio-checked-insensitive.svg | 8 + .../gtk-3.0/assets/menuitem-radio-checked.png | Bin 205 -> 0 bytes .../gtk-3.0/assets/menuitem-radio-checked.svg | 8 + .../gtk-3.0/assets/menuitem-radio-mixed-hover.svg | 8 + .../assets/menuitem-radio-mixed-insensitive.svg | 8 + .../assets/menuitem-radio-mixed-selected.svg | 8 + .../gtk-3.0/assets/menuitem-radio-mixed.svg | 8 + .../gtk-3.0/assets/menuitem-radio-unchecked.svg | 6 + .../gtk-3.0/assets/pane-handle-vertical.svg | 49 + Redcore-nighttime/gtk-3.0/assets/pane-handle.png | Bin 0 -> 150 bytes Redcore-nighttime/gtk-3.0/assets/pane-handle.svg | 49 + Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png | Bin 0 -> 161 bytes .../gtk-3.0/assets/pane-separator-vertical.png | Bin 148 -> 0 bytes .../gtk-3.0/assets/pane-separator.png | Bin 151 -> 0 bytes .../gtk-3.0/assets/radio-checked-dark.svg | 9 + .../assets/radio-checked-insensitive-dark.svg | 9 + .../gtk-3.0/assets/radio-checked-insensitive.svg | 9 + Redcore-nighttime/gtk-3.0/assets/radio-checked.svg | 9 + .../gtk-3.0/assets/radio-mixed-dark.svg | 9 + .../gtk-3.0/assets/radio-mixed-hover.png | Bin 583 -> 0 bytes .../assets/radio-mixed-insensitive-dark.svg | 9 + .../gtk-3.0/assets/radio-mixed-insensitive.png | Bin 563 -> 0 bytes .../gtk-3.0/assets/radio-mixed-insensitive.svg | 9 + Redcore-nighttime/gtk-3.0/assets/radio-mixed.png | Bin 578 -> 0 bytes Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg | 9 + .../gtk-3.0/assets/radio-selected-hover.png | Bin 643 -> 0 bytes .../gtk-3.0/assets/radio-selected-insensitive.png | Bin 631 -> 0 bytes .../gtk-3.0/assets/radio-selected-insensitive.svg | 9 + .../gtk-3.0/assets/radio-selected.png | Bin 625 -> 0 bytes .../gtk-3.0/assets/radio-selected.svg | 9 + .../gtk-3.0/assets/radio-unchecked-dark.svg | 8 + .../assets/radio-unchecked-insensitive-dark.svg | 8 + .../gtk-3.0/assets/radio-unchecked-insensitive.svg | 8 + .../gtk-3.0/assets/radio-unchecked.svg | 8 + .../gtk-3.0/assets/radio-unselected-dark.svg | 6 + .../assets/radio-unselected-insensitive-dark.svg | 6 + .../assets/radio-unselected-insensitive.png | Bin 527 -> 0 bytes .../assets/radio-unselected-insensitive.svg | 8 + .../gtk-3.0/assets/radio-unselected.png | Bin 542 -> 0 bytes .../gtk-3.0/assets/radio-unselected.svg | 8 + Redcore-nighttime/gtk-3.0/assets/resize-grip.png | Bin 187 -> 0 bytes Redcore-nighttime/gtk-3.0/assets/sed.sh | 9 + .../gtk-3.0/assets/titlebutton-close-active.png | Bin 337 -> 0 bytes .../gtk-3.0/assets/titlebutton-close-hover.png | Bin 245 -> 0 bytes .../gtk-3.0/assets/titlebutton-close.png | Bin 252 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize-active.png | Bin 229 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize-hover.png | Bin 223 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize.png | Bin 222 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize-active.png | Bin 170 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize-hover.png | Bin 167 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize.png | Bin 183 -> 0 bytes Redcore-nighttime/gtk-3.0/assets/unsed.sh | 11 + Redcore-nighttime/gtk-3.0/gtk-contained.css | 4546 ------------ Redcore-nighttime/gtk-3.0/gtk-contained.scss | 16 - Redcore-nighttime/gtk-3.0/gtk-dark.css | 1 + Redcore-nighttime/gtk-3.0/gtk.css | 2 +- Redcore-nighttime/gtk-3.0/gtk.gresource.xml | 96 +- Redcore-nighttime/gtk-3.0/scss/_colors.scss | 67 + Redcore-nighttime/gtk-3.0/scss/_functions.scss | 79 + Redcore-nighttime/gtk-3.0/scss/_global.scss | 89 + Redcore-nighttime/gtk-3.0/scss/_widgets.scss | 37 + Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss | 132 + .../gtk-3.0/scss/apps/_gnome-terminal.scss | 219 + Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss | 193 + .../gtk-3.0/scss/apps/_mate-applications.scss | 82 + Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss | 72 + Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss | 36 + Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss | 80 + Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss | 15 + .../gtk-3.0/scss/apps/_unity-greeter.scss | 119 + Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss | 74 + Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss | 26 + Redcore-nighttime/gtk-3.0/scss/gtk.scss | 3 + .../gtk-3.0/scss/widgets/_actionbar.scss | 106 + Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss | 104 + .../gtk-3.0/scss/widgets/_button.scss | 376 + .../gtk-3.0/scss/widgets/_calendar.scss | 38 + .../gtk-3.0/scss/widgets/_choosers.scss | 125 + Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss | 84 + Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss | 48 + .../gtk-3.0/scss/widgets/_infobar.scss | 38 + Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss | 267 + Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss | 227 + .../gtk-3.0/scss/widgets/_notebook.scss | 139 + Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss | 132 + .../gtk-3.0/scss/widgets/_overshoot.scss | 119 + .../gtk-3.0/scss/widgets/_progress.scss | 182 + .../gtk-3.0/scss/widgets/_scrollbar.scss | 86 + .../gtk-3.0/scss/widgets/_sidebar.scss | 114 + .../gtk-3.0/scss/widgets/_spinner.scss | 24 + .../gtk-3.0/scss/widgets/_toggle.scss | 128 + .../gtk-3.0/scss/widgets/_toolbar.scss | 132 + Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss | 233 + .../gtk-3.0/scss/widgets/_window.scss | 60 + Redcore-nighttime/gtk-3.0/settings.ini | 3 - Redcore-nighttime/gtk-3.20/assets/all-assets.svg | 4456 +++++++++++ Redcore-nighttime/gtk-3.20/assets/all-assets.txt | 38 + Redcore-nighttime/gtk-3.20/assets/change_dpi.sh | 4 + .../gtk-3.20/assets/checkbox-checked-dark.svg | 10 + .../assets/checkbox-checked-insensitive-dark.svg | 9 + .../assets/checkbox-checked-insensitive.svg | 9 + .../gtk-3.20/assets/checkbox-checked.svg | 9 + .../gtk-3.20/assets/checkbox-mixed-dark.svg | 9 + .../assets/checkbox-mixed-insensitive-dark.svg | 9 + .../gtk-3.20/assets/checkbox-mixed-insensitive.svg | 9 + .../gtk-3.20/assets/checkbox-mixed.svg | 9 + .../gtk-3.20/assets/checkbox-unchecked-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive.svg | 8 + .../gtk-3.20/assets/checkbox-unchecked.svg | 8 + .../assets/grid-selection-checked-dark.svg | 9 + .../gtk-3.20/assets/grid-selection-checked.svg | 9 + .../assets/grid-selection-unchecked-dark.svg | 8 + .../gtk-3.20/assets/grid-selection-unchecked.svg | 8 + .../assets/menuitem-checkbox-checked-hover.svg | 8 + .../menuitem-checkbox-checked-insensitive.svg | 8 + .../gtk-3.20/assets/menuitem-checkbox-checked.svg | 8 + .../assets/menuitem-checkbox-mixed-hover.svg | 8 + .../assets/menuitem-checkbox-mixed-insensitive.svg | 8 + .../assets/menuitem-checkbox-mixed-selected.svg | 8 + .../gtk-3.20/assets/menuitem-checkbox-mixed.svg | 8 + .../assets/menuitem-checkbox-unchecked.svg | 6 + .../assets/menuitem-radio-checked-hover.svg | 8 + .../assets/menuitem-radio-checked-insensitive.svg | 8 + .../gtk-3.20/assets/menuitem-radio-checked.svg | 8 + .../gtk-3.20/assets/menuitem-radio-mixed-hover.svg | 8 + .../assets/menuitem-radio-mixed-insensitive.svg | 8 + .../assets/menuitem-radio-mixed-selected.svg | 8 + .../gtk-3.20/assets/menuitem-radio-mixed.svg | 8 + .../gtk-3.20/assets/menuitem-radio-unchecked.svg | 6 + .../gtk-3.20/assets/pane-handle-vertical.svg | 49 + Redcore-nighttime/gtk-3.20/assets/pane-handle.png | Bin 0 -> 150 bytes Redcore-nighttime/gtk-3.20/assets/pane-handle.svg | 49 + .../gtk-3.20/assets/pane-handle@2.png | Bin 0 -> 161 bytes .../gtk-3.20/assets/radio-checked-dark.svg | 9 + .../assets/radio-checked-insensitive-dark.svg | 9 + .../gtk-3.20/assets/radio-checked-insensitive.svg | 9 + .../gtk-3.20/assets/radio-checked.svg | 9 + .../gtk-3.20/assets/radio-mixed-dark.svg | 9 + .../assets/radio-mixed-insensitive-dark.svg | 9 + .../gtk-3.20/assets/radio-mixed-insensitive.svg | 9 + Redcore-nighttime/gtk-3.20/assets/radio-mixed.svg | 9 + .../gtk-3.20/assets/radio-selected-insensitive.svg | 9 + .../gtk-3.20/assets/radio-selected.svg | 9 + .../gtk-3.20/assets/radio-unchecked-dark.svg | 8 + .../assets/radio-unchecked-insensitive-dark.svg | 8 + .../assets/radio-unchecked-insensitive.svg | 8 + .../gtk-3.20/assets/radio-unchecked.svg | 8 + .../gtk-3.20/assets/radio-unselected-dark.svg | 6 + .../assets/radio-unselected-insensitive-dark.svg | 6 + .../assets/radio-unselected-insensitive.svg | 8 + .../gtk-3.20/assets/radio-unselected.svg | 8 + Redcore-nighttime/gtk-3.20/assets/sed.sh | 9 + Redcore-nighttime/gtk-3.20/assets/unsed.sh | 11 + Redcore-nighttime/gtk-3.20/dist/gtk-dark.css | 7778 ++++++++++++++++++++ Redcore-nighttime/gtk-3.20/dist/gtk.css | 7778 ++++++++++++++++++++ Redcore-nighttime/gtk-3.20/dist/gtk.css.map | 7 + Redcore-nighttime/gtk-3.20/gtk-dark.css | 1 + Redcore-nighttime/gtk-3.20/gtk.css | 1 + Redcore-nighttime/gtk-3.20/gtk.gresource | Bin 0 -> 8294880 bytes Redcore-nighttime/gtk-3.20/gtk.gresource.xml | 53 + Redcore-nighttime/gtk-3.20/scss/_colors.scss | 101 + Redcore-nighttime/gtk-3.20/scss/_functions.scss | 95 + Redcore-nighttime/gtk-3.20/scss/_global.scss | 150 + Redcore-nighttime/gtk-3.20/scss/_widgets.scss | 41 + Redcore-nighttime/gtk-3.20/scss/apps/_budgie.scss | 27 + .../gtk-3.20/scss/apps/_cinnamon-applications.scss | 19 + Redcore-nighttime/gtk-3.20/scss/apps/_gedit.scss | 143 + .../gtk-3.20/scss/apps/_gnome-applications.scss | 59 + .../gtk-3.20/scss/apps/_gnome-terminal.scss | 37 + Redcore-nighttime/gtk-3.20/scss/apps/_lightdm.scss | 117 + .../gtk-3.20/scss/apps/_mate-applications.scss | 86 + .../gtk-3.20/scss/apps/_nautilus.scss | 92 + Redcore-nighttime/gtk-3.20/scss/apps/_nemo.scss | 174 + Redcore-nighttime/gtk-3.20/scss/apps/_panel.scss | 91 + .../gtk-3.20/scss/apps/_synaptic.scss | 15 + .../gtk-3.20/scss/apps/_unity-greeter.scss | 105 + Redcore-nighttime/gtk-3.20/scss/apps/_unity.scss | 80 + Redcore-nighttime/gtk-3.20/scss/apps/_xfce.scss | 30 + Redcore-nighttime/gtk-3.20/scss/gtk.scss | 3 + .../gtk-3.20/scss/widgets/_actionbar.scss | 99 + Redcore-nighttime/gtk-3.20/scss/widgets/_base.scss | 133 + .../gtk-3.20/scss/widgets/_button.scss | 566 ++ .../gtk-3.20/scss/widgets/_calendar.scss | 73 + .../gtk-3.20/scss/widgets/_choosers.scss | 181 + .../gtk-3.20/scss/widgets/_entry.scss | 186 + Redcore-nighttime/gtk-3.20/scss/widgets/_grid.scss | 63 + .../gtk-3.20/scss/widgets/_infobar.scss | 41 + Redcore-nighttime/gtk-3.20/scss/widgets/_menu.scss | 319 + Redcore-nighttime/gtk-3.20/scss/widgets/_misc.scss | 320 + .../gtk-3.20/scss/widgets/_notebook.scss | 149 + Redcore-nighttime/gtk-3.20/scss/widgets/_osd.scss | 268 + .../gtk-3.20/scss/widgets/_overshoot.scss | 150 + .../gtk-3.20/scss/widgets/_progress.scss | 364 + .../gtk-3.20/scss/widgets/_scrollbar.scss | 134 + .../gtk-3.20/scss/widgets/_sidebar.scss | 226 + .../gtk-3.20/scss/widgets/_spinner.scss | 24 + .../gtk-3.20/scss/widgets/_toggle.scss | 155 + .../gtk-3.20/scss/widgets/_toolbar.scss | 237 + Redcore-nighttime/gtk-3.20/scss/widgets/_view.scss | 354 + .../gtk-3.20/scss/widgets/_window.scss | 63 + Redcore-nighttime/index.theme | 8 +- 526 files changed, 72174 insertions(+), 13092 deletions(-) delete mode 100644 Redcore-daylight/gtk-2.0/resize_grip.png delete mode 100644 Redcore-daylight/gtk-2.0/xfsmlogout.png delete mode 100644 Redcore-daylight/gtk-3.0/apps/granite-widgets.css delete mode 100644 Redcore-daylight/gtk-3.0/apps/lightdm-unity-greeter.css create mode 100644 Redcore-daylight/gtk-3.0/assets/all-assets.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/all-assets.txt delete mode 100644 Redcore-daylight/gtk-3.0/assets/bullet-symbolic.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/bullet-symbolic.symbolic.png create mode 100755 Redcore-daylight/gtk-3.0/assets/change_dpi.sh delete mode 100644 Redcore-daylight/gtk-3.0/assets/check-symbolic.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/check-symbolic.symbolic.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-active-selectionmode.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-backdrop-selectionmode.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-checked-active-selectionmode.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-checked-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive.png create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-checked.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-hover-selectionmode.png create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-mixed-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-mixed-hover.png create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive.png create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-mixed.png create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-mixed.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-selectionmode.png create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-dark.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive.png create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/checkbox-unchecked.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/dash-symbolic.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/dash-symbolic.symbolic.png create mode 100644 Redcore-daylight/gtk-3.0/assets/grid-selection-checked-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/grid-selection-checked.png create mode 100644 Redcore-daylight/gtk-3.0/assets/grid-selection-checked.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked.png create mode 100644 Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-hover.png create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked.png create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed.png create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-unchecked.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-hover.png create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-hover.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-insensitive.png create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked.png create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-hover.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-selected.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/menuitem-radio-unchecked.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/pane-handle-vertical.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/pane-handle.png create mode 100644 Redcore-daylight/gtk-3.0/assets/pane-handle.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/pane-handle@2.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/pane-separator-vertical.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/pane-separator.png create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-checked-dark.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-checked-insensitive-dark.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-checked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-checked.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-mixed-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/radio-mixed-hover.png create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive.png create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/radio-mixed.png create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-mixed.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/radio-selected-hover.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/radio-selected-insensitive.png create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-selected-insensitive.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/radio-selected.png create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-selected.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unchecked-dark.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unchecked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unchecked.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unselected-dark.svg create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive-dark.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive.png create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unselected.png create mode 100644 Redcore-daylight/gtk-3.0/assets/radio-unselected.svg delete mode 100644 Redcore-daylight/gtk-3.0/assets/resize-grip.png create mode 100755 Redcore-daylight/gtk-3.0/assets/sed.sh delete mode 100644 Redcore-daylight/gtk-3.0/assets/titlebutton-close-active.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/titlebutton-close-hover.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/titlebutton-close.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/titlebutton-maximize-active.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/titlebutton-maximize-hover.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/titlebutton-maximize.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/titlebutton-minimize-active.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/titlebutton-minimize-hover.png delete mode 100644 Redcore-daylight/gtk-3.0/assets/titlebutton-minimize.png create mode 100755 Redcore-daylight/gtk-3.0/assets/unsed.sh delete mode 100644 Redcore-daylight/gtk-3.0/gtk-contained.css delete mode 100644 Redcore-daylight/gtk-3.0/gtk-contained.scss create mode 100644 Redcore-daylight/gtk-3.0/gtk-dark.css create mode 100644 Redcore-daylight/gtk-3.0/scss/_colors.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/_functions.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/_global.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/_widgets.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_gedit.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_gnome-terminal.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_lightdm.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_mate-applications.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_nautilus.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_nemo.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_panel.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_synaptic.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_unity-greeter.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_unity.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/apps/_xfce.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/gtk.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_actionbar.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_base.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_button.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_calendar.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_choosers.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_entry.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_grid.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_infobar.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_menu.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_misc.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_notebook.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_osd.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_overshoot.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_progress.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_scrollbar.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_sidebar.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_spinner.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_toggle.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_toolbar.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_view.scss create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_window.scss delete mode 100644 Redcore-daylight/gtk-3.0/settings.ini create mode 100644 Redcore-daylight/gtk-3.20/assets/all-assets.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/all-assets.txt create mode 100755 Redcore-daylight/gtk-3.20/assets/change_dpi.sh create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-checked-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-checked-insensitive-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-checked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-checked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-mixed-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-mixed-insensitive-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-mixed-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-mixed.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-insensitive-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/checkbox-unchecked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/grid-selection-checked-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/grid-selection-checked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/grid-selection-unchecked-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/grid-selection-unchecked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked-hover.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-hover.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-selected.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-unchecked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked-hover.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-hover.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-selected.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/menuitem-radio-unchecked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/pane-handle-vertical.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/pane-handle.png create mode 100644 Redcore-daylight/gtk-3.20/assets/pane-handle.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/pane-handle@2.png create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-checked-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-checked-insensitive-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-checked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-checked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-mixed-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-mixed-insensitive-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-mixed-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-mixed.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-selected-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-selected.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-unchecked-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-unchecked-insensitive-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-unchecked-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-unchecked.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-unselected-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-unselected-insensitive-dark.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-unselected-insensitive.svg create mode 100644 Redcore-daylight/gtk-3.20/assets/radio-unselected.svg create mode 100755 Redcore-daylight/gtk-3.20/assets/sed.sh create mode 100755 Redcore-daylight/gtk-3.20/assets/unsed.sh create mode 100644 Redcore-daylight/gtk-3.20/dist/gtk-dark.css create mode 100644 Redcore-daylight/gtk-3.20/dist/gtk.css create mode 100644 Redcore-daylight/gtk-3.20/dist/gtk.css.map create mode 100644 Redcore-daylight/gtk-3.20/gtk-dark.css create mode 100644 Redcore-daylight/gtk-3.20/gtk.css create mode 100644 Redcore-daylight/gtk-3.20/gtk.gresource create mode 100644 Redcore-daylight/gtk-3.20/gtk.gresource.xml create mode 100644 Redcore-daylight/gtk-3.20/scss/_colors.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/_functions.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/_global.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/_widgets.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_budgie.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_cinnamon-applications.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_gedit.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_gnome-applications.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_gnome-terminal.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_lightdm.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_mate-applications.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_nautilus.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_nemo.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_panel.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_synaptic.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_unity-greeter.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_unity.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/apps/_xfce.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/gtk.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_actionbar.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_base.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_button.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_calendar.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_choosers.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_entry.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_grid.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_infobar.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_menu.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_misc.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_notebook.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_osd.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_overshoot.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_progress.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_scrollbar.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_sidebar.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_spinner.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_toggle.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_toolbar.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_view.scss create mode 100644 Redcore-daylight/gtk-3.20/scss/widgets/_window.scss delete mode 100644 Redcore-nighttime/gtk-2.0/resize_grip.png delete mode 100644 Redcore-nighttime/gtk-2.0/xfsmlogout.png delete mode 100644 Redcore-nighttime/gtk-3.0/apps/granite-widgets.css delete mode 100644 Redcore-nighttime/gtk-3.0/apps/lightdm-unity-greeter.css create mode 100644 Redcore-nighttime/gtk-3.0/assets/all-assets.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/all-assets.txt delete mode 100644 Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.symbolic.png create mode 100755 Redcore-nighttime/gtk-3.0/assets/change_dpi.sh delete mode 100644 Redcore-nighttime/gtk-3.0/assets/check-symbolic.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/check-symbolic.symbolic.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-active-selectionmode.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-backdrop-selectionmode.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-active-selectionmode.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-hover-selectionmode.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-selectionmode.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/dash-symbolic.symbolic.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-checked-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-unchecked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-hover.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-selected.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-unchecked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-handle-vertical.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-handle.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-handle.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-separator-vertical.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-separator.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-checked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-checked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected-hover.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unchecked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unchecked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/resize-grip.png create mode 100755 Redcore-nighttime/gtk-3.0/assets/sed.sh delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-close-active.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-close-hover.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-close.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-active.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-hover.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-active.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-hover.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize.png create mode 100755 Redcore-nighttime/gtk-3.0/assets/unsed.sh delete mode 100644 Redcore-nighttime/gtk-3.0/gtk-contained.css delete mode 100644 Redcore-nighttime/gtk-3.0/gtk-contained.scss create mode 100644 Redcore-nighttime/gtk-3.0/gtk-dark.css create mode 100644 Redcore-nighttime/gtk-3.0/scss/_colors.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/_functions.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/_global.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/_widgets.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/gtk.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss delete mode 100644 Redcore-nighttime/gtk-3.0/settings.ini create mode 100644 Redcore-nighttime/gtk-3.20/assets/all-assets.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/all-assets.txt create mode 100755 Redcore-nighttime/gtk-3.20/assets/change_dpi.sh create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-checked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-checked-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-checked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-checked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-mixed.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/grid-selection-checked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/grid-selection-checked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/grid-selection-unchecked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/grid-selection-unchecked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked-hover.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-hover.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-selected.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-unchecked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked-hover.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-hover.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-selected.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/menuitem-radio-unchecked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/pane-handle-vertical.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/pane-handle.png create mode 100644 Redcore-nighttime/gtk-3.20/assets/pane-handle.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/pane-handle@2.png create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-checked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-checked-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-checked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-checked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-mixed-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-mixed-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-mixed-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-mixed.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-selected-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-selected.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-unchecked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-unchecked-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-unchecked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-unchecked.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-unselected-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-unselected-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-unselected-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.20/assets/radio-unselected.svg create mode 100755 Redcore-nighttime/gtk-3.20/assets/sed.sh create mode 100755 Redcore-nighttime/gtk-3.20/assets/unsed.sh create mode 100644 Redcore-nighttime/gtk-3.20/dist/gtk-dark.css create mode 100644 Redcore-nighttime/gtk-3.20/dist/gtk.css create mode 100644 Redcore-nighttime/gtk-3.20/dist/gtk.css.map create mode 100644 Redcore-nighttime/gtk-3.20/gtk-dark.css create mode 100644 Redcore-nighttime/gtk-3.20/gtk.css create mode 100644 Redcore-nighttime/gtk-3.20/gtk.gresource create mode 100644 Redcore-nighttime/gtk-3.20/gtk.gresource.xml create mode 100644 Redcore-nighttime/gtk-3.20/scss/_colors.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/_functions.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/_global.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/_widgets.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_budgie.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_cinnamon-applications.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_gedit.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_gnome-applications.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_gnome-terminal.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_lightdm.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_mate-applications.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_nautilus.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_nemo.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_panel.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_synaptic.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_unity-greeter.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_unity.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/apps/_xfce.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/gtk.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_actionbar.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_base.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_button.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_calendar.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_choosers.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_entry.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_grid.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_infobar.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_menu.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_misc.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_notebook.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_osd.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_overshoot.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_progress.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_scrollbar.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_sidebar.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_spinner.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_toggle.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_toolbar.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_view.scss create mode 100644 Redcore-nighttime/gtk-3.20/scss/widgets/_window.scss diff --git a/Redcore-daylight/gtk-2.0/gtkrc b/Redcore-daylight/gtk-2.0/gtkrc index 4969290..5df1c15 100644 --- a/Redcore-daylight/gtk-2.0/gtkrc +++ b/Redcore-daylight/gtk-2.0/gtkrc @@ -1,856 +1,855 @@ -# Author: Simon Steinbeiß -# Theme: Greybird -# based on "Bluebird" by Simon Steinbeiß and Pasi Lallinaho -# Description: As is the original theme, this theme is 100% free and open source. - -gtk-color-scheme = "bg_color:#dedede\nselected_bg_color:#990000\nbase_color:#dedede" # Background, base. -gtk-color-scheme = "fg_color:#2d2d2d\nselected_fg_color:#2d2d2d\ntext_color:#2d2d2d" # Foreground, text. -gtk-color-scheme = "tooltip_bg_color:#2d2d2d\ntooltip_fg_color:#dedede" # Tooltips. -gtk-color-scheme = "link_color:#990000" # Hyperlinks -gtk-color-scheme = "panel_bg:#dedede" # Panel bg color -gtk-color-scheme = "fm_color:#dedede" # Color used in Nautilus and Thunar. -gtk-color-scheme = "bg_color_dark:#dedede\ntext_color_dark:#FFF" - -gtk-icon-sizes = "panel-applications-menu=24,24:panel-menu=24,24:panel=16,16:gtk-button=16,16" -gtk-button-images = 1 # Disables icons for buttons with text -gtk-toolbar-style = 0 # Disables text in toolbar -gtk-auto-mnemonics = 1 # Disables ugly lines under menu items - -#################### -## Default Styles ## -#################### - -style "default" -{ - GnomeHRef ::link_color = @link_color - GtkHTML ::link-color = @link_color - GtkIMHtmlr ::hyperlink-color = @link_color - GtkIMHtml ::hyperlink-color = @link_color - GtkWidget ::link-color = @link_color - GtkWidget ::visited-link-color = @text_color - - GtkButton ::child-displacement-x = 1 - GtkButton ::child-displacement-y = 1 - GtkButton ::default-border = { 0, 0, 0, 0 } - GtkCheckButton ::indicator-size = 15 - - GtkEntry ::honors-transparent-bg-hint = 1 - GtkEntry ::progress-border = { 3, 3, 3, 3 } - GtkEntry ::state-hint = 0 - - GtkImage ::x-ayatana-indicator-dynamic = 1 - - GtkMenu ::horizontal-padding = 0 - GtkMenu ::vertical-padding = 0 - - GtkPaned ::handle-size = 3 - - GtkNotebook ::tab-overlap =-2 - - GtkProgressBar ::min-vertical-bar-width = 10 - GtkProgressBar ::min-horizontal-bar-height = 10 - - GtkRange ::trough-border = 2 - GtkRange ::slider-width = 9 - GtkRange ::stepper-size = 13 - GtkRange ::stepper_spacing = 0 - - GtkScale ::slider-length = 15 - GtkScale ::slider-width = 15 - GtkScale ::trough-side-details = 1 - - GtkScrollbar ::min-slider-length = 50 - GtkScrollbar ::slider-width = 9 - #GtkScrollbar ::activate-slider = 1 - GtkScrollbar ::trough-border = 3 - GtkScrollbar ::has-backward-stepper = 0 - GtkScrollbar ::has-forward-stepper = 0 - - GtkScrolledWindow ::scrollbar-spacing = 0 - GtkScrolledWindow ::scrollbars-within-bevel = 1 - - GtkMenuBar ::internal-padding = 0 - GtkMenuBar ::window-dragging = 1 - - GtkExpander ::expander-size = 12 - GtkToolbar ::internal-padding = 0 - GtkTreeView ::expander-size = 10 - GtkTreeView ::vertical-separator = 0 - - GtkWidget ::focus-line-width = 1 - GtkWidget ::focus-padding = 0 - - GtkWindow ::resize-grip-height = 13 - GtkWindow ::resize-grip-width = 13 +# Redcore Daylight theme (Numix based, created with Oomox) - xthickness = 1 - ythickness = 1 +gtk-color-scheme = +"base_color:#dedede\nbg_color:#dedede\ntooltip_bg_color:#dedede\nselected_bg_color:#990000\ntext_color:#2d2d2d\nfg_color:#2d2d2d\ntooltip_fg_color:#2d2d2d\nselected_fg_color:#dedede\nmenubar_bg_color:#dedede\nmenubar_fg_color:#2d2d2d\ntoolbar_bg_color:#dedede\ntoolbar_fg_color:#2d2d2d\nmenu_bg_color:#dedede\nmenu_fg_color:#2d2d2d\npanel_bg_color:#dedede\npanel_fg_color:#2d2d2d\nlink_color:#990000\nbtn_bg_color:#dedede\nbtn_fg_color:#2d2d2d\ntitlebar_bg_color:#dedede\ntitlebar_fg_color:#2d2d2d\nprimary_caret_color:#2d2d2d\nsecondary_caret_color:#2d2d2d\n" +# Default Style - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @fg_color - fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color) - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = shade (1.02, @bg_color) - bg[SELECTED] = @selected_bg_color - bg[INSENSITIVE] = @bg_color - bg[ACTIVE] = shade (1.04, @bg_color) - - base[NORMAL] = @base_color - base[PRELIGHT] = shade (0.95, @bg_color) - base[ACTIVE] = shade (0.92, @selected_bg_color) - base[SELECTED] = shade (0.93, @selected_bg_color) - base[INSENSITIVE] = @bg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[ACTIVE] = @text_color - text[SELECTED] = @text_color - text[INSENSITIVE] = darker (@text_color) - - engine "murrine" - { - animation = FALSE - arrowstyle = 2 # 0 = normal arrows, 1 = filled arrows - border_shades = { 1.2, 1.0 } # gradient to draw on border - cellstyle = 0 - colorize_scrollbar = TRUE - comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow - contrast = 0.4 # 0.8 for less contrast, more than 1.0 for more contrast on borders - default_button_color = mix (0.2, shade(0.9,@base_color), shade (0.9, @selected_bg_color)) - expanderstyle = 0 - focus_color = mix (0.1, @bg_color, shade (0.7, @selected_bg_color)) - focusstyle = 3 - glazestyle = 1 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight - gradient_shades = {1.2,1.0,1.0,0.9} #{1.1,1.0,1.0,0.87} - glowstyle = 4 # 0,1,2,3,4 - glow_shade = 1.1 - handlestyle = 1 - highlight_shade = 1.0 # set highlight amount for buttons or widgets - lightborder_shade = 1.1 # sets lightborder amount for buttons or widgets - lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides - listviewheaderstyle = 1 # 0 = flat, 1 = glassy, 2 = raised - listviewstyle = 2 # 0 = nothing, 1 = dotted, 2 = solid - menubaritemstyle = 0 # 0 = menuitem look, 1 = button look - menubarstyle = 2 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped - menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped - menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe - prelight_shade = .9 # shade level for scrollbar's slider, comboboxstyle(1), and prelight state with gradient_colors - progressbarstyle = 0 # 0 = nothing, 1 = stripes, 2 = lines - reliefstyle = 3 # 0 = flat, 1 = inset, 2 = shadow - rgba = FALSE # FALSE = disabled, TRUE = enabled - roundness = 2 # 0 = squared, 1 = old default, more will increase roundness - scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles - separatorstyle = 0 # 0 = Hard seperators 1 = Smooth seperators - sliderstyle = 0 # 0 = nothing added, 1 = handles - stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown - shadow_shades = { 1.0, 1.0 } # gradient for shadows. - textstyle = 0 # 0 = normal text, 1 = inset - toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient - trough_shades = { 0.75, 0.9 } # draw gradient on trough of GtkScrollbar and GtkProgressbar - #trough_border_shades = { 0.9, 0.7 } - } -} +style "murrine-default" { + GtkArrow::arrow-scaling= 0.6 -style "resize-grip" -{ - engine "pixmap" { - image { - function = RESIZE_GRIP - recolorable = FALSE - detail = "statusbar" - overlay_file = "resize_grip.png" - overlay_border = {0,0,0,0 } - overlay_stretch = FALSE - } - } -} - -style "paned" = "default" -{ - engine "murrine" - { - contrast = 1.0 - } -} + GtkWidget::cursor_color = @primary_caret_color + GtkWidget::secondary_cursor_color = @secondary_caret_color + GtkWidget::cursor_aspect_ratio = 0.04 -### THEME MODULES ### + GtkButton::child-displacement-x = 0 + GtkButton::child-displacement-y = 0 -style "dark" { + GtkButton::default-border = { 0, 0, 0, 0 } - GtkMenuBar :: shadow-type = GTK_SHADOW_NONE + GtkButtonBox::child-min-height = 26 - bg[NORMAL] = @bg_color_dark - bg[ACTIVE] = shade (0.7, @bg_color_dark) - bg[PRELIGHT] = shade (0.7, @bg_color_dark) - bg[SELECTED] = shade (0.6, @bg_color_dark) + GtkCheckButton::indicator-size = 16 - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color - fg[ACTIVE] = @text_color - fg[SELECTED] = @text_color + # The following line hints to gecko (and possibly other appliations) + # that the entry should be drawn transparently on the canvas. + # Without this, gecko will fill in the background of the entry. + GtkEntry::honors-transparent-bg-hint = 1 + GtkEntry::state-hint = 0 - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[ACTIVE] = @text_color - text[SELECTED] = @text_color + GtkExpander::expander-size = 16 - engine "murrine" - { - roundness = 0 # Roundness of menu items. - } -} + GtkImage::x-ayatana-indicator-dynamic = 1 + + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + GtkMenuBar::internal-padding = 0 + GtkMenuBar::window-dragging = 1 + + GtkMenuItem::arrow-scaling= 0.5 + + GtkPaned::handle-size = 1 + + GtkProgressBar::min-horizontal-bar-height = 12 + GtkProgressBar::min-vertical-bar-width = 12 + + GtkRange::trough-border = 0 + GtkRange::slider-width = 12 + GtkRange::stepper-size = 12 + GtkRange::stepper_spacing = 0 + GtkRange::trough-under-steppers = 1 + + GtkScale::slider-length = 16 + GtkScale::slider-width = 16 + GtkScale::trough-side-details = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::has-secondary-backward-stepper = 0 + GtkScrollbar::has-secondary-forward-stepper = 0 + GtkScrollbar::min-slider-length = 80 + GtkScrollbar::slider-width = 12 + GtkScrollbar::trough-border = 0 + + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkSeparatorMenuItem::horizontal-padding = 0 + + GtkToolbar::internal-padding = 0 + + GtkTreeView::expander-size = 11 + GtkTreeView::vertical-separator = 0 + + GtkWidget::focus-line-width = 1 + # The following line prevents the Firefox tabs + # from jumping a few pixels when you create a new tab + GtkWidget::focus-padding = 0 + + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + GtkWindow::resize-grip-height = 0 + GtkWindow::resize-grip-width = 0 + + WnckTasklist::fade-overlay-rect = 0 -style "wide" -{ + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkIMHtmlr::hyperlink-color = @link_color + GtkIMHtml::hyperlink-color = @link_color + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @text_color + + GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified + GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified + + xthickness = 1 + ythickness = 1 + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + bg[INSENSITIVE] = @bg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @base_color) + base[SELECTED] = @selected_bg_color + base[ACTIVE] = @selected_bg_color + base[INSENSITIVE] = shade (0.85, @base_color) + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + text[INSENSITIVE] = mix (0.5, @base_color, @text_color) + + engine "murrine" { + animation = FALSE + arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows + border_shades = { 1.0, 1.0 } # gradient to draw on border + border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) } + colorize_scrollbar = FALSE + comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow + contrast = 1.0 # overal contrast with borders + focusstyle = 1 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow + glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight + glowstyle = 4 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides + glow_shade = 1.1 # amount of glow + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets + highlight_shade = 1.0 # amount of highlight + lightborder_shade = 1.1 # amount of inset light border + lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides + listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised + listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line + menubaritemstyle = 0 # 0 = menuitem look, 1 = button look + menubarstyle = 2 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped + menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped + menustyle = 0 # 0 = none, 1 = vertical striped + progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped + reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient + roundness = 0 # roundness of widgets + scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles + sliderstyle = 0 # 0 = none, 1 = handles + stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles + toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient + } +} + +style "murrine-wide" { xthickness = 2 ythickness = 2 } -style "wider" -{ +style "murrine-wider" { xthickness = 3 ythickness = 3 } -style "entry" = "wider" -{ - bg[SELECTED] = mix (0.4, @selected_bg_color, @base_color) - base[INSENSITIVE] = shade (1.06, @bg_color) - fg[SELECTED] = @text_color +style "murrine-thin" { + xthickness = 0 + ythickness = 0 +} + +# Notebook - engine "murrine" - { - contrast = 0.4 - focus_color = mix (0.1, @bg_color, shade (0.8, @selected_bg_color)) - reliefstyle = 0 - border_shades = {1.03,0.8} - } +style "clearlooks-notebook-bg" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = shade (0.80, @bg_color) } -style "button" = "wider" -{ - bg[NORMAL] = shade (1.02, @bg_color) - bg[PRELIGHT] = shade (1.07, @bg_color) - bg[ACTIVE] = shade (0.85, @bg_color) - bg[SELECTED] = shade (0.5, @selected_bg_color) - bg[INSENSITIVE] = shade (0.95, @bg_color) - - engine "murrine" - { - contrast = 0.9 - highlight_shade = 1.0 - lightborder_shade = 1.2 - gradient_shades = {1.05,1.0,0.97,0.97} - border_shades = { 1.1, 0.9 } - shadow_shades = {1.0,1.0} - reliefstyle = 0 - roundness = 2 +style "clearlooks-notebook" = "clearlooks-notebook-bg" { + xthickness = 2 + ythickness = 2 + + engine "clearlooks" { + radius = 0.1 } } -style "notebook-button" = "notebook-bg" -{ - xthickness = 3 # Width of tabs and notebook borders. - ythickness = 3 +# Various Standard Widgets + +style "murrine-button" = "murrine-wider" { + bg[NORMAL] = @btn_bg_color + bg[PRELIGHT] = shade (1.10, @btn_bg_color) + bg[SELECTED] = shade (0.7, @btn_bg_color) + bg[ACTIVE] = shade (0.95, @btn_bg_color) + bg[INSENSITIVE] = shade (0.75, @btn_bg_color) + + engine "murrine" { + border_colors = { mix(0.2, @btn_fg_color, @btn_bg_color), mix(0.2, @btn_fg_color, @btn_bg_color) } + roundness = 0 + } } -style "notebook-bg" -{ - bg[NORMAL] = shade (1.05, @bg_color) - bg[ACTIVE] = shade (0.97, @bg_color) - fg[ACTIVE] = mix (0.8, @fg_color, shade (0.97, @bg_color)) +style "murrine-buttonlabel" { + fg[NORMAL] = @btn_fg_color + fg[PRELIGHT] = @btn_fg_color + fg[SELECTED] = @btn_fg_color + fg[ACTIVE] = @btn_fg_color + fg[INSENSITIVE] = @btn_fg_color + + engine "murrine" { + } } -style "notebook" = "notebook-bg" -{ - xthickness = 3 # Width of tabs and notebook borders. - ythickness = 3 # Height of tabs and notebook borders. +style "murrine-scrollbar" { + bg[NORMAL] = mix (0.21, @fg_color, @bg_color) + bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) + bg[ACTIVE] = @selected_bg_color engine "murrine" { - contrast = .6 - gradient_shades = {1.1,1.05,1.05,1.0} - #focusstyle = 2 - #lightborder_shade = 1.16 + roundness = 0 + contrast = 0.0 + border_shades = { 0.9, 0.9 } + trough_shades = { 0.97, 0.97 } + trough_border_shades = { 1.0, 1.0 } } } -style "menu" -{ - ythickness = 3 - xthickness = 0 - GtkMenuBar :: shadow-type = GTK_SHADOW_NONE - - bg[SELECTED] = @selected_bg_color - bg[NORMAL] = shade (1.18, @bg_color) - bg[PRELIGHT] = @selected_bg_color - bg[ACTIVE] = shade (1.18, @bg_color) - bg[INSENSITIVE] = shade (1.18, @bg_color) - fg[NORMAL] = @text_color # Color for normal text. - fg[PRELIGHT] = @text_color - fg[SELECTED] = @text_color - fg[ACTIVE] = @text_color - fg[INSENSITIVE] = mix (0.4, @fg_color, @text_color) # Text color for non-interactive menu items - text[NORMAL] = @text_color # Color for menu-item radio/checks. - base[NORMAL] = @text_color # Color for menu-item radio/checks background. - text[PRELIGHT] = @text_color - text[SELECTED] = @text_color - text[ACTIVE] = @text_color - text[INSENSITIVE] = mix (0.4, @fg_color, @text_color) - - engine "murrine" - { - roundness = 0 # Roundness of menu items. - gradient_shades = {1.25,1.1,1.1,1.0} - contrast = 0.9 - lightborder_shade = 1.5 +style "murrine-overlay-scrollbar" { + bg[ACTIVE] = shade (0.8, @bg_color) + bg[INSENSITIVE] = shade (0.97, @bg_color) + + base[SELECTED] = shade (0.6, @bg_color) + base[INSENSITIVE] = shade (0.85, @bg_color) +} + +style "murrine-scale" = "murrine-thin" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = @bg_color + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = shade (0.95, @bg_color) + + engine "murrine" { + roundness = 8 + gradient_shades = { 1.08, 1.08, 1.08, 1.08 } + border_shades = { 1.0, 1.0 } + trough_shades = { 1.08, 1.08 } + trough_border_shades = { 0.8, 0.8 } } } +style "murrine-progressbar" = "murrine-thin" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = shade (1.08, @bg_color) -style "menubar" = "menu" -{ - xthickness = 3 - ythickness = 2 + fg[PRELIGHT] = @selected_fg_color - bg[NORMAL] = @bg_color + engine "murrine" { + roundness = 2 + border_shades = { 1.2, 1.2 } + trough_border_shades = { 0.8, 0.8 } + } +} - engine "murrine" - { +style "murrine-treeview-header" = "murrine-button" { + #bg[NORMAL] = @base_color + bg[NORMAL] = mix(0.12, @bg_color, @base_color) + bg[PRELIGHT] = shade (1.04, @base_color) + bg[SELECTED] = shade (0.7, @base_color) + bg[ACTIVE] = shade (0.95, @base_color) + fg[INSENSITIVE] = mix(0.20, @bg_color, @base_color) + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[SELECTED] = @text_color + fg[ACTIVE] = @text_color + fg[INSENSITIVE] = mix(0.20, @bg_color, @text_color) + engine "murrine" { roundness = 0 } } -style "menubar-menuitem" -{ - ythickness = 4 - xthickness = 2 +style "murrine-treeview" { + engine "murrine" { + roundness = 0 + } +} - bg[PRELIGHT] = @selected_bg_color - bg[SELECTED] = @selected_bg_color - fg[NORMAL] = @base_color - fg[PRELIGHT] = @base_color - fg[SELECTED] = @base_color - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @text_color +style "murrine-frame" = "murrine-wide" { + bg[NORMAL] = mix(0.08, @fg_color, @bg_color) +} - engine "murrine" - { - lightborder_shade = 1.5 - } +style "murrine-frame-title" { + fg[NORMAL] = lighter (@fg_color) } -style "separator-menu-item" -{ - xthickness = 1 - ythickness = 1 +style "murrine-tooltips" { + xthickness = 5 + ythickness = 5 + + bg[NORMAL] = @tooltip_bg_color + bg[SELECTED] = @tooltip_bg_color - GtkSeparatorMenuItem::horizontal-padding = 2 + fg[NORMAL] = @tooltip_fg_color - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 1 - GtkWidget::separator-height = 7 + engine "murrine" { + textstyle = 0 + roundness = 2 + rgba = FALSE + } } -style "treeview" -{ - bg[NORMAL] = @bg_color - engine "murrine" - { - roundness = 0 - gradient_shades = {1.3,1.2,1.2,1.1} +style "murrine-spinbutton" = "murrine-button" { + engine "murrine" { } } -style "treeview-header" = "button" -{ - xthickness = 2 - ythickness = 1 +style "clearlooks-radiocheck" = "murrine-default" { + bg[SELECTED] = @base_color + bg[PRELIGHT] = @bg_color - bg[NORMAL] = shade (1.14, @bg_color) # Color for treeview headers. - bg[PRELIGHT] = shade (0.98, @bg_color) # Color for treeview header prelight. - bg[ACTIVE] = shade (0.85, @bg_color) # Color for pressed-treeview. + text[NORMAL] = @selected_bg_color + text[PRELIGHT] = @selected_bg_color - engine "murrine" - { - roundness = 0 # This makes treeview progressbars square. - gradient_shades = {0.98,1.0,1.3,1.35} + engine "clearlooks" { + radius = 4.0 } } -style "frame-title" -{ - fg[NORMAL] = lighter (@fg_color) +style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" { + bg[PRELIGHT] = @base_color +} + +style "murrine-entry" = "murrine-wider" { + engine "murrine" { + border_shades = { 1.15, 1.15 } + roundness = 0 + } } -style "tooltips" = "wider" -{ - xthickness = 7 - ythickness = 4 +style "metacity-frame" = "murrine-default" { + bg[SELECTED] = @selected_bg_color +} + +style "murrine-statusbar" { } +style "murrine-comboboxentry" = "murrine-entry" { } +style "murrine-hscale" = "murrine-scale" { } +style "murrine-vscale" = "murrine-scale" { } +style "murrine-hscrollbar" = "murrine-scrollbar" { } +style "murrine-vscrollbar" = "murrine-scrollbar" { } + +# Menus + +style "murrine-menu" = "murrine-thin" { + bg[NORMAL] = @menu_bg_color + bg[PRELIGHT] = @selected_bg_color + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = @menu_bg_color + bg[INSENSITIVE] = @menu_bg_color + + fg[NORMAL] = @menu_fg_color + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - bg[NORMAL] = @tooltip_bg_color - bg[SELECTED] = "#2d2d2d" - fg[NORMAL] = @tooltip_fg_color + text[NORMAL] = @menu_fg_color + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - engine "murrine" - { - roundness = 5 - rgba = TRUE + engine "murrine" { + roundness = 0 } } -style "progressbar" -{ - xthickness = 0 - ythickness = 0 - - fg[PRELIGHT] = @selected_fg_color - bg[NORMAL] = shade (1.05, @bg_color) - bg[SELECTED] = shade (1.05, @selected_bg_color) - - engine "murrine" - { - gradient_shades = {1.15,1.05,1.0,0.95} - trough_shades = {0.95, 1.15} - trough_border_shades = { 0.8, 0.7 } - roundness = 4 - contrast = 0.8 - border_shades = { 1.0, 0.8 } - lightborder_shade = 1.1 - glowstyle = 0 - glow_shade = 1.0 +style "murrine-menu-item" = "murrine-wider" { + bg[PRELIGHT] = @selected_bg_color + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = @selected_bg_color + + fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) + + engine "murrine" { + textstyle = 0 + border_shades = { 1.2, 1.2 } } } -style "scrollbar" -{ - GtkScrollbar::stepper-size = 0 - GtkScrollbar::arrow-scaling = 0.0 +style "murrine-separator-menu-item" = "murrine-thin" { } - bg[NORMAL] = @bg_color +style "murrine-menubar" { + bg[NORMAL] = @menubar_bg_color + bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[ACTIVE] = shade (0.9, @menubar_bg_color) + bg[INSENSITIVE] = @menubar_bg_color - bg[ACTIVE] = shade (1.75, @base_color) - bg[PRELIGHT] = shade (0.8, @bg_color) - bg[INSENSITIVE] = shade (0.75, @bg_color) + fg[NORMAL] = @menubar_fg_color + fg[PRELIGHT] = shade (1.08, @menubar_fg_color) + fg[SELECTED] = shade (1.08, @menubar_fg_color) + fg[ACTIVE] = @menubar_fg_color + fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) - engine "murrine" - { - colorize_scrollbar = FALSE - roundness = 10 - border_shades = {0.75, 0.75} - trough_shades = {1.1, 1.3} - contrast = 0.05 - gradient_shades = {1.06,1.06,1.04,1.04} + engine "murrine" { + roundness = 0 } } -style "hscrollbar" { -} +style "murrine-menubaritem" { + bg[NORMAL] = @menubar_bg_color + bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[ACTIVE] = shade (0.9, @menubar_bg_color) + bg[INSENSITIVE] = @menubar_bg_color -style "vscrollbar" { -} + fg[NORMAL] = @menubar_fg_color + fg[PRELIGHT] = shade (1.08, @menubar_fg_color) + fg[SELECTED] = shade (1.08, @menubar_fg_color) + fg[ACTIVE] = @menubar_fg_color + fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) -style "overlay-scrollbar" -{ - bg[SELECTED] = shade (1.0, @selected_bg_color) - bg[INSENSITIVE] = shade (0.85, @bg_color) - bg[ACTIVE] = shade (0.6, @bg_color) + engine "murrine" { + roundness = 0 + } } -style "statusbar" -{ - xthickness = 2 -} +# Toolbars -style "comboboxentry" -{ - xthickness = 4 - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color +style "murrine-toolbar" = "murrine-thin" { + bg[NORMAL] = @toolbar_bg_color + bg[PRELIGHT] = shade (1.02, @toolbar_bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.9, @toolbar_bg_color) + bg[INSENSITIVE] = @toolbar_bg_color - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) - engine "murrine" - { - contrast = 0.4 - reliefstyle = 0 - border_shades = {1.03,0.8} - shadow_shades = {0.5,0.0} + engine "murrine" { } } -style "combo" = "comboboxentry" -{ - bg[ACTIVE] = shade (0.85, @bg_color) # Color for pressed-spinbuttons. +style "murrine-toolbutton" = "murrine-button" { + bg[NORMAL] = shade (1.08, @toolbar_bg_color) + bg[PRELIGHT] = shade (1.10, @toolbar_bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.95, @toolbar_bg_color) + bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color) + + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) + + engine "murrine" { + } } -style "spin" = "combo" -{ - engine "murrine" - { - border_shades = {0.7, 0.8} +class "GtkToolbar" style "murrine-toolbar" +class "GtkHandleBox" style "murrine-toolbar" +widget_class "*Toolbar*.*Separator*" style "murrine-toolbar" + +# Panels + +style "murrine-panel" = "murrine-thin" { + xthickness = 2 + + bg[NORMAL] = @panel_bg_color + bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) + bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) + bg[ACTIVE] = shade (0.8, @panel_bg_color) + bg[INSENSITIVE] = @panel_bg_color + + fg[NORMAL] = @panel_fg_color + fg[PRELIGHT] = shade (1.08, @panel_fg_color) + fg[SELECTED] = shade (1.08, @panel_fg_color) + fg[ACTIVE] = @panel_fg_color + fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) + + base[NORMAL] = @panel_bg_color + base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) + base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) + base[ACTIVE] = shade (0.9, @panel_bg_color) + base[INSENSITIVE] = @panel_bg_color + + text[NORMAL] = @panel_fg_color + text[PRELIGHT] = shade (1.08, @panel_fg_color) + text[SELECTED] = shade (1.08, @panel_fg_color) + text[ACTIVE] = @panel_fg_color + text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) + + engine "murrine" { + roundness = 0 + contrast = 0.0 } } -style "scale" = "button" -{ - GtkWidget ::focus-line-width = 0 - GtkWidget ::focus-padding = 0 - - bg[ACTIVE] = shade (0.86, @bg_color) - bg[NORMAL] = shade (1.30, @bg_color) - bg[PRELIGHT] = mix (0.4, shade (0.9, @selected_bg_color), shade (1.05, @bg_color)) - bg[SELECTED] = shade (0.9, @selected_bg_color) - bg[INSENSITIVE] = shade (0.98, @bg_color) - - engine "murrine" - { - border_shades = {1.0, 0.75} - contrast = 1.10 - lightborderstyle = 1 - roundness = 7 - trough_shades = {0.9, 1.1} - trough_border_shades = {1.20, 1.20} +widget "*PanelWidget*" style "murrine-panel" +widget "*PanelApplet*" style "murrine-panel" +widget "*fast-user-switch*" style "murrine-panel" +widget "*CPUFreq*Applet*" style "murrine-panel" +widget "*indicator-applet*" style "murrine-panel" +class "PanelApp*" style "murrine-panel" +class "PanelToplevel*" style "murrine-panel" +widget_class "*PanelToplevel*" style "murrine-panel" +widget_class "*notif*" style "murrine-panel" +widget_class "*Notif*" style "murrine-panel" +widget_class "*Tray*" style "murrine-panel" +widget_class "*tray*" style "murrine-panel" +widget_class "*computertemp*" style "murrine-panel" +widget_class "*Applet*Tomboy*" style "murrine-panel" +widget_class "*Applet*Netstatus*" style "murrine-panel" +widget "*gdm-user-switch-menubar*" style "murrine-panel" + +# LXPanel (code based on Lubuntu-default theme's gtkrc file) +widget "*.tclock.*" style "murrine-panel" +widget "*.taskbar.*" style "murrine-panel" +widget_class "*GtkBgbox*" style "murrine-panel" + +style "bold-panel-item" { + font_name = "Bold" + + engine "murrine" { + roundness = 0 } } -style "vscale" = "scale" -{ +widget "*Panel*MenuBar*" style "bold-panel-item" +widget "*gimmie*" style "bold-panel-item" + +# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug +# class "*Panel*" style "murrine-panel" # Disabled to fix bug + +# XFCE Styles + +style "workspace-switcher" = "murrine-panel" { + bg[ACTIVE] = @selected_bg_color + bg[SELECTED] = @selected_bg_color +} + +style "xfce-header" { + bg[NORMAL] = shade (0.9, @bg_color) + base[NORMAL] = shade (1.18, @bg_color) } -style "hscale" = "scale" -{ +style "xfdesktop-windowlist" { + bg[NORMAL] = @base_color + fg[INSENSITIVE] = shade (0.95, @base_color) + text[INSENSITIVE] = shade (0.95, @base_color) } -style "radiocheck" -{ - bg[NORMAL] = shade (1.06, @bg_color) - bg[PRELIGHT] = shade (1.06, @bg_color) - bg[ACTIVE] = shade (0.85, @bg_color) - bg[SELECTED] = @base_color - bg[INSENSITIVE] = shade (0.95, @bg_color) - text[PRELIGHT] = shade (0.8, @text_color) - fg[ACTIVE] = @fg_color - fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color) +style "xfdesktop-icon-view" { + XfdesktopIconView::label-alpha = 0 + XfdesktopIconView::selected-label-alpha = 60 + XfdesktopIconView::shadow-x-offset = 0 + XfdesktopIconView::shadow-y-offset = 1 + XfdesktopIconView::selected-shadow-x-offset = 0 + XfdesktopIconView::selected-shadow-y-offset = 1 + XfdesktopIconView::shadow-color = "#000000" + XfdesktopIconView::selected-shadow-color = "#000000" + XfdesktopIconView::shadow-blur-radius = 2 + XfdesktopIconView::cell-spacing = 2 + XfdesktopIconView::cell-padding = 6 + XfdesktopIconView::cell-text-width-proportion = 1.9 + + fg[NORMAL] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color - engine "murrine" - { - border_shades = { 0.9, 0.8 } - contrast = 0.8 - lightborder_shade = 1.5 - } } -style "toolbar" = "default" -{ - engine "murrine" - { - contrast = 1.13 - lightborder_shade = 1.0 - gradient_shades = {1.0,0.94,0.94,0.88} +style "xfwm-tabwin" { + Xfwm4TabwinWidget::border-width = 1 + Xfwm4TabwinWidget::border-alpha = 1.0 + Xfwm4TabwinWidget::icon-size = 64 + Xfwm4TabwinWidget::alpha = 1.0 + Xfwm4TabwinWidget::border-radius = 2 + + bg[NORMAL] = @menu_bg_color + bg[SELECTED] = @menu_bg_color + + fg[NORMAL] = @menu_fg_color + + engine "murrine" { + contrast = 0.0 + border_shades = { 0.9, 0.9 } } } -style "toolbar-separator" { - xthickness = 0 - ythickness = 1 +style "xfwm-tabwin-button" { + font_name = "bold" - GtkVSeparator::vertical-padding = 0 - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 7 - GtkWidget::separator-height = 1 + bg[SELECTED] = @selected_bg_color +} +style "xfsm-logout" { + bg[NORMAL] = @menu_bg_color + bg[ACTIVE] = @menu_bg_color + bg[PRELIGHT] = shade (1.1, @menu_bg_color) + bg[SELECTED] = shade (0.5, @menu_bg_color) + bg[INSENSITIVE] = shade (1.3, @menu_bg_color) + + fg[NORMAL] = @menu_fg_color + fg[PRELIGHT] = @menu_fg_color + + text[NORMAL] = @menu_fg_color engine "murrine" { - contrast = 1.0 - separatorstyle = 0 } } -style "infobar" { +style "xfsm-logout-button" { + bg[NORMAL] = shade (1.2, @menu_bg_color) + bg[PRELIGHT] = shade (1.4, @menu_bg_color) + engine "murrine" { } } -style "iconview" { - engine "murrine" { - focusstyle = 1 - } +widget "*Pager*" style "workspace-switcher" + +widget "*Xfce*Panel*" style "murrine-panel" +class "*Xfce*Panel*" style "murrine-panel" + +# Thunar Styles + +style "sidepane" { + base[NORMAL] = @bg_color + base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color)) + bg[NORMAL] = @bg_color + text[NORMAL] = mix (0.9, @fg_color, @bg_color) } -style "nautilus_location" { - bg[NORMAL] = mix (0.60, shade (1.05, @bg_color), @selected_bg_color) +widget_class "*ThunarShortcutsView*" style "sidepane" +widget_class "*ThunarTreeView*" style "sidepane" +widget_class "*ThunarLocationEntry*" style "murrine-entry" + +style "whiskermenu" { + bg[NORMAL] = @menu_bg_color + bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[PRELIGHT] = @selected_bg_color + + fg[NORMAL] = @menu_fg_color + fg[ACTIVE] = @menu_fg_color + fg[PRELIGHT] = @menu_fg_color } -style "xfce-header" -{ - base[NORMAL] = shade (1.18, @bg_color) - engine "murrine" - { - textstyle = 1 - text_shade = 0.85 +style "whiskermenu-scrollbar" = "murrine-scrollbar" { + bg[NORMAL] = mix (0.21, @fg_color, @bg_color) + bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) + bg[ACTIVE] = @selected_bg_color + + engine "murrine" { + trough_shades = { 4.97, 4.97 } + trough_border_shades = { 5.0, 5.0 } } } -style "xfwm-tabwin" -{ - Xfwm4TabwinWidget::border-width = 1 - Xfwm4TabwinWidget::border-alpha = 0.9 - Xfwm4TabwinWidget::icon-size = 64 - Xfwm4TabwinWidget::listview-icon-size = 16 - Xfwm4TabwinWidget::preview-size = 512 - Xfwm4TabwinWidget::alpha = 0.8 - Xfwm4TabwinWidget::border-radius = 10 +widget "whiskermenu-window*" style "whiskermenu" +widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar" + +# Gtk2 Open-File Dialog - bg[NORMAL] = shade (0.35, @bg_color_dark) - bg[ACTIVE] = shade (0.65, @selected_bg_color) - bg[PRELIGHT] = shade (0.85, @selected_bg_color) - bg[SELECTED] = shade (0.45, @bg_color_dark) +widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane" +widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.." style "murrine-treeview-header" - fg[NORMAL] = shade (0.8, @base_color) - fg[ACTIVE] = @base_color - fg[PRELIGHT] = @base_color +# Google Chrome/Chromium Styles (requires 9.0.597 or newer) +style "chromium-toolbar-button" { engine "murrine" { - roundness = 6 - contrast = 0.8 - highlight_shade = 1.00 - lightborder_shade = 1.0 - gradient_shades = {0.9,1.2,1.2,1.4} - border_shades = { 3.5, 3.5 } - reliefstyle = 0 - shadow_shades = { 1.3, 1.7 } - textstyle = 1 - text_shade = 0.25 + roundness = 2 + textstyle = 0 } } -style "xfwm-tabwin-button" -{ - font_name = "bold" +style "chrome-gtk-frame" { + ChromeGtkFrame::frame-color = @titlebar_bg_color + ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 + ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color + + ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::incognito-frame-gradient-size = 0 + ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color + + ChromeGtkFrame::scrollbar-trough-color = @bg_color + ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color) } -style "xfdesktop-icon-view" -{ - XfdesktopIconView::label-alpha = 0 - XfdesktopIconView::selected-label-alpha = 80 - XfdesktopIconView::shadow-x-offset = 0 - XfdesktopIconView::shadow-y-offset = 1 - XfdesktopIconView::selected-shadow-x-offset = 0 - XfdesktopIconView::selected-shadow-y-offset = 1 - XfdesktopIconView::shadow-color = shade(1.5, @tooltip_bg_color) - XfdesktopIconView::selected-shadow-color = shade(1.8, @tooltip_bg_color) - XfdesktopIconView::shadow-blur-radius = 2 - XfdesktopIconView::cell-spacing = 2 - XfdesktopIconView::cell-padding = 6 - XfdesktopIconView::cell-text-width-proportion = 1.9 +class "ChromeGtkFrame" style "chrome-gtk-frame" - fg[NORMAL] = shade (0.9, @selected_fg_color) - fg[ACTIVE] = @selected_fg_color +widget_class "*Chrom*Button*" style "chromium-toolbar-button" - engine "murrine" - { - } +# General Styles + +class "GtkWidget" style "murrine-default" + +class "GtkFrame" style "murrine-frame" +class "MetaFrames" style "metacity-frame" +class "GtkWindow" style "metacity-frame" + +class "GtkSeparator" style "murrine-wide" +class "GtkCalendar" style "murrine-wide" + +class "GtkSpinButton" style "murrine-spinbutton" + +class "GtkScale" style "murrine-scale" +class "GtkVScale" style "murrine-vscale" +class "GtkHScale" style "murrine-hscale" +class "GtkScrollbar" style "murrine-scrollbar" +class "GtkVScrollbar" style "murrine-vscrollbar" +class "GtkHScrollbar" style "murrine-hscrollbar" + +class "GtkEntry" style "murrine-entry" + +widget_class "*" style "clearlooks-notebook" +widget_class "**" style "clearlooks-notebook-bg" +widget_class "**" style "clearlooks-notebook-bg" +widget_class "**" style "clearlooks-notebook-bg" +widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook" + +widget_class "*" style "murrine-button" +widget_class "**" style "murrine-statusbar" +widget_class "*" style "murrine-progressbar" +widget_class "*" style "murrine-progressbar" + +widget_class "**" style "murrine-comboboxentry" +widget_class "**" style "murrine-comboboxentry" + +widget_class "**" style "murrine-menu" +widget_class "**" style "murrine-menu-item" +widget_class "**" style "murrine-separator-menu-item" +widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item" +widget_class "**" style "murrine-menubar" +widget_class "***" style "murrine-menubaritem" + +widget_class "*GtkToolButton*" style "murrine-toolbutton" +widget_class "*GtkToggleToolButton*" style "murrine-toolbutton" +widget_class "*GtkMenuToolButton*" style "murrine-toolbutton" +widget_class "*GtkToolbar*Button" style "murrine-toolbutton" + +widget_class "*.." style "murrine-frame-title" + +widget_class "*.*" style "murrine-treeview" +widget_class "*.." style "murrine-treeview-header" +widget_class "*.." style "murrine-treeview-header" +widget_class "*.." style "murrine-treeview-header" +widget_class "*.." style "murrine-treeview-header" + +widget_class "*." style "clearlooks-radiocheck" +widget_class "*.*." style "clearlooks-base-radiocheck" +widget_class "*" style "clearlooks-base-radiocheck" + +widget "gtk-tooltip*" style "murrine-tooltips" + +widget_class "**" style "murrine-overlay-scrollbar" + +# Workarounds and Non-Standard Styling + +style "text-is-fg-color-workaround" { + text[NORMAL] = @text_color + text[PRELIGHT] = @fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) } -style "xfsm-logout" -{ - GtkDialog::content-area-border = 12 - GtkDialog::content-area-spacing = 6 - GtkDialog::action-area-spacing = 0 +widget_class "*.." style "text-is-fg-color-workaround" - bg_pixmap[NORMAL] = "xfsmlogout.png" +style "fg-is-text-color-workaround" { + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = darker (@fg_color) +} - bg[NORMAL] = @bg_color - bg[SELECTED] = shade (1.18, @bg_color) # Border around the dialog - fg[NORMAL] = @fg_color +widget_class "**" style "fg-is-text-color-workaround" +widget_class "*" style "fg-is-text-color-workaround" +widget_class "*" style "fg-is-text-color-workaround" - engine "murrine" - { +style "murrine-evo-new-button-workaround" { + engine "murrine" { + toolbarstyle = 0 } } -style "xfsm-label" -{ - font_name = "14" +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround" - engine "murrine" - { - textstyle = 1 - text_shade = 0.85 +style "inkscape-toolbar-fix" { + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + highlight_shade = 1.0 } } -style "xfsm-button" = "button" -{ - engine "murrine" - { +#widget "*GtkHandleBox*" style "inkscape-toolbar-fix" +#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix" +#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix" + +# Performance Fixes + +style "performance-fix" { + engine "murrine" { textstyle = 0 } } -style "calendar" -{ - fg[NORMAL] = "#FFFFFF" - fg[PRELIGHT] = "#FFFFFF" - bg[NORMAL] = shade (0.6, @bg_color_dark) - bg[PRELIGHT] = shade (0.8, @selected_bg_color) -} - -############################################################################### -# The following part of the gtkrc applies the different styles to the widgets. -############################################################################### - -class "GtkWindow*" style "resize-grip" - -# Murrine default style is applied to every widget. -class "GtkWidget" style "default" - -# Increase the x/ythickness in some widgets. -class "GtkFrame" style "wide" -class "GtkEntry" style "entry" -class "GtkSeparator" style "wide" -class "GtkCalendar" style "wide" -class "GtkToolbar" style "toolbar" -class "GtkHandleBox*" style "toolbar" -class "GtkStatusbar" style "resize-grip" - -class "GtkSpinButton" style "spin" -class "GtkScale" style "scale" -class "GtkVScale" style "vscale" -class "GtkHScale" style "hscale" - -class "GtkScrollbar" style "scrollbar" -class "GtkVScrollbar" style "scrollbar" -class "GtkHScrollbar" style "scrollbar" - -class "GtkRadio*" style "radiocheck" -class "GtkCheck*" style "radiocheck" - -# General matching following, the order is choosen so that the right styles override each other eg. progressbar needs to be more important then the menu match. -#widget_class "**" style "notebook" -#widget_class "**" style "notebook" -#widget_class "**" style "notebook" -#widget_class "**" style "notebook" -#widget_class "**" style "notebook-button" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" - -widget_class "*" style "button" -widget_class "*" style "notebook" -widget_class "**" style "statusbar" - -widget_class "**" style "notebook-button" -widget_class "***" style "notebook-button" - -widget_class "**" style "comboboxentry" -widget_class "**" style "combo" -widget_class "**" style "wider" -widget_class "**" style "wider" - -widget_class "*.*" style "menubar-menuitem" -widget_class "**" style "menu" -widget_class "**" style "menubar" -widget_class "**" style "separator-menu-item" -# Scale widget in menus (e.g. ubuntu's sound indicator) -widget_class "*.*." style "scale" - -widget_class "*.." style "frame-title" -widget_class "*.*" style "treeview" - -widget_class "*GtkCalendar*" style "calendar" - -widget_class "*GtkHPaned" style "paned" -widget_class "*GtkVPaned" style "paned" - -widget_class "*" style "progressbar" -widget_class "*" style "progressbar" - -widget_class "**" style "radiocheck" -widget_class "**" style "radiocheck" - -# Treeview header -widget_class "*.." style "treeview-header" -widget_class "*.." style "treeview-header" -widget_class "*.." style "treeview-header" -widget_class "*.." style "treeview-header" -widget_class "*GnmSimpleCanvas*" style "treeview-header" # Gnumeric treeview-headers - -# Xfce specific theming -widget_class "*ExoIconView*" style "iconview" -widget_class "*XfceHeading*" style "xfce-header" -widget "xfwm4-tabwin*" style "xfwm-tabwin" -widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" -widget_class "*XfsmLogoutDialog*" style "xfsm-logout" -widget_class "*XfsmLogoutDialog*GtkVBox.GtkVBox.GtkLabel" style "xfsm-label" -widget_class "*XfsmLogoutDialog*GtkButton*" style "xfsm-button" -widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" - -widget_class "*" style "overlay-scrollbar" -widget_class "*" style "overlay-scrollbar" - -# The window of the tooltip is called "gtk-tooltip" -################################ -# FIXME: -# This will not work if one embeds eg. a button into the tooltip. -# As far as I can tell right now we will need to rework the theme -# quite a bit to get this working correctly. -# (It will involve setting different priorities, etc.) -################################ -widget "gtk-tooltip*" style "tooltips" - -################################################### -# SPECIAL CASES AND WORKAROUNDS -################################################### - -# Special case the nautilus-extra-view-widget -# ToDo: A more generic approach for all applications that have a widget like this. -widget "*.nautilus-extra-view-widget" style : highest "nautilus_location" - -# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646 -# Note that the work around assumes that the combobox is _not_ in appears-as-list mode. -# This style does not affect GtkComboBoxEntry, it does have an effect on comboboxes in appears-as-list mode though. -style "text-is-fg-color-workaround" -{ - text[NORMAL] = @fg_color - text[PRELIGHT] = @fg_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @fg_color - text[INSENSITIVE] = darker (@bg_color) -} -widget_class "*.." style "text-is-fg-color-workaround" - -style "menuitem-text-is-fg-color-workaround" -{ - text[NORMAL] = @fg_color - text[PRELIGHT] = @selected_fg_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @fg_color - text[INSENSITIVE] = darker (@bg_color) -} -widget "*.gtk-combobox-popup-menu.*" style "menuitem-text-is-fg-color-workaround" - -# Work around the usage of GtkLabel inside GtkListItems to display text. -# This breaks because the label is shown on a background that is based on the base color set. -style "fg-is-text-color-workaround" -{ - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color - fg[ACTIVE] = @selected_fg_color - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = mix (0.4, @text_color, @bg_color) -} -widget_class "**" style "fg-is-text-color-workaround" -# The same problem also exists for GtkCList and GtkCTree. -# Only match GtkCList and not the parent widgets, because that would also change the headers. -widget_class "*" style "fg-is-text-color-workaround" -widget_class "*" style "fg-is-text-color-workaround" +widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape +widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp +widget_class "*GimpToolbox*" style "performance-fix" +widget_class "*GimpMenuDock*" style "performance-fix" +widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice +widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.) + +widget_class "*XfceHeading*" style "xfce-header" +widget_class "*XfceDesktop*" style "xfdesktop-windowlist" +widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" +widget "xfwm4-tabwin*" style "xfwm-tabwin" +widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" +widget_class "*XfsmLogoutDialog*" style "xfsm-logout" +widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button" + +# button fg workaround: +widget_class "*.." style "murrine-buttonlabel" +widget_class "***" style:highest "murrine-buttonlabel" diff --git a/Redcore-daylight/gtk-2.0/resize_grip.png b/Redcore-daylight/gtk-2.0/resize_grip.png deleted file mode 100644 index 4aabef3..0000000 Binary files a/Redcore-daylight/gtk-2.0/resize_grip.png and /dev/null differ diff --git a/Redcore-daylight/gtk-2.0/xfsmlogout.png b/Redcore-daylight/gtk-2.0/xfsmlogout.png deleted file mode 100644 index 609a954..0000000 Binary files a/Redcore-daylight/gtk-2.0/xfsmlogout.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/apps/granite-widgets.css b/Redcore-daylight/gtk-3.0/apps/granite-widgets.css deleted file mode 100644 index b21c119..0000000 --- a/Redcore-daylight/gtk-3.0/apps/granite-widgets.css +++ /dev/null @@ -1,687 +0,0 @@ -/******************** - * dynamic notebook * - ********************/ -.dynamic-notebook { - background-color: shade(@theme_bg_color, 1.05); - background-image: none; -} - -.dynamic-notebook GtkLabel, -.dynamic-notebook GtkImage { - color: alpha(@theme_fg_color, 0.5); -} - -.dynamic-notebook .notebook { - -GtkNotebook-tab-overlap: 3px; - -GtkNotebook-initial-gap: 12px; - - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - padding: 0; -} - -.dynamic-notebook .notebook tab { - padding: 3px; - border-width: 1px; - border-color: shade(@theme_bg_color, 0.9); - border-radius: 3px; - background-color: @theme_bg_color; - background-image: none; - color: @theme_fg_color; -} - -.dynamic-notebook .notebook tab:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 1.05); - color: @theme_fg_color; -} - -.dynamic-notebook .notebook tab .entry { - border-radius: 3px; - padding: 3px; -} - -.dynamic-notebook .button:hover, -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button, -.dynamic-notebook .notebook .button:hover, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.6); - background-color: shade(@theme_bg_color, 0.85); - color: shade(@theme_fg_color, 0.7); -} - -.dynamic-notebook .menu GtkLabel { - color: @menu_fg_color; -} - -/**************** - * content view * - ****************/ -.content-view-window { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color:@theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view, -.content-view GtkViewport { - background-color: @theme_base_color; - background-image: none; -} - -.content-view * { - background-color: transparent; - background-image: none; -} - -.content-view .entry { - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view .button { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color: shade(@theme_base_color, 1.02); - background-image: none; - color: @theme_text_color; -} - -.content-view .button:hover { - border-color: shade(@theme_base_color, 0.7); - background-color: shade(@theme_base_color, 1.10); - background-image: none; -} - -.content-view .button:active { - border-color: shade(@theme_base_color, 0.6); - background-color: shade(@theme_base_color, 0.85); - background-image: none; -} - -.content-view .button:active:hover { - border-color: shade(@theme_base_color, 0.7); - color: shade(@theme_text_color, 1.10); -} - -.content-view .button:insensitive { - border-color: shade(@theme_base_color, 0.8); - background-color: shade(@theme_base_color, 0.95); - background-image: none; -} - -.content-view .help_button * { - color: @theme_text_color; -} - -.content-view .toolbar { - -GtkWidget-window-dragging: true; - - padding: 1px; - border-width: 0 0 1px 0; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - background-color: @theme_base_color; - background-image: none; -} - -.content-view .menu { - padding: 0; - border-radius: 0; - border-style: none; - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -/************** - * sourcelist * - **************/ -.source-list, -.source-list.view { - border-radius: 0; - background-color: @theme_bg_color; - background-image: none; - color: mix(@theme_fg_color, @theme_bg_color, 0.1); -} - -.source-list { - -GtkTreeView-horizontal-separator: 1; - -GtkTreeView-vertical-separator: 1; -} - -.source-list.view:selected, -.source-list.view:prelight:selected { - border-width: 1px 0; - border-style: solid; - border-top-color: shade(@theme_bg_color, 0.85); - border-bottom-color: shade(@theme_bg_color, 1.12); - background-image: linear-gradient(to bottom, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.87), - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.95) 10%, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.99) 92%, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.92) - ); - - color: mix(@theme_text_color, @theme_base_color, 0.3); -} - -.source-list.view:prelight { - border-color: mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.3); - background-color: mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.3); - background-image: none; -} - -.source-list.badge, -.source-list.badge:prelight, -.source-list.badge:selected, -.source-list.badge:prelight:selected { - margin: 0 3px; - padding: 0 6px; - border-width: 0; - border-radius: 10px; - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - color: @theme_selected_fg_color; -} - -/****************** - * no undo button * - ******************/ -.button.noundo, -.content-view .button.noundo { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 1.05); - background-image: none; - color: @error_fg_color; -} - -.button.noundo:hover, -.content-view .button.noundo:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: @error_bg_color; - background-image: none; -} - -.button.noundo:active, -.content-view .button.noundo:active { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 0.95); - background-image: none; -} - -.button.noundo:active:hover, -.content-view .button.noundo:active:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: shade(@error_bg_color, 0.97); - background-image: none; -} - -.button.noundo GtkLabel, -.button.noundo Gtklabel:prelight { - color: @error_fg_color; -} - -/********************** - * affirmative button * - **********************/ -.button.affirmative, -.content-view .button.affirmative { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 1.05); - background-image: none; - color: @theme_selected_fg_color; -} - -.button.affirmative:hover, -.content-view .button.affirmative:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: @theme_selected_bg_color; - background-image: none; -} - -.button.affirmative:active, -.content-view .button.affirmative:active { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 0.95); - background-image: none; -} - -.button.affirmative:active:hover, -.content-view .button.affirmative:active:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: shade(@theme_selected_bg_color, 0.97); - background-image: none; -} - -.button.affirmative GtkLabel, -.button.affirmative Gtklabel:prelight { - color: @theme_selected_fg_color; -} - -/********************** - * secondary toolbars * - **********************/ -.secondary-toolbar.toolbar { - padding: 2px; - border-color: shade(@toolbar_bg_color, 0.8); - background-color: @toolbar_bg_color; - background-image: none; -} - -.secondary-toolbar.toolbar .button { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 1.05); - background-image: none; - color: @toolbar_fg_color; -} - -.secondary-toolbar.toolbar .button:hover { - border-color: shade(@toolbar_bg_color, 0.7); - background-color: shade(@toolbar_bg_color, 1.10); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 0.95); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active:hover { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:focus, -.secondary-toolbar.toolbar .button:hover:focus, -.secondary-toolbar.toolbar .button:active:focus, -.secondary-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:insensitive { - border-color: shade(@toolbar_bg_color, 0.85); - background-color: shade(@toolbar_bg_color, 0.9); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@toolbar_bg_color, 0.75); - background-color: shade(@toolbar_bg_color, 0.80); - background-image: none; -} - -/******************* - * bottom toolbars * - *******************/ -.bottom-toolbar.toolbar { - padding: 6px; - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - background-image: none; -} - -.bottom-toolbar.toolbar .button { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 1.05); - background-image: none; - color: @theme_fg_color; -} - -.bottom-toolbar.toolbar .button:hover { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active:hover { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:focus, -.bottom-toolbar.toolbar .button:hover:focus, -.bottom-toolbar.toolbar .button:active:focus, -.bottom-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:insensitive { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@theme_bg_color, 0.75); - background-color: shade(@theme_bg_color, 0.80); - background-image: none; -} - -/************* - * statusbar * - *************/ -GraniteWidgetsStatusBar { - padding: 1px; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.0), - shade(@theme_bg_color, 0.88) - ); - - box-shadow: inset 0 1px shade(@theme_bg_color, 0.8); -} - -/*********** - * popover * - ***********/ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 12; - -GraniteWidgetsPopOver-border-radius: 5px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 15; - - margin: 0; - border-style: solid; - border-color: shade(@menu_bg_color, 0.8); - color: @menu_fg_color; -} - -.popover_bg { - background-color: transparent; - background-image: linear-gradient(to bottom, - @menu_bg_color, - shade(@menu_bg_color, 0.98) - ); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .sidebar.view:selected, -GraniteWidgetsPopOver .sidebar.view:selected:focus, -GraniteWidgetsPopOver *:selected, -GraniteWidgetsPopOver *:selected:focus { - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -GraniteWidgetsPopOver .button { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 1.08); - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .button:hover { - border-color: shade(@menu_bg_color, 0.7); - background-color: shade(@menu_bg_color, 1.10); - background-image: none; - color: shade(@menu_fg_color, 0.7); -} - -GraniteWidgetsPopOver .button:active { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 0.95); - background-image: none; -} - -GraniteWidgetsPopOver .button:active:hover { - border-color: shade(@menu_bg_color, 0.7); - color: shade(@menu_fg_color, 0.7); -} - -/* linked buttons */ -GraniteWidgetsPopOver .linked .button { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9); -} - -GraniteWidgetsPopOver .linked .button:active { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.8), - inset 1px 1px alpha(@dark_shadow, 0.06), - inset -1px -1px alpha(@dark_shadow, 0.06); -} - -GraniteWidgetsPopOver .linked .button:insensitive { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.8), - inset 1px 1px alpha(@light_shadow, 0.2); -} - -GraniteWidgetsPopOver .linked .button:last-child, -GraniteWidgetsPopOver .linked .button:only-child, -GraniteWidgetsPopOver .linked .button:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:insensitive:only-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:only-child { - box-shadow: inset 1px 1px alpha(@light_shadow, 0.4), - inset -1px 0 alpha(@light_shadow, 0.4); -} - -GraniteWidgetsPopOver .linked .button:active:last-child, -GraniteWidgetsPopOver .linked .button:active:only-child { - box-shadow: inset 1px 1px alpha(@dark_shadow, 0.06), - inset -1px -1px alpha(@dark_shadow, 0.06); -} - -GraniteWidgetsPopOver .entry { - border-color: shade(@menu_bg_color, 0.7); - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .entry:active, -GraniteWidgetsPopOver .entry:focus { - border-color: shade(@menu_bg_color, 0.7); -} - -GraniteWidgetsPopOver *.separator { - border-color: shade(@menu_bg_color, 0.9); - color: transparent; -} - -.button.app { - border-width: 0; - border-radius: 2px; - background-color: transparent; - background-image: none; -} - -.button.app:hover { - border-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - - color: @theme_selected_fg_color; -} - -.button.app:focus { - border-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - - color: @theme_selected_fg_color; -} - -/******** - * gala * - ********/ -.gala-workspaces-background { - border-width: 1px 0 0 0; - border-color: shade(@panel_bg_color, 0.8); - background-color: @panel_bg_color; - background-image: none; -} - -.gala-workspace-selected { - border-width: 1px; - border-radius: 2px; - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; -} - -/********* - * files * - *********/ -.files-overlay-bar { - margin: 3px; - padding: 3px 6px; - border-width: 1px; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.1), - shade(@theme_bg_color, 0.9) - ); -} - -.files-overlay-bar GtkLabel { - color: @theme_text_color; -} - -/********* - * noise * - *********/ -.album-list-view, -.album-list-view * { - border-color: shade(@theme_base_color, 0.7); - border-radius: 0; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView { - -GtkTreeView-vertical-separator: 1; - -GtkTreeView-grid-line-width: 0; - - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView row:nth-child(even) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 0.9); - background-image: none; -} - - -.album-list-view GtkTreeView row:nth-child(odd) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 1.0); - background-image: none; -} - -.album-list-view GtkTreeView row:selected { - background-color: @selected_bg_color; - background-image: none; - color: @selected_fg_color; -} - -/********** - * birdie * - **********/ -BirdieWidgetsTweetList * { - background-color: transparent; - background-image: none; -} - -/********* - * tweet * - *********/ -.tweet { - padding: 0; -} - -/********** - * notify * - **********/ -.notify { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.notify .low { -} - -.notify .critical { -} - -/********* - * panel * - *********/ -.panel { - background-color: @panel_bg_color; - background-image: none; - color: @panel_fg_color; - font: bold; -} - -.panel .menubar .menuitem { - padding: 1px 3px; -} - -.shadow { - background-color: transparent; - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, 0.3), - transparent - ); -} - -.composited-indicator, -.wingpanel-app-button, -.wingpanel-indicator-button { - padding: 0 2px; - background-color: transparent; - background-image: none; - color: @panel_fg_color; -} - -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { - border-style: none; - background-image: none; -} diff --git a/Redcore-daylight/gtk-3.0/apps/lightdm-unity-greeter.css b/Redcore-daylight/gtk-3.0/apps/lightdm-unity-greeter.css deleted file mode 100644 index c0dd6f8..0000000 --- a/Redcore-daylight/gtk-3.0/apps/lightdm-unity-greeter.css +++ /dev/null @@ -1,67 +0,0 @@ -.lightdm.menu { - background-image: none; - background-color: alpha(black, 0.6); - border-color: alpha(white, 0.2); - border-radius: 3px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: alpha(black, 0.6); - border-radius: 0; - padding: 0; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - background-image: none; - background-color: alpha(black, 0.5); -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: alpha(black, 0.3); - border-color: alpha(white, 0.6); - border-radius: 3px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: alpha(white, 0.9); - color: white; -} - -@keyframes dashentry_spinner { - to { -gtk-icon-transform: rotate(1turn); } -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} diff --git a/Redcore-daylight/gtk-3.0/assets/all-assets.svg b/Redcore-daylight/gtk-3.0/assets/all-assets.svg new file mode 100644 index 0000000..6b2b9d7 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/all-assets.svg @@ -0,0 +1,4456 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/all-assets.txt b/Redcore-daylight/gtk-3.0/assets/all-assets.txt new file mode 100644 index 0000000..6e738e3 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/all-assets.txt @@ -0,0 +1,38 @@ +checkbox-checked-dark +checkbox-checked-insensitive-dark +checkbox-checked-insensitive +checkbox-checked +checkbox-mixed-dark +checkbox-mixed-insensitive-dark +checkbox-mixed-insensitive +checkbox-mixed +checkbox-unchecked-dark +checkbox-unchecked-insensitive-dark +checkbox-unchecked-insensitive +checkbox-unchecked +grid-selection-checked-dark +grid-selection-checked +grid-selection-unchecked-dark +grid-selection-unchecked +menuitem-checkbox-checked-hover +menuitem-checkbox-checked-insensitive +menuitem-checkbox-checked +menuitem-checkbox-mixed-hover +menuitem-checkbox-mixed-insensitive +menuitem-checkbox-mixed +menuitem-radio-checked-hover +menuitem-radio-checked-insensitive +menuitem-radio-checked +pane-handle +radio-checked-dark +radio-checked-insensitive-dark +radio-checked-insensitive +radio-checked +radio-mixed-dark +radio-mixed-insensitive-dark +radio-mixed-insensitive +radio-mixed +radio-unchecked-dark +radio-unchecked-insensitive-dark +radio-unchecked-insensitive +radio-unchecked diff --git a/Redcore-daylight/gtk-3.0/assets/bullet-symbolic.svg b/Redcore-daylight/gtk-3.0/assets/bullet-symbolic.svg deleted file mode 100644 index c029973..0000000 --- a/Redcore-daylight/gtk-3.0/assets/bullet-symbolic.svg +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/Redcore-daylight/gtk-3.0/assets/bullet-symbolic.symbolic.png b/Redcore-daylight/gtk-3.0/assets/bullet-symbolic.symbolic.png deleted file mode 100644 index 2ccb0e8..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/bullet-symbolic.symbolic.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/change_dpi.sh b/Redcore-daylight/gtk-3.0/assets/change_dpi.sh new file mode 100755 index 0000000..058dcc4 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/change_dpi.sh @@ -0,0 +1,4 @@ +#!/usr/bin/env bash +for f in $@; do + rsvg-convert -d 300 -p 300 -f svg $f -o $f.bak ; mv $f.bak $f +done diff --git a/Redcore-daylight/gtk-3.0/assets/check-symbolic.svg b/Redcore-daylight/gtk-3.0/assets/check-symbolic.svg deleted file mode 100644 index e8c8210..0000000 --- a/Redcore-daylight/gtk-3.0/assets/check-symbolic.svg +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/Redcore-daylight/gtk-3.0/assets/check-symbolic.symbolic.png b/Redcore-daylight/gtk-3.0/assets/check-symbolic.symbolic.png deleted file mode 100644 index ee7acdc..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/check-symbolic.symbolic.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-active-selectionmode.png b/Redcore-daylight/gtk-3.0/assets/checkbox-active-selectionmode.png deleted file mode 100644 index 283ae53..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-active-selectionmode.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-backdrop-selectionmode.png b/Redcore-daylight/gtk-3.0/assets/checkbox-backdrop-selectionmode.png deleted file mode 100644 index ad60a99..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-backdrop-selectionmode.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-active-selectionmode.png b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-active-selectionmode.png deleted file mode 100644 index 2f21288..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-active-selectionmode.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png deleted file mode 100644 index f29b801..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-dark.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-dark.svg new file mode 100644 index 0000000..e739ee0 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-dark.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png deleted file mode 100644 index a6af0f7..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg new file mode 100644 index 0000000..b21c9cf --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive.png b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive.png deleted file mode 100644 index f29b801..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive.svg new file mode 100644 index 0000000..b21c9cf --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-checked.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-checked.svg new file mode 100644 index 0000000..0fda272 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-hover-selectionmode.png b/Redcore-daylight/gtk-3.0/assets/checkbox-hover-selectionmode.png deleted file mode 100644 index 283ae53..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-hover-selectionmode.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-dark.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-dark.svg new file mode 100644 index 0000000..33e04b1 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-hover.png b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-hover.png deleted file mode 100644 index 35ceac1..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-hover.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg new file mode 100644 index 0000000..53cd745 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive.png b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive.png deleted file mode 100644 index 118d253..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..53cd745 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed.png b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed.png deleted file mode 100644 index 7b266a1..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-mixed.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed.svg new file mode 100644 index 0000000..33e04b1 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-selectionmode.png b/Redcore-daylight/gtk-3.0/assets/checkbox-selectionmode.png deleted file mode 100644 index 283ae53..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-selectionmode.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-dark.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-dark.svg new file mode 100644 index 0000000..1fb0d3e --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..9fe051a --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive.png b/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive.png deleted file mode 100644 index ad60a99..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive.svg new file mode 100644 index 0000000..9fe051a --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked.svg b/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked.svg new file mode 100644 index 0000000..1fb0d3e --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/checkbox-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/dash-symbolic.svg b/Redcore-daylight/gtk-3.0/assets/dash-symbolic.svg deleted file mode 100644 index 7886d54..0000000 --- a/Redcore-daylight/gtk-3.0/assets/dash-symbolic.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/Redcore-daylight/gtk-3.0/assets/dash-symbolic.symbolic.png b/Redcore-daylight/gtk-3.0/assets/dash-symbolic.symbolic.png deleted file mode 100644 index c20d4ba..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/dash-symbolic.symbolic.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/grid-selection-checked-dark.svg b/Redcore-daylight/gtk-3.0/assets/grid-selection-checked-dark.svg new file mode 100644 index 0000000..93239d3 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/grid-selection-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/grid-selection-checked.png b/Redcore-daylight/gtk-3.0/assets/grid-selection-checked.png deleted file mode 100644 index d140eeb..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/grid-selection-checked.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/grid-selection-checked.svg b/Redcore-daylight/gtk-3.0/assets/grid-selection-checked.svg new file mode 100644 index 0000000..93239d3 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/grid-selection-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked-dark.svg b/Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked-dark.svg new file mode 100644 index 0000000..c90e664 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked.png b/Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked.png deleted file mode 100644 index 318f417..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked.svg b/Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked.svg new file mode 100644 index 0000000..c90e664 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/grid-selection-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-hover.png b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-hover.png deleted file mode 100644 index a0e3ca2..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-hover.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg new file mode 100644 index 0000000..5a07853 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png deleted file mode 100644 index 5b8c687..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg new file mode 100644 index 0000000..866c731 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked.png b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked.png deleted file mode 100644 index 6d6ab11..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked.svg new file mode 100644 index 0000000..3bb776b --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png deleted file mode 100644 index dc7f9bf..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg new file mode 100644 index 0000000..b972378 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png deleted file mode 100644 index 69bc4d9..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..424482a --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg new file mode 100644 index 0000000..257f6bb --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed.png b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed.png deleted file mode 100644 index 28ef0f7..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed.svg new file mode 100644 index 0000000..6098c66 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-unchecked.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-unchecked.svg new file mode 100644 index 0000000..f7d48ab --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-checkbox-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-hover.png b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-hover.png deleted file mode 100644 index f1b8c38..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-hover.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-hover.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-hover.svg new file mode 100644 index 0000000..24f0b06 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-insensitive.png b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-insensitive.png deleted file mode 100644 index 3bdc72a..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-insensitive.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg new file mode 100644 index 0000000..e17e3fb --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked.png b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked.png deleted file mode 100644 index e0c5c3e..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked.svg new file mode 100644 index 0000000..44ff5cb --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-hover.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-hover.svg new file mode 100644 index 0000000..bc3f999 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg new file mode 100644 index 0000000..54b8f1e --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-selected.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-selected.svg new file mode 100644 index 0000000..c7517a3 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed.svg new file mode 100644 index 0000000..1476ba4 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/menuitem-radio-unchecked.svg b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-unchecked.svg new file mode 100644 index 0000000..8fdd8e0 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/menuitem-radio-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/pane-handle-vertical.svg b/Redcore-daylight/gtk-3.0/assets/pane-handle-vertical.svg new file mode 100644 index 0000000..7687658 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/pane-handle-vertical.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/pane-handle.png b/Redcore-daylight/gtk-3.0/assets/pane-handle.png new file mode 100644 index 0000000..e67a9dc Binary files /dev/null and b/Redcore-daylight/gtk-3.0/assets/pane-handle.png differ diff --git a/Redcore-daylight/gtk-3.0/assets/pane-handle.svg b/Redcore-daylight/gtk-3.0/assets/pane-handle.svg new file mode 100644 index 0000000..7bb6cf1 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/pane-handle.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/pane-handle@2.png b/Redcore-daylight/gtk-3.0/assets/pane-handle@2.png new file mode 100644 index 0000000..8a2cd07 Binary files /dev/null and b/Redcore-daylight/gtk-3.0/assets/pane-handle@2.png differ diff --git a/Redcore-daylight/gtk-3.0/assets/pane-separator-vertical.png b/Redcore-daylight/gtk-3.0/assets/pane-separator-vertical.png deleted file mode 100644 index 060cf03..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/pane-separator-vertical.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/pane-separator.png b/Redcore-daylight/gtk-3.0/assets/pane-separator.png deleted file mode 100644 index 616ec90..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/pane-separator.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/radio-checked-dark.svg b/Redcore-daylight/gtk-3.0/assets/radio-checked-dark.svg new file mode 100644 index 0000000..cae13fa --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-checked-insensitive-dark.svg b/Redcore-daylight/gtk-3.0/assets/radio-checked-insensitive-dark.svg new file mode 100644 index 0000000..72bd79f --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-checked-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/radio-checked-insensitive.svg new file mode 100644 index 0000000..72bd79f --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-checked.svg b/Redcore-daylight/gtk-3.0/assets/radio-checked.svg new file mode 100644 index 0000000..cae13fa --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-mixed-dark.svg b/Redcore-daylight/gtk-3.0/assets/radio-mixed-dark.svg new file mode 100644 index 0000000..667d0df --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-mixed-hover.png b/Redcore-daylight/gtk-3.0/assets/radio-mixed-hover.png deleted file mode 100644 index 1dc344a..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/radio-mixed-hover.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive-dark.svg b/Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive-dark.svg new file mode 100644 index 0000000..a7fe318 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive.png b/Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive.png deleted file mode 100644 index 152e911..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive.svg new file mode 100644 index 0000000..a7fe318 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-mixed.png b/Redcore-daylight/gtk-3.0/assets/radio-mixed.png deleted file mode 100644 index c0db5e7..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/radio-mixed.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/radio-mixed.svg b/Redcore-daylight/gtk-3.0/assets/radio-mixed.svg new file mode 100644 index 0000000..667d0df --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-selected-hover.png b/Redcore-daylight/gtk-3.0/assets/radio-selected-hover.png deleted file mode 100644 index 01dba20..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/radio-selected-hover.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/radio-selected-insensitive.png b/Redcore-daylight/gtk-3.0/assets/radio-selected-insensitive.png deleted file mode 100644 index c544b2d..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/radio-selected-insensitive.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/radio-selected-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/radio-selected-insensitive.svg new file mode 100644 index 0000000..72bd79f --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-selected-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-selected.png b/Redcore-daylight/gtk-3.0/assets/radio-selected.png deleted file mode 100644 index 80f218f..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/radio-selected.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/radio-selected.svg b/Redcore-daylight/gtk-3.0/assets/radio-selected.svg new file mode 100644 index 0000000..cae13fa --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-selected.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unchecked-dark.svg b/Redcore-daylight/gtk-3.0/assets/radio-unchecked-dark.svg new file mode 100644 index 0000000..b1814ac --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg b/Redcore-daylight/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..3d0fa6a --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unchecked-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/radio-unchecked-insensitive.svg new file mode 100644 index 0000000..3d0fa6a --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unchecked.svg b/Redcore-daylight/gtk-3.0/assets/radio-unchecked.svg new file mode 100644 index 0000000..b1814ac --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unselected-dark.svg b/Redcore-daylight/gtk-3.0/assets/radio-unselected-dark.svg new file mode 100644 index 0000000..214ed94 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-unselected-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive-dark.svg b/Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive-dark.svg new file mode 100644 index 0000000..0fdfaf4 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive.png b/Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive.png deleted file mode 100644 index f8bb219..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive.svg b/Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive.svg new file mode 100644 index 0000000..3d0fa6a --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-unselected-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unselected.png b/Redcore-daylight/gtk-3.0/assets/radio-unselected.png deleted file mode 100644 index 9667f92..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/radio-unselected.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/radio-unselected.svg b/Redcore-daylight/gtk-3.0/assets/radio-unselected.svg new file mode 100644 index 0000000..b1814ac --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/radio-unselected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.0/assets/resize-grip.png b/Redcore-daylight/gtk-3.0/assets/resize-grip.png deleted file mode 100644 index 4aabef3..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/resize-grip.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/sed.sh b/Redcore-daylight/gtk-3.0/assets/sed.sh new file mode 100755 index 0000000..3a5a6f9 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/sed.sh @@ -0,0 +1,9 @@ +#!/bin/sh +sed -i \ + -e 's/#dedede/rgb(0%,0%,0%)/g' \ + -e 's/#2d2d2d/rgb(100%,100%,100%)/g' \ + -e 's/#dedede/rgb(50%,0%,0%)/g' \ + -e 's/#990000/rgb(0%,50%,0%)/g' \ + -e 's/#dedede/rgb(50%,0%,50%)/g' \ + -e 's/#2d2d2d/rgb(0%,0%,50%)/g' \ + $@ diff --git a/Redcore-daylight/gtk-3.0/assets/titlebutton-close-active.png b/Redcore-daylight/gtk-3.0/assets/titlebutton-close-active.png deleted file mode 100644 index bdba751..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/titlebutton-close-active.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/titlebutton-close-hover.png b/Redcore-daylight/gtk-3.0/assets/titlebutton-close-hover.png deleted file mode 100644 index b962c9a..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/titlebutton-close-hover.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/titlebutton-close.png b/Redcore-daylight/gtk-3.0/assets/titlebutton-close.png deleted file mode 100644 index 7980938..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/titlebutton-close.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/titlebutton-maximize-active.png b/Redcore-daylight/gtk-3.0/assets/titlebutton-maximize-active.png deleted file mode 100644 index e42c746..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/titlebutton-maximize-active.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/titlebutton-maximize-hover.png b/Redcore-daylight/gtk-3.0/assets/titlebutton-maximize-hover.png deleted file mode 100644 index a351489..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/titlebutton-maximize-hover.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/titlebutton-maximize.png b/Redcore-daylight/gtk-3.0/assets/titlebutton-maximize.png deleted file mode 100644 index 6375bc9..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/titlebutton-maximize.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/titlebutton-minimize-active.png b/Redcore-daylight/gtk-3.0/assets/titlebutton-minimize-active.png deleted file mode 100644 index 8a1b071..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/titlebutton-minimize-active.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/titlebutton-minimize-hover.png b/Redcore-daylight/gtk-3.0/assets/titlebutton-minimize-hover.png deleted file mode 100644 index 4c44d6a..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/titlebutton-minimize-hover.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/titlebutton-minimize.png b/Redcore-daylight/gtk-3.0/assets/titlebutton-minimize.png deleted file mode 100644 index f49bdac..0000000 Binary files a/Redcore-daylight/gtk-3.0/assets/titlebutton-minimize.png and /dev/null differ diff --git a/Redcore-daylight/gtk-3.0/assets/unsed.sh b/Redcore-daylight/gtk-3.0/assets/unsed.sh new file mode 100755 index 0000000..7015ce8 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/assets/unsed.sh @@ -0,0 +1,11 @@ +#!/bin/sh +sed -i \ + -e 's/rgb(0%,0%,0%)/#dedede/g' \ + -e 's/rgb(100%,100%,100%)/#2d2d2d/g' \ + -e 's/rgb(50%,0%,0%)/#dedede/g' \ + -e 's/rgb(0%,50%,0%)/#990000/g' \ + -e 's/rgb(0%,50.196078%,0%)/#990000/g' \ + -e 's/rgb(50%,0%,50%)/#dedede/g' \ + -e 's/rgb(50.196078%,0%,50.196078%)/#dedede/g' \ + -e 's/rgb(0%,0%,50%)/#2d2d2d/g' \ + $@ diff --git a/Redcore-daylight/gtk-3.0/gtk-contained.css b/Redcore-daylight/gtk-3.0/gtk-contained.css deleted file mode 100644 index 33fb659..0000000 --- a/Redcore-daylight/gtk-3.0/gtk-contained.css +++ /dev/null @@ -1,4546 +0,0 @@ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #cc0000; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: rgba(60, 60, 60, 0.3); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #990000; } - -/*************** - * Base States * - ***************/ -.background { - color: #2d2d2d; - background-color: #dedede; } - .background:backdrop { - color: #858585; - background-color: #dedede; - 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: #2d2d2d; - background-color: #dedede; - text-shadow: none; } - .gtkstyle-fallback:hover { - color: #2d2d2d; - background-color: #e8e8e8; } - .gtkstyle-fallback:active { - color: #2d2d2d; - background-color: #b5b5b5; } - .gtkstyle-fallback:disabled { - color: #858585; - background-color: #e0e0e0; } - .gtkstyle-fallback:selected { - color: #dedede; - background-color: #990000; } - -.view, iconview, -.view text, -iconview text, -textview text { - color: #2d2d2d; - background-color: #dedede; } - .view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: #4c4c4c; - background-color: #f9f9f9; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected { - border-radius: 3px; } - -textview border { - background-color: #e5e5e5; - background-image: image(rgba(0, 0, 0, 0.2)); - background-repeat: no-repeat; } - textview border:backdrop { - background-color: #e4e4e4; } - textview border.bottom { - background-size: 100% 1px; - background-position: top; } - textview border.top { - background-size: 100% 1px; - background-position: bottom; } - textview border.left { - background-size: 1px 100%; - background-position: right; } - textview border.right { - background-size: 1px 100%; - background-position: left; } - -.rubberband, -rubberband, -flowbox rubberband, -treeview.view rubberband, -.content-view rubberband { - border: 1px solid #1a74d3; - background-color: rgba(26, 116, 211, 0.2); } - -flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -label.separator { - color: #2d2d2d; } - label.separator:backdrop { - color: #858585; } -label selection { - background-color: #990000; - color: #dedede; } -label:disabled { - color: #858585; } - label:disabled:backdrop { - color: #a8a8a8; } -label:backdrop { - color: #858585; } - -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle { - opacity: 0.55; - text-shadow: none; } - -assistant .sidebar { - background-color: #dedede; - border-top: 1px solid #828282; } - assistant .sidebar:backdrop { - background-color: #f9f9f9; - border-color: #8a8a8a; } -assistant.csd .sidebar { - border-top-style: none; } -assistant .sidebar label { - padding: 6px 12px; } -assistant .sidebar label.highlight { - background-color: #b1b1b1; } - -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, -.app-notification.frame, .osd .scale-popup, .osd { - color: #eeeeee; - border: none; - background-color: rgba(104, 104, 104, 0.2); - background-clip: padding-box; - outline-color: rgba(238, 238, 238, 0.3); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { - color: shade(#eeeeee, 1.2); - background-color: shade(rgba(104, 104, 104, 0.2), 1.6); - text-shadow: none; - -gtk-icon-shadow: none; } - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } - -/**************** - * Text Entries * - ****************/ -spinbutton:not(.vertical), -entry { - min-height: 28px; - padding-left: 4px; - padding-right: 4px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #2d2d2d; - border-color: #828282; - background-image: linear-gradient(to bottom, #c5c5c5, #f8f8f8 2px, #dedede 90%); - box-shadow: inset 0 0 0 1px rgba(57, 142, 231, 0); } - 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 { - border-color: #990000; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: #858585; - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - box-shadow: none; } - spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: #4c4c4c; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #f9f9f9); - box-shadow: none; - transition: 200ms ease-out; } - spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: #a8a8a8; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - box-shadow: none; } - spinbutton.error:not(.vertical), - entry.error { - color: #cc0000; - border-color: #cc0000; } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - border-color: #cc0000; } - spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), - entry.error:selected:focus, - entry.error:selected { - background-color: #cc0000; } - spinbutton.warning:not(.vertical), - entry.warning { - color: #f57900; - border-color: #f57900; } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - border-color: #f57900; } - spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), - entry.warning:selected:focus, - entry.warning:selected { - background-color: #f57900; } - spinbutton:not(.vertical) image, - entry image { - color: #626262; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: #2d2d2d; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: #990000; } - spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: #9c9c9c; } - 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: #990000; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px #990000; - 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: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 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: #990000; - 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: #990000; } -.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: #d7d7d7; - background-image: linear-gradient(to bottom, #dedede); } - .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: #d8d8d8; - background-image: linear-gradient(to bottom, #f9f9f9); } -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled { - border-top-color: #d7d7d7; } -.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: #990000; } -.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) + 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) + button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #990000; } -.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) + 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) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #4e9a06; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #dedede; - transition-property: color, background; } -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #dedede; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #990000; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#990000), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)); } } -notebook > header > tabs > arrow, button.titlebutton, -button { - min-height: 24px; - min-width: 16px; - padding: 1px 2px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#dedede, 0.8); - border-right-color: shade(#dedede, 0.72); - border-left-color: shade(#dedede, 0.72); - border-bottom-color: shade(#dedede, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#dedede, 1.02), 1.05), shade(shade(#dedede, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, - 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; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton: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.titlebutton:hover, - button:hover { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#dedede, 1.15), shade(#dedede, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, - button:active, - button:checked { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#dedede, 0.85), 1.05), shade(shade(#dedede, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat, - button:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #dedede); - 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; } - notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat label, - button:backdrop.flat, - button:backdrop label, - button:backdrop { - color: #858585; } - notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #b6b6b6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton: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: #858585; } - notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled label, - button:backdrop.flat:disabled, - button:backdrop:disabled label, - button:backdrop:disabled { - color: #a8a8a8; } - notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, lightgray); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton: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: #a8a8a8; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton: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.titlebutton:disabled, - button:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, - button:disabled label, - button:disabled { - color: #858585; } - notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, - button:disabled:active, - button:disabled:checked { - border-color: #828282; - background-image: linear-gradient(to bottom, #d7d7d7, #e0e0e0); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, - button:disabled:active label, - button:disabled:active, - button:disabled:checked label, - button:disabled:checked { - color: #858585; } - notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, - button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, - button.text-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, - button.text-button.image-button { - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, - button.text-button.image-button label { - padding-left: 4px; - padding-right: 4px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), - button:drop(active) { - color: #4e9a06; - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } -row:selected -button { - border-color: #0f4278; } - 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: #dedede; - 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: #f9f9f9; } -button.osd { - min-width: 24px; - min-height: 32px; - color: #eeeeee; - border-radius: 5px; - outline-color: rgba(238, 238, 238, 0.3); - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 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(135, 135, 135, 0.2)); - 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(238, 238, 238, 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(238, 238, 238, 0.3); - border: none; - box-shadow: none; } - button.osd:disabled:backdrop, - button.osd:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - button.osd:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } -.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, -.app-notification.frame button, .osd -button { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd - button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 0.3); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification 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(238, 238, 238, 0.3); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd - button:disabled:backdrop, .osd - button:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd - button:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification 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; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd - button.flat:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd - button.flat:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 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; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification 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; } - popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification 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(238, 238, 238, 0.3); } -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-top-color: shade(#dedede, 0.8); - border-right-color: shade(#dedede, 0.72); - border-left-color: shade(#dedede, 0.72); - border-bottom-color: shade(#dedede, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#990000, 1.02), 1.05), shade(shade(#990000, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .selection-mode button.titlebutton, - 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: #990000; } - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(#990000, 1.15), shade(#990000, 1.07)); - 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: #114f8f; - background-image: linear-gradient(to bottom, shade(shade(#990000, 0.85), 1.05), shade(shade(#990000, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop label, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop label, - button.suggested-action.flat:backdrop { - color: #d7e8fa; } - .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton: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: #1a74d3; - background-image: linear-gradient(to bottom, #1a74d3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton: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: #d1e3f6; } - .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton: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: #a8a8a8; } - .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton: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: #3f92e7; - background-image: linear-gradient(to bottom, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton: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: #82b8ef; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton: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(57, 142, 231, 0.8); } - button.suggested-action:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: #858585; } - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #3a8bde, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled:active label, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked label, - button.suggested-action:disabled:checked { - color: #b2d3f5; } - .osd - button.suggested-action { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 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(238, 238, 238, 0.3); } - .osd - button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 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(238, 238, 238, 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, #990000); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 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-top-color: shade(#dedede, 0.8); - border-right-color: shade(#dedede, 0.72); - border-left-color: shade(#dedede, 0.72); - border-bottom-color: shade(#dedede, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#ef2929, 1.02), 1.05), shade(shade(#ef2929, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - 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: #ef2929; } - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, shade(#ef2929, 1.15), shade(#ef2929, 1.07)); - 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: #8e0b0b; - background-image: linear-gradient(to bottom, shade(shade(#ef2929, 0.85), 1.05), shade(shade(#ef2929, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - border-color: #ef2929; - background-image: linear-gradient(to bottom, #ef2929); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop label, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop label, - button.destructive-action.flat:backdrop { - color: #fcd4d4; } - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - border-color: #d51010; - background-image: linear-gradient(to bottom, #d51010); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #f7cfcf; } - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #a8a8a8; } - 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: #ef3131; - background-image: linear-gradient(to bottom, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #f57979; } - 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(239, 41, 41, 0.8); } - button.destructive-action:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled label, - button.destructive-action:disabled { - color: #858585; } - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #e52d2d, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled:active label, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked label, - button.destructive-action:disabled:checked { - color: #f9adad; } - .osd - button.destructive-action { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 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(238, 238, 238, 0.3); } - .osd - button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 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(238, 238, 238, 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, #ef2929); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 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, stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), 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, 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), stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar toolbutton > button { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#dedede, 0.8); - border-right-color: shade(#dedede, 0.72); - border-left-color: shade(#dedede, 0.72); - border-bottom-color: shade(#dedede, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#dedede, 1.02), 1.05), shade(shade(#dedede, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - .inline-toolbar toolbutton > button:hover { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#dedede, 1.15), shade(#dedede, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#dedede, 0.85), 1.05), shade(shade(#dedede, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .inline-toolbar toolbutton > button:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #858585; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #828282; - background-image: linear-gradient(to bottom, #d7d7d7, #e0e0e0); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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: #858585; } - .inline-toolbar toolbutton > button:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #dedede); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #858585; } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #b6b6b6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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: #858585; } - .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #a8a8a8; } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, lightgray); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: #a8a8a8; } - -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > -entry, .inline-toolbar -button, .inline-toolbar -button:backdrop, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -entry:first-child, .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 { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -entry:last-child, .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 { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; } -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -entry:only-child, .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 { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > -entry, .linked.vertical > -button, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop, .linked.vertical > combobox > box > button.combo { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > -entry:first-child, .linked.vertical > -button:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > -entry:last-child, .linked.vertical > -button:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > -entry:only-child, .linked.vertical > -button:only-child, .linked.vertical > combobox:only-child > box > button.combo { - 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, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, .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: #990000; } - 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; } - -/********* - * Links * - *********/ -*:link, button:link, -button:visited { - color: #990000; } - *:link:visited, - button:visited { - color: #145ba6; } - *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited { - color: #b0d2f5; } - *:link:hover, button:hover:link, - button:hover:visited { - color: #468ad2; } - *:selected *:link:hover, *:selected button:hover:link, - *:selected button:hover:visited { - color: #ebf4fd; } - *:link:active, button:active:link, - button:active:visited { - color: #990000; } - *:selected *:link:active, *:selected button:active:link, - *:selected button:active:visited { - color: #d7e8fa; } - *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, - headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link, - button:backdrop:visited { - color: #990000; } - .info *:link, .info button:link, - .info button:visited, - .question *:link, - .question button:link, - .question button:visited, - .warning *:link, - .warning button:link, - .warning button:visited, - .error *:link, - .error button:link, - .error button:visited, *:link:selected, button:selected:link, - button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, - headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, - *:selected button:visited { - color: #d7e8fa; } - -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; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton:not(.vertical) { - padding: 0; } - spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: #4f4f4f; - background-image: none; - border-style: none none none solid; - border-color: rgba(130, 130, 130, 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: #2d2d2d; - background-color: rgba(60, 60, 60, 0.05); } - spinbutton:not(.vertical) button:disabled { - color: rgba(133, 133, 133, 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: #919191; - background-color: transparent; - border-color: rgba(138, 138, 138, 0.3); - transition: 200ms ease-out; } - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(168, 168, 168, 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: #eeeeee; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .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: #eeeeee; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(238, 238, 238, 0.1); - -gtk-icon-shadow: 0 1px black; - 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: #eeeeee; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - 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: #ababab; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - 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: #858585; } -spinbutton.vertical:backdrop:disabled { - color: #a8a8a8; } -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } -spinbutton.vertical entry { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; } -spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; } -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: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 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(135, 135, 135, 0.2)); - 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(238, 238, 238, 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(238, 238, 238, 0.3); } - .osd spinbutton.vertical button:first-child:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd spinbutton.vertical button:first-child:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - treeview spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/************** - * ComboBoxes * - **************/ -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } -combobox:drop(active) { - box-shadow: none; } - -/************ - * Toolbars * - ************/ -toolbar, .inline-toolbar, searchbar, -.location-bar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #dedede; } - -toolbar { - padding: 4px 3px 3px 4px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(104, 104, 104, 0.2); } - 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; } - toolbar:not(.inline-toolbar):not(.osd) switch, - toolbar:not(.inline-toolbar):not(.osd) scale, - toolbar:not(.inline-toolbar):not(.osd) entry, - toolbar:not(.inline-toolbar):not(.osd) spinbutton, - toolbar:not(.inline-toolbar):not(.osd) button { - margin-right: 1px; - margin-bottom: 1px; } - -.inline-toolbar { - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; } - -searchbar, -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -.inline-toolbar, searchbar, -.location-bar { - border-style: solid; - border-color: #828282; - background-color: #b7b7b7; } - .inline-toolbar:backdrop, searchbar:backdrop, - .location-bar:backdrop { - border-color: #8a8a8a; - background-color: #b6b6b6; - box-shadow: none; - transition: 200ms ease-out; } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 46px; - border-width: 0 0 1px; - border-style: solid; - border-color: #828282; - border-radius: 0; - background: #dedede linear-gradient(to bottom, #dedede, shade(#dedede, 0.88)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - border-color: #8a8a8a; - background-color: #dedede; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - headerbar .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; } - .titlebar:not(headerbar) .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .selection-mode.titlebar:not(headerbar), - headerbar.selection-mode { - color: #dedede; - text-shadow: none; - border-color: #0f4278; - background: #990000 linear-gradient(to bottom, #990000, shade(#990000, 0.88)); - box-shadow: inset 0 1px rgba(136, 187, 241, 0.9); } - .selection-mode.titlebar:backdrop:not(headerbar), - headerbar.selection-mode:backdrop { - background-color: #990000; - background-image: none; - box-shadow: inset 0 1px rgba(156, 199, 243, 0.88); } - .selection-mode.titlebar:not(headerbar) button, - headerbar.selection-mode button { - color: #dedede; - outline-color: rgba(255, 255, 255, 0.3); - border-top-color: shade(#dedede, 0.8); - border-right-color: shade(#dedede, 0.72); - border-left-color: shade(#dedede, 0.72); - border-bottom-color: shade(#dedede, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#990000, 1.02), 1.05), shade(shade(#990000, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .selection-mode.titlebar:not(headerbar) button.flat, - headerbar.selection-mode 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; } - .selection-mode.titlebar:not(headerbar) button:hover, - headerbar.selection-mode button:hover { - color: #dedede; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(#990000, 1.15), shade(#990000, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, - headerbar.selection-mode button:active, - headerbar.selection-mode button:checked { - color: #dedede; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(shade(#990000, 0.85), 1.05), shade(shade(#990000, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, - headerbar.selection-mode button:backdrop.flat, - headerbar.selection-mode button:backdrop { - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - -gtk-icon-effect: none; - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, - headerbar.selection-mode button:backdrop.flat label, - headerbar.selection-mode button:backdrop.flat, - headerbar.selection-mode button:backdrop label, - headerbar.selection-mode button:backdrop { - color: #d7e8fa; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - headerbar.selection-mode button:backdrop.flat:active, - headerbar.selection-mode button:backdrop.flat:checked, - headerbar.selection-mode button:backdrop:active, - headerbar.selection-mode button:backdrop:checked { - border-color: #1a74d3; - background-image: linear-gradient(to bottom, #1a74d3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - headerbar.selection-mode button:backdrop.flat:active label, - headerbar.selection-mode button:backdrop.flat:active, - headerbar.selection-mode button:backdrop.flat:checked label, - headerbar.selection-mode button:backdrop.flat:checked, - headerbar.selection-mode button:backdrop:active label, - headerbar.selection-mode button:backdrop:active, - headerbar.selection-mode button:backdrop:checked label, - headerbar.selection-mode button:backdrop:checked { - color: #d1e3f6; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - headerbar.selection-mode button:backdrop.flat:disabled, - headerbar.selection-mode button:backdrop:disabled { - border-color: #569fea; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - headerbar.selection-mode button:backdrop.flat:disabled label, - headerbar.selection-mode button:backdrop.flat:disabled, - headerbar.selection-mode button:backdrop:disabled label, - headerbar.selection-mode button:backdrop:disabled { - color: #91c1f1; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop.flat:disabled:active, - headerbar.selection-mode button:backdrop.flat:disabled:checked, - headerbar.selection-mode button:backdrop:disabled:active, - headerbar.selection-mode button:backdrop:disabled:checked { - border-color: #3f92e7; - background-image: linear-gradient(to bottom, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, - headerbar.selection-mode button:backdrop.flat:disabled:active label, - headerbar.selection-mode button:backdrop.flat:disabled:checked label, - headerbar.selection-mode button:backdrop:disabled:active label, - headerbar.selection-mode button:backdrop:disabled:checked label { - color: #82b8ef; } - .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, - headerbar.selection-mode button.flat:backdrop, - headerbar.selection-mode button.flat:disabled, - headerbar.selection-mode 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; } - .selection-mode.titlebar:not(headerbar) button:disabled, - headerbar.selection-mode button:disabled { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, - headerbar.selection-mode button:disabled label, - headerbar.selection-mode button:disabled { - color: #abcff5; } - .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - headerbar.selection-mode button:disabled:active, - headerbar.selection-mode button:disabled:checked { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #3a8bde, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - headerbar.selection-mode button:disabled:active label, - headerbar.selection-mode button:disabled:active, - headerbar.selection-mode button:disabled:checked label, - headerbar.selection-mode button:disabled:checked { - color: #b2d3f5; } - .selection-mode.titlebar:not(headerbar) button.suggested-action, - headerbar.selection-mode button.suggested-action { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#dedede, 0.8); - border-right-color: shade(#dedede, 0.72); - border-left-color: shade(#dedede, 0.72); - border-bottom-color: shade(#dedede, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#dedede, 1.02), 1.05), shade(shade(#dedede, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, - headerbar.selection-mode button.suggested-action:hover { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#dedede, 1.15), shade(#dedede, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:active, - headerbar.selection-mode button.suggested-action:active { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#dedede, 0.85), 1.05), shade(shade(#dedede, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - headerbar.selection-mode button.suggested-action:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - headerbar.selection-mode button.suggested-action:disabled label, - headerbar.selection-mode button.suggested-action:disabled { - color: #858585; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - headerbar.selection-mode button.suggested-action:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #dedede); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - headerbar.selection-mode button.suggested-action:backdrop label, - headerbar.selection-mode button.suggested-action:backdrop { - color: #858585; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - headerbar.selection-mode button.suggested-action:backdrop:disabled label, - headerbar.selection-mode button.suggested-action:backdrop:disabled { - color: #a8a8a8; } - .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(57, 142, 231, 0); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 0)); - box-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: 4px; - min-height: 28px; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; } - -headerbar entry, -headerbar spinbutton, -headerbar separator, -headerbar button { - margin-top: 6px; - margin-bottom: 6px; } -headerbar switch { - margin-top: 9px; - margin-bottom: 9px; } - -.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { - border-top-left-radius: 7px; } -window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { - border-top-right-radius: 7px; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } -.titlebar:not(headerbar) > separator { - background-color: #828282; } - -/************ - * 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; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-left-color: #9c9c9c; - border-top-color: #dedede; } - * { - -GtkTreeView-horizontal-separator: 4; - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; } - treeview.view:selected:focus, treeview.view:selected { - border-radius: 0; } - treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: #9cc7f3; - border-top-color: rgba(60, 60, 60, 0.1); } - treeview.view:disabled { - color: #858585; } - treeview.view:disabled:selected { - color: #88bbf1; } - treeview.view:disabled:selected:backdrop { - color: #73aeec; } - treeview.view:disabled:backdrop { - color: #a8a8a8; } - treeview.view.separator { - min-height: 2px; - color: #dedede; } - treeview.view.separator:backdrop { - color: rgba(206, 206, 206, 0.1); } - treeview.view:backdrop { - border-left-color: #aaaaaa; - border-top: #dedede; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #0f4278; } - treeview.view:drop(active).after { - border-top-style: none; } - treeview.view:drop(active).before { - border-bottom-style: none; } - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #767676; } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: #2d2d2d; } - treeview.view.expander:selected { - color: #c4ddf8; } - treeview.view.expander:selected:hover { - color: #dedede; } - treeview.view.expander:selected:backdrop { - color: #bfd9f4; } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: #a8a8a8; } - treeview.view.progressbar { - color: #dedede; - border: 1px solid #0f4278; - border-radius: 4px; - background-color: #990000; - background-image: linear-gradient(to bottom, #990000, #1a74d3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - border-radius: 4px; - color: #990000; - box-shadow: none; - background-image: linear-gradient(to bottom, #dedede, #e3e3e3); } - treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - color: #990000; - border-color: #0f4278; - background-color: #f9f9f9; } - treeview.view.progressbar:backdrop { - color: #f9f9f9; - background-image: none; - box-shadow: none; } - treeview.view.trough { - background-color: rgba(60, 60, 60, 0.1); - border-radius: 4px; } - 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: #990000; } - treeview.view header button { - color: #9c9c9c; - background-color: #dedede; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: #6c6c6c; - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: #2d2d2d; - transition: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { - border-right-style: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view 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: 0 6px; - transition: none; - background-image: none; - background-color: #990000; - color: #dedede; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px #dedede; - text-shadow: none; } - treeview.view acceleditor > label { - background-color: #990000; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 0 6px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: #dedede; } - treeview.view header button:disabled { - border-color: #dedede; - background-image: none; } - treeview.view header button:backdrop { - border-color: #dedede; - border-style: none solid solid none; - color: #aaaaaa; - background-image: none; - background-color: #f9f9f9; } - treeview.view header button:backdrop:disabled { - border-color: #dedede; - background-image: none; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; } - menubar:backdrop, - .menubar:backdrop { - background-color: #dedede; } - menubar > menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 3px 8px; - border: 1px solid transparent; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - background-image: linear-gradient(to bottom, shade(#990000, 1.2), shade(#990000, 1)); - color: #dedede; - border-color: shade(#990000, 1.1); } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: #858585; - box-shadow: none; } - -menu, -.menu { - margin: 4px; - padding: 2px 0px; - background-color: #dedede; - border: 1px solid #828282; } - .csd menu, .csd - .menu { - border: none; } - menu:backdrop, - .menu:backdrop { - background-color: #f9f9f9; } - menu menuitem, - .menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px 6px; - text-shadow: none; } - menu menuitem:hover, - .menu menuitem:hover { - color: #dedede; - background-image: linear-gradient(to bottom, shade(#990000, 1.2), shade(#990000, 1)); - box-shadow: inset 1px 1px shade(#990000, 0.8), inset -1px -1px shade(#990000, 0.8); } - menu menuitem:disabled, - .menu menuitem:disabled { - color: #858585; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop { - color: #a8a8a8; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover { - color: #858585; - background-color: transparent; } - menu menuitem arrow, - .menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - 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) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - menu > 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: #dedede; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid #e9e9e9; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid #e9e9e9; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover { - background-color: #e9e9e9; } - menu > arrow:backdrop, - .menu > arrow:backdrop { - background-color: #f9f9f9; } - menu > arrow:disabled, - .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; } - -/*************** - * Popovers * - ***************/ -popover.background { - padding: 2px; - border-radius: 5px; - background-color: #dedede; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd popover.background, popover.background { - border: 1px solid #828282; } - popover.background:backdrop { - background-color: #dedede; - box-shadow: none; } - popover.background > list, - popover.background > .view, - popover.background > iconview, - 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 { - margin: 3px; } - popover.background list separator { - margin: 0px; } - -/************* - * Notebooks * - *************/ -notebook.frame { - border-style: none; } -notebook > header { - padding: 1px; - background-color: #dedede; } - notebook > header:backdrop { - border-color: #8a8a8a; - background-color: #dedede; } - notebook > header tabs { - margin: -1px; } - notebook > header.top > stack { - border-top-style: none; } - notebook > header.top > tabs { - margin-bottom: -2px; } - notebook > header.top > tabs > tab { - border-radius: 3px 3px 0 0; - border: 1px solid shade(#dedede, 0.9); } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - border-width: 1px 1px 0 1px; } - notebook > header.bottom > stack { - border-bottom-style: none; } - notebook > header.bottom > tabs { - margin-top: -2px; } - notebook > header.bottom > tabs > tab { - border-radius: 0 0 3px 3px; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - border-width: 0 1px 1px 1px; } - notebook > header.left > stack { - border-left-style: none; } - notebook > header.left > tabs { - margin-right: -2px; } - notebook > header.left > tabs > tab { - border-radius: 3px 0 0 3px; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - border-width: 1px 0 1px 1px; } - notebook > header.right > stack { - border-right-style: none; } - notebook > header.right > tabs { - margin-left: -2px; } - notebook > header.right > tabs > tab { - border-radius: 0 3px 3px 0; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - border-width: 1px 1px 1px 0; } - 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: 24px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #858585; - background-color: #dedede; - border-width: 1px; - border-radius: 3px; - border-color: shade(#dedede, 0.9); - border-style: solid; } - notebook > header tab:hover { - color: #616161; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(130, 130, 130, 0.3); - background-color: rgba(206, 206, 206, 0.2); } - notebook > header tab:backdrop { - color: #a2a2a2; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #2d2d2d; - background-color: shade(#dedede, 1.05); - border-width: 1px 1px 0 1px; } - notebook > header tab:checked:backdrop { - background-color: #dedede; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(130, 130, 130, 0.5); - background-color: shade(#dedede, 1.05); } - notebook > header tab:backdrop:checked { - color: #858585; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #8a8a8a; - background-color: #dedede; } - 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: 0; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 2px; - margin-right: 2px; } - notebook > header.top tabs:first-child, notebook > header.bottom tabs:first-child { - margin-left: -3px; } - notebook > header.top tabs:last-child, notebook > header.bottom tabs:last-child { - margin-right: -3px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 2px; - margin-right: 2px; } - notebook > header.left tabs, notebook > header.right tabs { - padding: 0; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 2px; - margin-bottom: 2px; } - notebook > header.left tabs:first-child, notebook > header.right tabs:first-child { - margin-top: -3px; } - notebook > header.left tabs:last-child, notebook > header.right tabs:last-child { - margin-bottom: -3px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 2px; - margin-bottom: 2px; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } -notebook > stack:not(:only-child) { - background-color: shade(#dedede, 1.05); - border: 1px solid shade(#dedede, 0.9); } - notebook > stack:not(:only-child):backdrop { - background-color: #dedede; } - -/************** - * Scrollbars * - **************/ -scrollbar { - background-image: linear-gradient(to right, #e8e8e8, white); - 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 #dbdbdb; } - scrollbar.bottom { - border-top: 1px solid #dbdbdb; } - scrollbar.left { - border-right: 1px solid #dbdbdb; } - scrollbar.right { - border-left: 1px solid #dbdbdb; } - scrollbar:backdrop { - background-color: #c6c6c6; - border-color: #dbdbdb; - transition: 200ms ease-out; } - scrollbar slider { - min-width: 7px; - min-height: 7px; - margin: 3px; - border: 1px solid #828282; - border-radius: 10px; - background-clip: padding-box; - background-image: linear-gradient(to right, #dbdbdb, #d1d1d1); } - scrollbar slider:hover { - background-image: linear-gradient(to right, #c1c1c1, #cbcbcb); } - scrollbar slider:hover:active { - background-color: #1a74d3; } - scrollbar slider:backdrop { - background-color: white; } - scrollbar slider:disabled { - background-color: transparent; } - scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; } - 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; - min-width: 6px; - min-height: 6px; - background-color: shade(#2d2d2d, 0.9); - background-image: none; - border: 1px solid white; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: shade(#2d2d2d, 0.9); - background-image: none; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid white; - -gtk-icon-source: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.vertical slider { - min-height: 40px; } - 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: #dedede; } - 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: #595959; } - 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: #1a74d3; } - 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(206, 206, 206, 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; - -gtk-icon-shadow: none; - color: white; } - 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(255, 255, 255, 0.2); } - scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #828282; - margin-top: -1px; } - -/********** - * Switch * - **********/ -switch { - font-weight: bold; - font-size: smaller; - outline-offset: -4px; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; - border: 1px solid #828282; - border-radius: 3px; - color: #2d2d2d; - background-image: linear-gradient(to bottom, #b0b0b0); - text-shadow: 0 1px rgba(0, 0, 0, 0.1); } - switch:checked { - color: white; - border-color: #0f4278; - background-color: #990000; - background-image: none; - box-shadow: 0 1px transparent; - text-shadow: 0 1px rgba(15, 66, 120, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } - switch:disabled { - color: #858585; - border-color: #828282; - background-image: none; - background-color: #e0e0e0; - box-shadow: 0 1px transparent; - text-shadow: none; } - switch:backdrop { - color: #858585; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #b6b6b6); - box-shadow: none; - text-shadow: none; - transition: 200ms ease-out; } - switch:backdrop:checked { - color: #dedede; - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - box-shadow: none; } - switch:disabled { - color: #a8a8a8; - border-color: #8a8a8a; - background-image: none; - background-color: #e0e0e0; } - switch slider { - margin: -1px; - min-width: 44px; - min-height: 26px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #dbdbdb 20%, #dedede 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #afafaf, 0 1px rgba(0, 0, 0, 0.1); } - switch:hover slider { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #e5e5e5 10%, #d8d8d8 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #dbdbdb, inset 0 -1px #b5b5b5, 0 1px rgba(0, 0, 0, 0.1); } - switch:checked slider { - border: 1px solid #0f4278; } - switch:disabled slider { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:disabled slider label, switch:disabled slider { - color: #858585; } - switch:backdrop slider { - transition: 200ms ease-out; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #dedede); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop slider label, switch:backdrop slider { - color: #858585; } - switch:backdrop:checked slider { - border-color: #990000; } - switch:backdrop:disabled slider { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop:disabled slider label, switch:backdrop:disabled slider { - color: #a8a8a8; } - row:selected switch { - box-shadow: none; - border-color: #0f4278; } - row:selected switch:backdrop { - border-color: #0f4278; } - row:selected switch.slider:dir(rtl) { - border-left-color: #828282; } - row:selected switch.slider:dir(ltr) { - border-right-color: #828282; } - row:selected switch.slider:checked, row:selected switch.slider { - border-color: #0f4278; } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), iconview.content-view.check:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); - background-color: transparent; } - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check, -radio { - margin: 0 4px; - min-height: 14px; - min-width: 14px; - border: 1px solid; - -gtk-icon-source: none; - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #dbdbdb 20%, #dedede 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #afafaf, 0 1px rgba(0, 0, 0, 0.1); } - check:only-child, - radio:only-child { - margin: 0; } - check:hover, - radio:hover { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #e5e5e5 10%, #d8d8d8 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #dbdbdb, inset 0 -1px #b5b5b5, 0 1px rgba(0, 0, 0, 0.1); } - check:active, - radio:active { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#dedede, 0.85), 1.05), shade(shade(#dedede, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - check:disabled, - radio:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - check:disabled label, check:disabled, - radio:disabled label, - radio:disabled { - color: #858585; } - check:backdrop, - radio:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #dedede); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - check:backdrop label, check:backdrop, - radio:backdrop label, - radio:backdrop { - color: #858585; } - check:backdrop:disabled, - radio:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - check:backdrop:disabled label, check:backdrop:disabled, - radio:backdrop:disabled label, - radio:backdrop:disabled { - color: #a8a8a8; } - row:selected check, row:selected - radio { - border-color: #0f4278; } - .osd check, .osd - radio { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - .osd check:hover, .osd - radio:hover { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - .osd check:active, .osd - radio: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(238, 238, 238, 0.3); } - .osd check:backdrop, .osd - radio:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd check:disabled, .osd - radio:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem - radio { - margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem - radio, menu menuitem - radio:hover, menu menuitem - radio:disabled { - min-height: 14px; - min-width: 14px; - background-image: none; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - color: inherit; - border-color: currentColor; - animation: none; } - -check { - border-radius: 3px; } - check:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } - check:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -treeview.view radio:selected:focus, treeview.view radio:selected, -radio { - border-radius: 100%; } - treeview.view radio:checked:selected, - radio:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } - treeview.view radio:indeterminate:selected, - radio:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -@keyframes check_check { - from { - -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - to { - -gtk-icon-transform: unset; } } -@keyframes check_radio { - from { - -gtk-icon-transform: scale(0); } - to { - -gtk-icon-transform: unset; } } -@keyframes check_indeterminate { - from { - -gtk-icon-transform: scale(0, 1); } - to { - -gtk-icon-transform: unset; } } -check:not(:indeterminate):checked { - animation: check_check 400ms; } - -radio:not(:indeterminate):checked { - animation: check_radio 400ms; } - -check:indeterminate:checked, radio:indeterminate:checked { - animation: check_indeterminate 400ms; } - -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: #2d2d2d; - border-color: #0f4278; } -treeview.view check:selected:disabled, -treeview.view radio:selected:disabled { - color: #858585; } - treeview.view check:selected:disabled:backdrop, - treeview.view radio:selected:disabled:backdrop { - color: #a8a8a8; } -treeview.view check:backdrop:selected, treeview.view check:backdrop, -treeview.view radio:backdrop:selected, -treeview.view radio:backdrop { - color: #858585; } - -/************ - * GtkScale * - ************/ -scale trough, scale fill, progressbar trough { - border: 1px solid #828282; - border-radius: 3px; - background-color: #b3b3b3; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } - scale trough:disabled, scale fill:disabled, progressbar trough:disabled { - background-color: #e0e0e0; - box-shadow: none; } - scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #b6b6b6; - border-color: #8a8a8a; - box-shadow: none; - transition: 200ms ease-out; } - scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { - background-color: #e0e0e0; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { - box-shadow: none; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled { - border-color: #0f4278; } - .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { - border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(0, 0, 0, 0.5); - box-shadow: none; - outline-color: rgba(238, 238, 238, 0.2); } - .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { - background-color: rgba(117, 117, 117, 0.5); } - -scale highlight, progressbar progress { - border: 1px solid shade(#990000, 0.7); - border-radius: 3px; - background-image: linear-gradient(to bottom, shade(#990000, 1.1), shade(#990000, 0.9)); } - scale highlight:disabled, progressbar progress:disabled { - background-color: transparent; - border-color: transparent; } - scale highlight:backdrop, progressbar progress:backdrop, progressbar:backdrop progress { - border-color: #990000; } - scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled { - background-color: transparent; - border-color: transparent; } - row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { - border-color: #0f4278; } - .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { - border-color: rgba(0, 0, 0, 0.7); } - .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { - border-color: transparent; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; } - scale fill, - scale highlight { - margin: -2px; } - scale slider { - min-height: 13px; - min-width: 13px; - margin: -7px; } - 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 { - margin: -6px; } - scale.fine-tune fill, - scale.fine-tune highlight, - scale.fine-tune trough { - border-radius: 5px; - -gtk-outline-radius: 7px; } - scale trough { - padding: 1px; - outline-offset: 2px; - -gtk-outline-radius: 5px; } - scale fill, scale fill:backdrop { - background-color: #828282; - box-shadow: none; } - scale fill:disabled, scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .osd scale fill { - background-color: rgba(91, 91, 91, 0.775); } - .osd scale fill:disabled, .osd scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - scale slider { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#dedede, 0.8); - border-right-color: shade(#dedede, 0.72); - border-left-color: shade(#dedede, 0.72); - border-bottom-color: shade(#dedede, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#dedede, 1.02), 1.05), shade(shade(#dedede, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - background-image: linear-gradient(to bottom, shade(#dedede, 1.45), shade(#dedede, 1.15)); - border: 1px solid #7a7a7a; - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - scale slider:hover { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #e5e5e5 10%, #d8d8d8 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #dbdbdb, inset 0 -1px #b5b5b5, 0 1px rgba(0, 0, 0, 0.1); } - scale slider:active { - border-color: #0f4278; } - scale slider:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:disabled label, scale slider:disabled { - color: #858585; } - scale slider:backdrop { - transition: 200ms ease-out; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #dedede); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop label, scale slider:backdrop { - color: #858585; } - scale slider:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop:disabled label, scale slider:backdrop:disabled { - color: #a8a8a8; } - row:selected scale slider, row:selected scale slider:disabled { - border-color: #0f4278; } - .osd scale slider { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); - border-color: rgba(0, 0, 0, 0.7); - background-color: #dedede; } - .osd scale slider:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 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(238, 238, 238, 0.3); } - .osd scale slider:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd scale slider:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - scale value { - color: alpha(currentColor,0.6); } - scale marks { - color: alpha(currentColor,0.4); } - scale.color { - min-height: 0; - min-width: 0; } - scale.color trough { - background-image: linear-gradient(to top, #828282); - background-repeat: no-repeat; } - scale.color.horizontal { - padding: 0 0 15px 0; } - 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:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - 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 { - margin-left: -15px; - margin-right: 6px; } - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - 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 { - margin-right: -15px; - margin-left: 6px; } - scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { - padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { - padding-bottom: 7px; - background-position: 0 -6px; } - scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) 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 { - padding-left: 7px; - background-position: 6px 0; } - 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 { - padding-right: 7px; - background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: rgba(60, 60, 60, 0.4); } - progressbar.horizontal trough { - min-height: 6px; } - progressbar.horizontal progress { - min-height: 8px; } - progressbar.vertical trough { - min-width: 6px; } - progressbar.vertical progress { - min-width: 8px; } - progressbar.horizontal progress, progressbar.vertical progress { - margin: 0; } - progressbar:backdrop { - box-shadow: none; - transition: 200ms ease-out; } - progressbar progress { - border-width: 0; - box-shadow: inset 1px 1px shade(#990000, 0.7), inset -1px -1px shade(#990000, 0.7); - border-radius: 3px; } - progressbar progress.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - progressbar progress.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - progressbar progress.top { - border-top-right-radius: 3px; - border-top-left-radius: 3px; } - progressbar progress.bottom { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; } - progressbar:backdrop progress { - box-shadow: none; } - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - progressbar.osd progress { - border-style: none; - border-radius: 0; } - -/************* - * Level Bar * - *************/ -levelbar block { - min-width: 32px; - min-height: 1px; } -levelbar.vertical block { - min-width: 1px; - min-height: 32px; } -levelbar:backdrop { - transition: 200ms ease-out; } -levelbar trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - color: #2d2d2d; - border-color: #828282; - background-image: linear-gradient(to bottom, #c5c5c5, #f8f8f8 2px, #dedede 90%); - box-shadow: inset 0 0 0 1px rgba(57, 142, 231, 0); } - levelbar trough:backdrop { - color: #4c4c4c; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #f9f9f9); - box-shadow: none; } -levelbar.horizontal.discrete block { - margin: 0 1px; } -levelbar.vertical.discrete block { - margin: 1px 0; } -levelbar block { - border: 1px solid; - border-radius: 1px; - box-shadow: 0 1px rgba(0, 0, 0, 0.2); } - levelbar block:backdrop { - box-shadow: none; } - levelbar block.low { - border-color: #8f4700; - background-color: #f57900; } - levelbar block.low:backdrop { - border-color: #f57900; } - levelbar block.high, levelbar block:not(.empty) { - border-color: #145ba6; - background-color: #990000; } - levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { - border-color: #990000; } - levelbar block.full { - border-color: #1c3802; - background-color: #4e9a06; } - levelbar block.full:backdrop { - border-color: #4e9a06; } - levelbar block.empty { - background-color: transparent; - border-color: rgba(60, 60, 60, 0.2); - box-shadow: none; } - levelbar block.empty:backdrop { - border-color: rgba(133, 133, 133, 0.15); } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #2d2d2d; - border: 1px solid #828282; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #858585; - border-color: #8a8a8a; } -printdialog .dialog-action-box { - margin: 12px; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #828282; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #8a8a8a; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #828282; } - actionbar > revealer > box:backdrop { - border-color: #8a8a8a; } - -scrolledwindow viewport.frame { - border-style: none; } -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#dedede), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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(#dedede), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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(#dedede), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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(#dedede), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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, #828282 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #b1b1b1; } - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #8a8a8a 1px, transparent 1px); - background-color: #c6c6c6; - transition: 200ms ease-out; } - -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/********* - * Lists * - *********/ -list { - color: #2d2d2d; - background-color: #dedede; - border-color: #828282; } - list:backdrop { - background-color: #f9f9f9; - border-color: #8a8a8a; } - list row { - padding: 2px; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(60, 60, 60, 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: #3986d6; } - row.activatable:selected:backdrop { - background-color: #990000; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: rgba(104, 104, 104, 0.2); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); - 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; } - -/************* - * 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: #898989; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ - * Calendar * - ***********/ -calendar { - color: #2d2d2d; - border: 1px solid #828282; } - 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(60, 60, 60, 0.45); } - calendar.button:hover { - color: #2d2d2d; } - calendar.button:backdrop { - color: rgba(133, 133, 133, 0.45); } - calendar.button:disabled { - color: rgba(133, 133, 133, 0.45); } - calendar:indeterminate, calendar:indeterminate:backdrop { - color: alpha(currentColor,0.55); } - calendar.highlight, calendar.highlight:backdrop { - font-size: smaller; - color: #2d2d2d; } - calendar:backdrop { - color: #4c4c4c; - border-color: #8a8a8a; } - -/*********** - * Dialogs * - ***********/ -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #dedede; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; } -messagedialog.csd.background { - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; } -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 { - border-left-style: none; - border-bottom-left-radius: 7px; - -gtk-outline-bottom-left-radius: 5px; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 7px; - -gtk-outline-bottom-right-radius: 5px; } - -filechooser .dialog-action-box { - border-top: 1px solid #828282; } - filechooser .dialog-action-box:backdrop { - border-top-color: #8a8a8a; } -filechooser #pathbarbox { - border-bottom: 1px solid #dedede; } - filechooser #pathbarbox stack { - background-color: #dedede; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #dae0e6; - -gtk-icon-style: regular; } - .sidebar row:selected { - background-image: linear-gradient(to bottom, shade(#dae0e6, 0.87), shade(#dae0e6, 0.95) 10%, shade(#dae0e6, 0.99) 92%, shade(#dae0e6, 0.92)); - box-shadow: 0 -1px shade(#dedede, 0.85), 0 1px shade(#dedede, 1.12); } - .sidebar row:selected label { - color: #2d2d2d; } - .sidebar row:selected label:backdrop { - color: #858585; } - .sidebar row:backdrop { - background-color: transparent; } - 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 #828282; - 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 #828282; - border-right-style: none; } - .sidebar:backdrop { - background-color: #e4e4e4; - border-color: #8a8a8a; - transition: 200ms ease-out; } - .sidebar list, .sidebar treeview { - background-color: transparent; } - .sidebar list:backdrop, .sidebar treeview:backdrop { - background-color: transparent; } - 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 row { - padding: 10px 4px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -/**************** - * File chooser * - ****************/ -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 24px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #2d2d2d; } - placessidebar row:disabled { - color: #858585; } - placessidebar row:backdrop { - color: #858585; - background-color: #dedede; } - placessidebar row:backdrop:selected { - color: #858585; } - placessidebar row:backdrop:disabled { - color: #a8a8a8; } - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - 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: #990000; } - 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: #dedede; - background-image: linear-gradient(to bottom, #9dc8f2, #c1dcf7 10%, #d3e6f9 92%, #b4d5f5); } - -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; } - -/********* - * Paned * - *********/ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(#828282); - background-size: 1px 1px; } - paned > separator:selected { - background-image: image(#990000); } - paned > separator:backdrop { - background-image: image(#8a8a8a); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #dedede; - background-image: image(#828282), image(#828282); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: #dedede; - background-image: image(#8a8a8a), image(#8a8a8a); } -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; } - -/************** - * GtkInfoBar * - **************/ -infobar { - border-style: none; } - -.info, -.question, -.warning, -.error { - text-shadow: 0 1px #1a74d3; } - .info:backdrop, .info, - .question:backdrop, - .question, - .warning:backdrop, - .warning, - .error:backdrop, - .error { - background-color: #990000; - border-color: #1a74d3; } - .info:backdrop label, .info:backdrop, .info label, .info, - .question:backdrop label, - .question:backdrop, - .question label, - .question, - .warning:backdrop label, - .warning:backdrop, - .warning label, - .warning, - .error:backdrop label, - .error:backdrop, - .error label, - .error { - color: #dedede; } - .info:backdrop, - .question:backdrop, - .warning:backdrop, - .error:backdrop { - text-shadow: none; } - .info button, - .question button, - .warning button, - .error button { - color: #dedede; - outline-color: rgba(255, 255, 255, 0.3); - border-top-color: shade(#dedede, 0.8); - border-right-color: shade(#dedede, 0.72); - border-left-color: shade(#dedede, 0.72); - border-bottom-color: shade(#dedede, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#990000, 1.02), 1.05), shade(shade(#990000, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .info button:hover, - .question button:hover, - .warning button:hover, - .error button:hover { - color: #dedede; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(#990000, 1.15), shade(#990000, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .info button:active, .info button:checked, - .question button:active, - .question button:checked, - .warning button:active, - .warning button:checked, - .error button:active, - .error button:checked { - color: #dedede; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(shade(#990000, 0.85), 1.05), shade(shade(#990000, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .info button:disabled, - .question button:disabled, - .warning button:disabled, - .error button:disabled { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .info button:disabled label, .info button:disabled, - .question button:disabled label, - .question button:disabled, - .warning button:disabled label, - .warning button:disabled, - .error button:disabled label, - .error button:disabled { - color: #abcff5; } - .info button:backdrop, - .question button:backdrop, - .warning button:backdrop, - .error button:backdrop { - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #114f8f; } - .info button:backdrop label, .info button:backdrop, - .question button:backdrop label, - .question button:backdrop, - .warning button:backdrop label, - .warning button:backdrop, - .error button:backdrop label, - .error button:backdrop { - color: #d7e8fa; } - .info button:backdrop:disabled, - .question button:backdrop:disabled, - .warning button:backdrop:disabled, - .error button:backdrop:disabled { - border-color: #569fea; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #114f8f; } - .info button:backdrop:disabled label, .info button:backdrop:disabled, - .question button:backdrop:disabled label, - .question button:backdrop:disabled, - .warning button:backdrop:disabled label, - .warning button:backdrop:disabled, - .error button:backdrop:disabled label, - .error button:backdrop:disabled { - color: #91c1f1; } - .info label:selected:focus, .info label:selected:hover, .info label:selected, - .question label:selected:focus, - .question label:selected:hover, - .question label:selected, - .warning label:selected:focus, - .warning label:selected:hover, - .warning label:selected, - .error label:selected:focus, - .error label:selected:hover, - .error label:selected { - background-color: #1a74d3; } - -/************* - * Buttonbox * - *************/ -buttonbox { - padding: 6px; } - -/************ - * Tooltips * - ************/ -tooltip { - padding: 1px; - /* not working */ - border-radius: 5px; - box-shadow: none; - text-shadow: 0 1px black; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: 1px solid rgba(255, 255, 255, 0.1); } - tooltip decoration { - background-color: transparent; } - tooltip * { - padding: 1px; - background-color: transparent; - color: white; } - -/***************** - * 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: #dedede; } - colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.8); } - colorswatch.dark overlay:backdrop { - color: #f9f9f9; } -colorswatch.light overlay { - color: #2d2d2d; } - colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.5); } - colorswatch.light overlay:backdrop { - color: #4c4c4c; } -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: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#dedede, 0.8); - border-right-color: shade(#dedede, 0.72); - border-left-color: shade(#dedede, 0.72); - border-bottom-color: shade(#dedede, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#dedede, 1.02), 1.05), shade(shade(#dedede, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - colorswatch#add-color-button overlay:hover { - color: #2d2d2d; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#dedede, 1.15), shade(#dedede, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - colorswatch#add-color-button overlay:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #dedede); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { - color: #858585; } -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 #dedede; } -colorswatch#editor-color-sample { - border-radius: 4px; } - colorswatch#editor-color-sample overlay { - border-radius: 4.5px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #bcbcbc; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #bcbcbc; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } -.scale-popup button:hover { - background-color: rgba(60, 60, 60, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 7px 7px 0 0; - border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); - margin: 10px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); - transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration, .tiled decoration { - border-radius: 0; } - .popup decoration { - box-shadow: none; } - .ssd decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } - .csd.popup decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - tooltip.csd decoration { - border-radius: 5px; - box-shadow: none; } - messagedialog.csd decoration { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - .solid-csd decoration { - border-radius: 0; - margin: 4px; - background-color: #dedede; - border: solid 1px #8a8a8a; - box-shadow: none; } - -button.titlebutton { - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.54824); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54824); } - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, -.view text:selected:focus, -iconview text:selected:focus, -textview text:selected:focus, -.view text:selected, -iconview text:selected, -textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, -textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, -entry selection:focus, -entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - background-color: #990000; } - row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, - textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, - entry selection:focus, - entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - color: #dedede; - outline-color: rgba(255, 255, 255, 0.3); } - row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, - iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, - .view text:disabled:selected, - iconview text:disabled:selected, - textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, - textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, - entry selection:disabled, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { - color: #9cc7f3; } - row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, - iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - .view text:backdrop:selected, - iconview text:backdrop:selected, - textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, - textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop, - entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { - color: #f9f9f9; } - row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, - .view text:backdrop:disabled:selected, - iconview text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, - textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, - entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { - color: #73aeec; } - -.monospace { - font: Monospace; } - -/********************** - * 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 { - border-radius: 20px; - -gtk-outline-radius: 20px; } - 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: #2d2d2d; - background-color: #dedede; - border: 1px solid; - border-color: #a8a8a8; - border-radius: 5px; - box-shadow: inset 0 -3px #d7d7d7; - font-size: smaller; } - .keycap:backdrop { - background-color: #f9f9f9; - color: #858585; - transition: 200ms ease-out; } - -*:drop(active):focus, -*:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #2d2d2d; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #2d2d2d; -/* -widget base background color */ -@define-color theme_bg_color #dedede; -/* -text widgets and the like base background color */ -@define-color theme_base_color #dedede; -/* -base background color of selections */ -@define-color theme_selected_bg_color #990000; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #dedede; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #e0e0e0; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #858585; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #dedede; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #858585; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #2d2d2d; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #dedede; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #f9f9f9; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #990000; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #dedede; -/* -widgets main borders color */ -@define-color borders #828282; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #8a8a8a; -/* -these are pretty self explicative */ -@define-color warning_color #f57900; -@define-color error_color #cc0000; -@define-color success_color #4e9a06; -/* -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(#2d2d2d, 1.8); -@define-color wm_unfocused_title #858585; -@define-color wm_highlight rgba(255, 255, 255, 0.8); -@define-color wm_borders_edge rgba(255, 255, 255, 0.8); -@define-color wm_bg_a shade(#dedede, 1.2); -@define-color wm_bg_b #dedede; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#dedede, 1.3); -@define-color wm_button_hover_color_b #dedede; -@define-color wm_button_active_color_a shade(#dedede, 0.85); -@define-color wm_button_active_color_b shade(#dedede, 0.89); -@define-color wm_button_active_color_c shade(#dedede, 0.9); -@define-color content_view_bg #dedede; -.XfceHeading { - margin: 0; - padding: 0; - border-width: 0; - background-image: none; - background-color: shade(#dedede, 1.18); - color: #2d2d2d; - text-shadow: 0px 1px rgba(0, 0, 0, 0.1); } - -.xfce4-panel { - background-color: shade(#dedede, 0.35); - color: #dedede; - font: normal; } - .xfce4-panel button { - background-image: none; - background-color: transparent; - border-radius: 0; - border-color: transparent; - box-shadow: none; - padding: 0 1px; - color: #dedede; - text-shadow: 0px 1px rgba(0, 0, 0, 0.1); } - .xfce4-panel button:active, .xfce4-panel button:checked { - background-image: none; - background-color: shade(#dedede, 0.7); - border-color: shade(#dedede, 0.6); - color: #dedede; - transition: none; } - .xfce4-panel button:hover, .xfce4-panel button:active:hover, .xfce4-panel button:checked:hover { - border-color: shade(#990000, 0.6); - background-image: linear-gradient(to bottom, shade(#990000, 0.88), shade(#990000, 0.85)); - color: #dedede; - box-shadow: inset 0 -1px alpha(white,0), inset 1px 0 alpha(white,0.15), inset -1px 0 alpha(white,0.15), inset 0 1px alpha(white,0.15); - transition: none; } - .xfce4-panel menu { - -gtk-icon-effect: none; - text-shadow: none; } - -#XfceNotifyWindow { - background-color: shade(#dedede, 0.3); - color: #dedede; - border-color: shade(#dedede, 0.6); } - #XfceNotifyWindow button { - border-color: shade(#dedede, 0.35); - border-radius: 3px; } - #XfceNotifyWindow label#summary { - font-weight: bold; } - #XfceNotifyWindow progressbar { - min-height: 6px; - border-radius: 3px; } - #XfceNotifyWindow progressbar progress { - background-image: none; - background-color: #dedede; } - #XfceNotifyWindow progressbar trough { - background-image: linear-gradient(to bottom, shade(#dedede, 0.65), shade(#dedede, 1.25)); - border: 1px solid shade(#dedede, 0.2); - border-radius: 3px; } - -.lightdm-gtk-greeter { - /********* - * panel * - *********/ - /**************** - * login window * - ****************/ } - .lightdm-gtk-greeter #panel_window { - background-color: shade(#dedede, 0.35); - color: #dedede; - font-weight: bold; - text-shadow: 0 1px transparentize black, 0.5; - -gtk-icon-shadow: 0 1px transparentize black, 0.5; - box-shadow: inset 0 -1px transparentize black, 0.5; } - .lightdm-gtk-greeter #panel_window menubar { - background-color: shade(#dedede, 0.35); - text-shadow: 0 1px transparentize black, 0.5; - -gtk-icon-shadow: 0 1px transparentize black, 0.5; } - .lightdm-gtk-greeter #panel_window menubar menu menuitem { - font-weight: normal; - text-shadow: none; } - .lightdm-gtk-greeter #login_window, - .lightdm-gtk-greeter #shutdown_dialog, - .lightdm-gtk-greeter #restart_dialog { - border-style: none; - border-radius: 5px; - background-color: #dedede; - color: #2d2d2d; - box-shadow: inset 1px 0 shade(#dedede, 0.6), inset -1px 0 shade(#dedede, 0.6), inset 0 1px shade(#dedede, 0.6), inset 0 -1px shade(#dedede, 0.6); } - .lightdm-gtk-greeter #login_window button, - .lightdm-gtk-greeter #shutdown_dialog button, - .lightdm-gtk-greeter #restart_dialog button { - padding: 3px 15px; - /*********************** - * login/unlock button * - ***********************/ - /******************* - * shutdown button * - *******************/ - /****************** - * restart button * - ******************/ } - .lightdm-gtk-greeter #login_window button#login_button, - .lightdm-gtk-greeter #shutdown_dialog button#login_button, - .lightdm-gtk-greeter #restart_dialog button#login_button { - border-color: shade(#990000, 0.8); - background-image: linear-gradient(to bottom, shade(#990000, 1.02), shade(#990000, 0.95) 90%, shade(#990000, 0.9)); - color: #dedede; } - .lightdm-gtk-greeter #login_window button#login_button:hover, .lightdm-gtk-greeter #login_window button#login_button:active, - .lightdm-gtk-greeter #shutdown_dialog button#login_button:hover, - .lightdm-gtk-greeter #shutdown_dialog button#login_button:active, - .lightdm-gtk-greeter #restart_dialog button#login_button:hover, - .lightdm-gtk-greeter #restart_dialog button#login_button:active { - border-color: shade(#990000, 0.7); - background-image: linear-gradient(to bottom, shade(#990000, 1.12), shade(#990000, 1.05) 90%, shade(#990000, 1)); } - .lightdm-gtk-greeter #login_window button#shutdown_button, - .lightdm-gtk-greeter #shutdown_dialog button#shutdown_button, - .lightdm-gtk-greeter #restart_dialog button#shutdown_button { - border-color: shade(#cc0000, 0.8); - background-image: linear-gradient(to bottom, shade(#cc0000, 1.02), shade(#cc0000, 0.95) 90%, shade(#cc0000, 0.9)); - color: #dedede; } - .lightdm-gtk-greeter #login_window button#shutdown_button:hover, .lightdm-gtk-greeter #login_window button#shutdown_button:active, - .lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:hover, - .lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:active, - .lightdm-gtk-greeter #restart_dialog button#shutdown_button:hover, - .lightdm-gtk-greeter #restart_dialog button#shutdown_button:active { - border-color: shade(#cc0000, 0.7); - background-image: linear-gradient(to bottom, shade(#cc0000, 1.12), shade(#cc0000, 1.05) 90%, shade(#cc0000, 1)); } - .lightdm-gtk-greeter #login_window button#restart_button, - .lightdm-gtk-greeter #shutdown_dialog button#restart_button, - .lightdm-gtk-greeter #restart_dialog button#restart_button { - border-color: shade(#f57900, 0.8); - background-image: linear-gradient(to bottom, shade(#f57900, 1.02), shade(#f57900, 0.95) 90%, shade(#f57900, 0.9)); - color: #dedede; } - .lightdm-gtk-greeter #login_window button#restart_button:hover, .lightdm-gtk-greeter #login_window button#restart_button:active, - .lightdm-gtk-greeter #shutdown_dialog button#restart_button:hover, - .lightdm-gtk-greeter #shutdown_dialog button#restart_button:active, - .lightdm-gtk-greeter #restart_dialog button#restart_button:hover, - .lightdm-gtk-greeter #restart_dialog button#restart_button:active { - border-color: shade(#f57900, 0.7); - background-image: linear-gradient(to bottom, shade(#f57900, 1.12), shade(#f57900, 1.05) 90%, shade(#f57900, 1)); } - .lightdm-gtk-greeter #content_frame { - padding-bottom: 14px; } - .lightdm-gtk-greeter #login_window menu { - border-radius: 1px; } - .lightdm-gtk-greeter #login_window combobox button.combo { - color: #2d2d2d; - padding: 0; - background: none; - border-style: none; - box-shadow: none; } - .lightdm-gtk-greeter #login_window #user_combobox { - color: #2d2d2d; - font: 18px; } - .lightdm-gtk-greeter #login_window #user_combobox menu { - font: normal; } - .lightdm-gtk-greeter #login_window #user_image { - padding: 3px; - border-radius: 3px; - box-shadow: inset 1px 0 shade(#dedede, 0.75), inset -1px 0 shade(#dedede, 0.75), inset 0 1px shade(#dedede, 0.55), inset 0 -1px shade(#dedede, 0.85); } - .lightdm-gtk-greeter #login_window #user_image_border { - border-radius: 3px; - background-image: linear-gradient(to bottom, shade(#dedede, 0.9), shade(#dedede, 0.98) 10%, shade(#dedede, 1) 99%, shade(#dedede, 1)); - box-shadow: inset 0 1px shade(#dedede, 0.8), inset 0 -1px shade(#dedede, 0.55); } - .lightdm-gtk-greeter #buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - background-image: linear-gradient(to bottom, shade(#dedede, 0.85), shade(#dedede, 0.98) 10%, shade(#dedede, 1) 99%, shade(#dedede, 1)); - box-shadow: inset 1px 0 shade(#dedede, 0.6), inset -1px 0 shade(#dedede, 0.6), inset 0 1px shade(#dedede, 0.6), inset 0 -1px shade(#dedede, 0.6); } - -/************************ - * NAUTILUS (aka Files) * - ************************/ -.nautilus-window { - background-color: #dedede; } - .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #dedede; } - -/* Floating status bar */ -.floating-bar { - background-color: #dedede; - border-style: solid; - border-color: #828282; } - .floating-bar.left { - border-radius: 0 3px 0 0; - border-width: 1px 1px 0 0; } - .floating-bar.right { - border-radius: 3px 0 0 0; - border-width: 1px 0 0 1px; } - .floating-bar:backdrop { - background-color: #dedede; - border-color: #8a8a8a; } - .floating-bar button { - padding: 0px; } - -/* Searchbar */ -.search-bar { - box-shadow: none; } - -/* View */ -.nautilus-list-view .view, .nautilus-list-view iconview { - border-bottom: 1px solid #dedede; - /* Hide superfluous treeview drop target indication */ } - .nautilus-list-view .view.dnd, .nautilus-list-view iconview.dnd { - border-style: none; } - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); - -UnityDecoration-active-shadow-radius: 8px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); - -UnityDecoration-inactive-shadow-radius: 5px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #990000; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration .top { - border: 1px solid shade(#dedede, 0.7); - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 8px 0 8px; - background-image: linear-gradient(to bottom, shade(#dedede, 1.07), #dedede); - color: #2d2d2d; - text-shadow: 0 1px shade(#dedede, 1.2); } - UnityDecoration .top:backdrop { - border: 1px solid shade(#dedede, 0.8); - border-bottom-width: 0; - background-image: linear-gradient(to bottom, shade(#dedede, 1.02), #dedede); - color: #2d2d2d; - text-shadow: 0 1px shade(#dedede, 1.1); } - UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom { - background-color: shade(#dedede, 0.7); } - UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: shade(#dedede, 0.8); } - -UnityPanelWidget, -.unity-panel { - border-width: 0 0 1px 0; - border-style: solid; - border-color: shade(#dedede, 1); - background-color: shade(#dedede, 0.35); } - UnityPanelWidget.menuitem, UnityPanelWidget .menuitem, - .unity-panel.menuitem, - .unity-panel .menuitem { - border-width: 0 1px; - color: #dedede; } - UnityPanelWidget.menuitem:hover, UnityPanelWidget.menuitem *:hover, UnityPanelWidget .menuitem:hover, UnityPanelWidget .menuitem *:hover, - .unity-panel.menuitem:hover, - .unity-panel.menuitem *:hover, - .unity-panel .menuitem:hover, - .unity-panel .menuitem *:hover { - border-color: shade(#dedede, 0.8); - background-color: shade(#dedede, 0.75); - color: #dedede; } - -@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: #2d2d2d; } diff --git a/Redcore-daylight/gtk-3.0/gtk-contained.scss b/Redcore-daylight/gtk-3.0/gtk-contained.scss deleted file mode 100644 index e1ed31b..0000000 --- a/Redcore-daylight/gtk-3.0/gtk-contained.scss +++ /dev/null @@ -1,16 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade -// - if you need to inverse a color function use the @if directive to match for dark $variant - -$variant: 'light'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'colors-public'; -@import 'xfce'; -@import 'lightdm-gtk-greeter'; -@import 'gnome-apps'; -@import 'unity'; diff --git a/Redcore-daylight/gtk-3.0/gtk-dark.css b/Redcore-daylight/gtk-3.0/gtk-dark.css new file mode 100644 index 0000000..b00626d --- /dev/null +++ b/Redcore-daylight/gtk-3.0/gtk-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/numixproject/gtk/dist/gtk-dark.css"); diff --git a/Redcore-daylight/gtk-3.0/gtk.css b/Redcore-daylight/gtk-3.0/gtk.css index 20b78fd..c6eab95 100644 --- a/Redcore-daylight/gtk-3.0/gtk.css +++ b/Redcore-daylight/gtk-3.0/gtk.css @@ -1 +1 @@ -@import url("gtk-contained.css"); +@import url("resource:///org/numixproject/gtk/dist/gtk.css"); diff --git a/Redcore-daylight/gtk-3.0/gtk.gresource.xml b/Redcore-daylight/gtk-3.0/gtk.gresource.xml index 84310b7..8281d70 100644 --- a/Redcore-daylight/gtk-3.0/gtk.gresource.xml +++ b/Redcore-daylight/gtk-3.0/gtk.gresource.xml @@ -1,56 +1,48 @@ - - assets/bullet-symbolic.svg - assets/bullet-symbolic.symbolic.png - assets/checkbox-active-selectionmode.png - assets/checkbox-backdrop-selectionmode.png - assets/checkbox-checked-active-selectionmode.png - assets/checkbox-checked-backdrop-selectionmode.png - assets/checkbox-checked-hover-selectionmode.png - assets/checkbox-checked-insensitive.png - assets/checkbox-hover-selectionmode.png - assets/checkbox-mixed-hover.png - assets/checkbox-mixed-insensitive.png - assets/checkbox-mixed.png - assets/checkbox-selectionmode.png - assets/checkbox-unchecked-insensitive.png - assets/check-symbolic.svg - assets/check-symbolic.symbolic.png - assets/dash-symbolic.svg - assets/dash-symbolic.symbolic.png - assets/grid-selection-checked.png - assets/grid-selection-unchecked.png - assets/menuitem-checkbox-checked-hover.png - assets/menuitem-checkbox-checked-insensitive.png - assets/menuitem-checkbox-checked.png - assets/menuitem-checkbox-mixed-hover.png - assets/menuitem-checkbox-mixed-insensitive.png - assets/menuitem-checkbox-mixed.png - assets/menuitem-radio-checked-hover.png - assets/menuitem-radio-checked-insensitive.png - assets/menuitem-radio-checked.png - assets/pane-separator.png - assets/pane-separator-vertical.png - assets/radio-mixed-hover.png - assets/radio-mixed-insensitive.png - assets/radio-mixed.png - assets/radio-selected-hover.png - assets/radio-selected-insensitive.png - assets/radio-selected.png - assets/radio-unselected-insensitive.png - assets/radio-unselected.png - assets/resize-grip.png - assets/titlebutton-close-active.png - assets/titlebutton-close-hover.png - assets/titlebutton-close.png - assets/titlebutton-maximize-active.png - assets/titlebutton-maximize-hover.png - assets/titlebutton-maximize.png - assets/titlebutton-minimize-active.png - assets/titlebutton-minimize-hover.png - assets/titlebutton-minimize.png - gtk-contained.css - gtk-contained-dark.css + + assets/checkbox-checked-dark.svg + assets/checkbox-checked-insensitive-dark.svg + assets/checkbox-checked-insensitive.svg + assets/checkbox-checked.svg + assets/checkbox-mixed-dark.svg + assets/checkbox-mixed-insensitive-dark.svg + assets/checkbox-mixed-insensitive.svg + assets/checkbox-mixed.svg + assets/checkbox-unchecked-dark.svg + assets/checkbox-unchecked-insensitive-dark.svg + assets/checkbox-unchecked-insensitive.svg + assets/checkbox-unchecked.svg + assets/grid-selection-checked-dark.svg + assets/grid-selection-checked.svg + assets/grid-selection-unchecked-dark.svg + assets/grid-selection-unchecked.svg + assets/menuitem-checkbox-checked-hover.svg + assets/menuitem-checkbox-checked-insensitive.svg + assets/menuitem-checkbox-checked.svg + assets/menuitem-checkbox-unchecked.svg + assets/menuitem-checkbox-mixed-hover.svg + assets/menuitem-checkbox-mixed-insensitive.svg + assets/menuitem-checkbox-mixed.svg + assets/menuitem-radio-checked-hover.svg + assets/menuitem-radio-checked-insensitive.svg + assets/menuitem-radio-checked.svg + assets/menuitem-radio-unchecked.svg + assets/radio-checked-dark.svg + assets/radio-checked-insensitive-dark.svg + assets/radio-checked-insensitive.svg + assets/radio-checked.svg + assets/radio-mixed-dark.svg + assets/radio-mixed-insensitive-dark.svg + assets/radio-mixed-insensitive.svg + assets/radio-mixed.svg + assets/radio-unchecked-dark.svg + assets/radio-unchecked-insensitive-dark.svg + assets/radio-unchecked-insensitive.svg + assets/radio-unchecked.svg + assets/pane-handle.png + assets/pane-handle@2.png + dist/gtk.css + dist/gtk-dark.css diff --git a/Redcore-daylight/gtk-3.0/scss/_colors.scss b/Redcore-daylight/gtk-3.0/scss/_colors.scss new file mode 100644 index 0000000..cdd7499 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/_colors.scss @@ -0,0 +1,67 @@ +@import "global"; + +/* dark color scheme */ +@define-color dark_bg_color #{"" + $dark_bg_color}; +@define-color dark_fg_color #{"" + $dark_fg_color}; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_color}; +@define-color theme_tooltip_bg_color #{"" + $tooltip_bg_color}; +@define-color theme_tooltip_fg_color #{"" + $tooltip_fg_color}; + +/* shadow effects */ +@define-color light_shadow #{"" + $light_shadow}; +@define-color dark_shadow #{"" + $dark_shadow}; + +/* misc colors used by gtk+ */ +@define-color info_fg_color #{"" + $info_fg_color}; +@define-color info_bg_color #{"" + $info_bg_color}; +@define-color warning_fg_color #{"" + $warning_fg_color}; +@define-color warning_bg_color #{"" + $warning_bg_color}; +@define-color question_fg_color #{"" + $question_fg_color}; +@define-color question_bg_color #{"" + $question_bg_color}; +@define-color error_fg_color #{"" + $error_fg_color}; +@define-color error_bg_color #{"" + $error_bg_color}; +@define-color link_color #{"" + $link_color}; +@define-color success_color #{"" + $success_color}; +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; + +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; + +/* osd */ +@define-color osd_base #{"" + $osd_base}; +@define-color osd_bg #{"" + $osd_bg}; +@define-color osd_fg #{"" + $osd_fg}; + +/* lightdm greeter colors */ +@define-color lightdm_bg_color #{"" + $lightdm_bg_color}; +@define-color lightdm_fg_color #{"" + $lightdm_fg_color}; + +/* window manager colors */ +@define-color wm_bg #{"" + $wm_bg}; +@define-color wm_border_focused #{"" + $wm_border_focused}; +@define-color wm_border_unfocused #{"" + $wm_border_unfocused}; +@define-color wm_title_focused #{"" + $wm_title_focused}; +@define-color wm_title_unfocused #{"" + $wm_title_unfocused}; +@define-color wm_icons_focused #{"" + $wm_icons_focused}; +@define-color wm_icons_focused_prelight #{"" + $wm_icons_focused_prelight}; +@define-color wm_icons_focused_pressed #{"" + $wm_icons_unfocused_pressed}; +@define-color wm_icons_unfocused #{"" + $wm_icons_unfocused}; +@define-color wm_icons_unfocused_prelight #{"" + $wm_icons_unfocused_prelight}; +@define-color wm_icons_unfocused_pressed #{"" + $wm_icons_unfocused_pressed}; diff --git a/Redcore-daylight/gtk-3.0/scss/_functions.scss b/Redcore-daylight/gtk-3.0/scss/_functions.scss new file mode 100644 index 0000000..0de71b6 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/_functions.scss @@ -0,0 +1,79 @@ +$modules: () !default; + +@mixin exports($name) { + @if (not index($modules, $name)) { + $modules: append($modules, $name) !global; + + @content; + } +} + +@function alpha($color, $amount) { + @if type-of($color) == "color" { + @return fade-out($color, (1 - $amount)); + } @else { + @return unquote("alpha(#{$color},#{$amount})"); + } +} + +@function shade($color, $amount) { + @if type-of($color) == "color" { + @if ($amount > 1) { + @return lighten($color, ($amount - 1) * lightness($color)) + } @else { + @return darken($color, (1 - $amount) * lightness($color)) + } + } @else { + @return unquote("shade(#{$color},#{$amount})"); + } +} + +@function mix($color1, $color2, $amount) { + @return unquote("mix(#{$color1},#{$color2},#{$amount})"); +} + +@function border_normal($color) { + @return shade($color, $contrast); +} + +@function border_focus($color) { + @return shade($color, ($contrast - .05)); +} + +@function border_active($color) { + @return shade($color, ($contrast - .1)); +} + +@function border_insensitive($color) { + @return shade($color, ($contrast + .05)); +} + +@mixin linear-gradient($color, $direction: to bottom) { + @if $gradient == 0 { + background-color: $color; + background-image: none; + } @else { + $amount: $gradient / 2; + + background-color: $color; + background-image: linear-gradient($direction, + shade($color, (1 + $amount)), + shade($color, (1 - $amount)) + ); + } +} + +@mixin border($color) { + border-color: border_normal($color); + + &:focus, &:hover { border-color: border_focus($color); } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { border-color: border_active($color); } + + &:insensitive { border-color: border_insensitive($color); } + + &:active:insensitive, &:checked:insensitive { border-color: border_normal($color); } +} diff --git a/Redcore-daylight/gtk-3.0/scss/_global.scss b/Redcore-daylight/gtk-3.0/scss/_global.scss new file mode 100644 index 0000000..7dc0a41 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/_global.scss @@ -0,0 +1,89 @@ +// scss-lint:disable ColorVariable + +@import "functions"; + +// default color scheme +$bg_color: if($variant == "dark", #2d2d2d, #dedede); +$fg_color: if($variant == "dark", #dedede, #2d2d2d); +$base_color: if($variant == "dark", #2d2d2d, #dedede); +$text_color: if($variant == "dark", #dedede, #2d2d2d); +$button_bg_color: if($variant == "dark", #2d2d2d, #dedede); +$button_fg_color: if($variant == "dark", #dedede, #2d2d2d); +$header_button_bg_color: #dedede; +$header_button_fg_color: #2d2d2d; +$selected_bg_color: #990000; +$selected_fg_color: #dedede; +$tooltip_bg_color: #dedede; +$tooltip_fg_color: #2d2d2d; + +// dark colors +$dark_bg_color: #dedede; +$dark_fg_color: #2d2d2d; + +// shadows +$dark_shadow: #000; +$light_shadow: #fff; + +// caret +$primary_caret_color: #2d2d2d; +$secondary_caret_color: #2d2d2d; +$caret_aspect_ratio: 0.04; + +// white and black +$black: #000; +$white: #fff; + +// misc colors used by gtk+ +$info_fg_color: #fff; +$info_bg_color: #03a9f4; +$warning_fg_color: #fff; +$warning_bg_color: #ef6c00; +$question_fg_color: #fff; +$question_bg_color: #673ab7; +$error_fg_color: #fff; +$error_bg_color: #f44336; +$link_color: #990000; +$success_color: #4caf50; +$warning_color: #ef6c00; +$error_color: #f44336; + +$toolbar_bg_color: $bg_color; +$toolbar_fg_color: $fg_color; + +$titlebar_bg_color: $dark_bg_color; +$titlebar_fg_color: $dark_fg_color; + +$menu_bg_color: $dark_bg_color; +$menu_fg_color: $dark_fg_color; + +$menubar_bg_color: $dark_bg_color; +$menubar_fg_color: $dark_fg_color; + +$panel_bg_color: $dark_bg_color; +$panel_fg_color: $dark_fg_color; + +$osd_base: $dark_bg_color; +$osd_fg: $dark_fg_color; +$osd_bg: alpha($osd_base, 0.8); + +$lightdm_bg_color: $dark_bg_color; +$lightdm_fg_color: $dark_fg_color; + +$wm_bg: $titlebar_bg_color; +$wm_border_focused: #990000; +$wm_border_unfocused: #dedede; +$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_icons_focused_prelight: $selected_bg_color; +$wm_icons_focused_pressed: shade($selected_bg_color, .8); +$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_unfocused_prelight: $selected_bg_color; +$wm_icons_unfocused_pressed: shade($selected_bg_color, .8); + +// widget styles +$roundness: 0px; +$spacing: 3px; +$gradient: 0.0; + +$contrast: .8; diff --git a/Redcore-daylight/gtk-3.0/scss/_widgets.scss b/Redcore-daylight/gtk-3.0/scss/_widgets.scss new file mode 100644 index 0000000..db51b05 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/_widgets.scss @@ -0,0 +1,37 @@ +@import "functions"; +@import "global"; +@import "colors"; + + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/actionbar"; +@import "widgets/calendar"; +@import "widgets/choosers"; +@import "widgets/grid"; +@import "widgets/infobar"; +@import "widgets/menu"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/osd"; +@import "widgets/overshoot"; +@import "widgets/progress"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinner"; +@import "widgets/toggle"; +@import "widgets/toolbar"; +@import "widgets/view"; +@import "widgets/window"; + +@import "apps/unity-greeter"; +@import "apps/gedit"; +@import "apps/nautilus"; +@import "apps/nemo"; +@import "apps/panel"; +@import "apps/synaptic"; +@import "apps/xfce"; +@import "apps/unity"; +@import "apps/lightdm"; +@import "apps/gnome-terminal"; diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_gedit.scss b/Redcore-daylight/gtk-3.0/scss/apps/_gedit.scss new file mode 100644 index 0000000..f1614a6 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_gedit.scss @@ -0,0 +1,132 @@ +/********* + ! Gedit * +**********/ + +@include exports("gedit") { + GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + .list-row { + padding: $spacing; + + .button { + padding: 1px; + border-radius: $roundness; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + icon-shadow: none; + } + } + + .prelight-row .button { + border-color: alpha($black, .1); + color: alpha($white, .8); + + &:active { + border-color: alpha($black, .2); + background-color: alpha($black, .08); + color: $white; + } + } + + list-row, .prelight-row { + .button:hover { + border-color: alpha($black, .1); + color: $white; + } + } + } + + .gedit-document-panel-group-row { + &, &:hover { + border-top: 1px solid shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel-document-row { + &:hover { background-color: shade($bg_color, 1.05); } + + &:selected { + &, &:hover { @extend %selected; } + } + } + + .gedit-document-panel-dragged-row { + border: 1px solid alpha($black, .1); + background-color: alpha($black, .5); + color: $white; + } + + .gedit-document-panel-placeholder-row { + border: 0; + background-color: alpha($black, .08); + transition: all 200ms ease-in; + } + + GeditStatusbar { border-top: 1px solid border_normal($bg_color); } + + GeditStatusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; + + .button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; + + &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); } + + &:active { + background-color: shade($bg_color, .95); + color: $fg_color; + } + } + } + + GeditViewFrame .gedit-search-slider { + padding: $spacing; + border-radius: 0 0 $roundness $roundness; + border-width: 0 1px 1px; + border-style: solid; + border-color: border_normal($base_color); + background-color: $base_color; + + .not-found { + background-color: $error_bg_color; + background-image: none; + color: $error_fg_color; + + &:selected { @extend %selected; } + } + } + + GeditFileBrowserWidget .toolbar { + padding: $spacing / 2; + border-top: 0; + background-color: $bg_color; + background-image: none; + } + + .gedit-search-entry-occurrences-tag { + margin: $spacing / 2; + padding: $spacing / 2; + color: mix($text_color, $base_color, .5); + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_gnome-terminal.scss b/Redcore-daylight/gtk-3.0/scss/apps/_gnome-terminal.scss new file mode 100644 index 0000000..178f741 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_gnome-terminal.scss @@ -0,0 +1,219 @@ +/********************** + ! Genome Terminal * +***********************/ + +@include exports("gnome-terminal") { + VteTerminal { + background-color: $osd_base; + color: $osd_fg; + } + TerminalWindow { + .scrollbars-junction { + background-color: $osd_base; + } + .scrollbar { + &.trough { + background-color: $osd_base; + } + &.button { + color: shade($osd_base, 0.6); + &:active { + color: shade($osd_base, 0.6); + &:hover { + color: shade($osd_base, 0.6); + } + } + } + &.slider { + border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.21); + background-color: mix($osd_base, $osd_fg, 0.21); + &:hover { + border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31); + background-color: mix($osd_base, $osd_fg, 0.31); + } + &.vertical { + &:hover { + border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31); + background-color: mix($osd_base, $osd_fg, 0.31); + } + &:active { + border-color: shade($selected_bg_color, 0.9); + background-color: $selected_bg_color; + } + } + &:active { + border-color: shade($selected_bg_color, 0.9); + background-color: $selected_bg_color; + } + } + } + GtkNotebook.notebook { + border-right-width: 0; + border-bottom-width: 0; + border-left-width: 0; + } + } + + TerminalNotebook.notebook { //use dark variant by default + padding: 0; + border-width: 1px 0 0; + border-style: solid; + border-color: border_active($osd_base); + border-radius: 0; + @include linear-gradient($osd_base); + background-clip: border-box; + color: $osd_fg; + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + + &.frame { border-width: 1px; } + + &.header { + border-width: 0; + background-color: shade($osd_base, .85); + + &.frame { + border-color: border_focus($osd_base); + + &.top { border-width: 1px 1px 0 1px; } + + &.right { border-width: 1px 1px 1px 0; } + + &.bottom { border-width: 0 1px 1px 1px; } + + &.left { border-width: 1px 0 1px 1px; } + } + } + + GtkViewport { + border-width: 0; + background-color: $osd_base; + color: $osd_fg; + } + + tab { + padding: ($spacing + 1px) $spacing * 2; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + + &:active { + background-color: transparent; + background-image: none; + } + + &.top { + border-bottom-width: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + &:hover { + border-bottom-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-bottom-color: $selected_bg_color; + } + } + + &.right { + border-left-width: 2px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + + &:hover { + border-left-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-left-color: $selected_bg_color; + } + } + + &.bottom { + border-top-width: 2px; + border-top-right-radius: 0; + border-top-left-radius: 0; + + &:hover { + border-top-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-top-color: $selected_bg_color; + } + } + + &.left { + border-right-width: 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:hover { + border-right-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-right-color: $selected_bg_color; + } + } + + GtkLabel { color: mix($osd_fg, $osd_base, .3); } + + &.reorderable-page { + &:hover { + background-color: shade($osd_base, .85); + border-left: 0; + border-right: 0; + /* using box shadows instead of borders due to slanted edges */ + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .7), inset -1px 0 shade($osd_base, .7); + } + + &:active { + background-color: shade($osd_base, .9); + border-left: 0; + border-right: 0; + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .75), inset -1px 0 shade($osd_base, .75); + } + } + + /* close button styling */ + .button { + &, &:active, &:checked, &:hover { + padding: 1px; + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: transparent; + background-image: none; + background-color: transparent; + color: mix($osd_fg, $osd_base, 0.5); + } + + &:hover { + color: $osd_fg; + border-color: shade($osd_base, 0.8); + } + + &:active, &:checked, &:active:hover, &:checked:hover { + border-color: shade($osd_base, 0.7); + background-color: shade($osd_base, 0.95); + } + } + + } + + .prelight-page { + &, GtkLabel { color: mix($osd_fg, $osd_base, .15); } + } + + .active-page { + &, GtkLabel { color: $osd_fg; } + } + + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_lightdm.scss b/Redcore-daylight/gtk-3.0/scss/apps/_lightdm.scss new file mode 100644 index 0000000..52eda61 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_lightdm.scss @@ -0,0 +1,193 @@ +/*********************** + ! LightDM GTK Greeter * + ***********************/ + +@include exports("lightdm") { + #panel_window { + background-color: transparent; + background-image: none; + color: $white; + font: bold; + text-shadow: 0 1px alpha($black, .5); + icon-shadow: 0 1px alpha($black, .5); + + .menubar { + &, > .menuitem { + background-color: transparent; + background-image: none; + color: $white; + font: bold; + text-shadow: 0 1px alpha($black, .5); + icon-shadow: 0 1px alpha($black, .5); + + *:hover { color: $white; } + + &:hover { + border-style: none; + background-color: alpha($white, .2); + background-image: none; + color: $white; + } + + &:insensitive { color: alpha($white, .7); } + + .menu { + border-radius: 1px; + + .menuitem { + font: normal; + text-shadow: none; + } + } + } + } + } + + #content_frame { padding-bottom: 14px; } + + #login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: $roundness; + background-color: $lightdm_bg_color; + color: $lightdm_fg_color; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21); + + .button { + padding: 3px 15px; + border-width: 1px; + border-radius: $roundness; + border-style: solid; + border-color: shade($lightdm_bg_color, .8); + background-color: shade($lightdm_bg_color, 1.08); + background-image: none; + color: $lightdm_fg_color; + transition: all 150ms ease-out; + + &.default, &:focus, &:active:focus { + border-color: shade($selected_bg_color, .8); + background-color: shade($selected_bg_color, 1.08); + background-image: none; + color: $selected_fg_color; + + &:hover { + border-color: shade($selected_bg_color, .7); + background-color: $selected_bg_color; + } + } + } + } + + + #login_window { + .menu { border-radius: 1px; } + + GtkComboBox .button { + &, &:hover, &:active, &:active:hover, + &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { + padding: 0; + background: none; + border-style: none; + box-shadow: none; + } + } + + .entry { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-color: shade($lightdm_bg_color, .8); + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + color: $lightdm_fg_color; + box-shadow: none; + transition: all 150ms ease-out; + + &:focus, &:hover { + border-color: shade($lightdm_bg_color, .7); + + box-shadow: inset 1px 0 alpha($dark_shadow, .1), + inset 0 1px alpha($dark_shadow, .12), + inset -1px 0 alpha($dark_shadow, .1), + inset 0 -1px alpha($dark_shadow, .05); + } + } + } + + #user_combobox { + color: $lightdm_fg_color; + font: 18px; + + .menu { font: normal; } + + .arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); } + } + + #user_image { + padding: 3px; + border-radius: $roundness; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 shade($lightdm_bg_color, .7), + inset -1px 0 shade($lightdm_bg_color, .7), + inset 0 1px shade($lightdm_bg_color, .7), + inset 0 -1px shade($lightdm_bg_color, .7); + } + + #user_image_border { + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + box-shadow: inset 1px 0 alpha($dark_shadow, .07), + inset 0 1px alpha($dark_shadow, .08), + inset -1px 0 alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + #buttonbox_frame { + padding-top: 10px; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + background-color: transparent; + background-image: none; + box-shadow: none; + } + + + + /* shutdown button */ + #shutdown_button { + border-color: shade($error_bg_color, .8); + background-color: shade($error_bg_color, 1.08); + background-image: none; + color: $error_fg_color; + + &:hover, &:active, &:active:hover { + border-color: shade($error_bg_color, .7); + background-color: $error_bg_color; + } + } + + /* restart button */ + #restart_button { + border-color: shade($warning_bg_color, .8); + background-color: shade($warning_bg_color, 1.08); + background-image: none; + color: $warning_fg_color; + + &:hover, &:active, &:active:hover { + border-color: shade($warning_bg_color, .7); + background-color: $warning_bg_color; + } + } + + /* password warning */ + #greeter_infobar { font: bold; } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_mate-applications.scss b/Redcore-daylight/gtk-3.0/scss/apps/_mate-applications.scss new file mode 100644 index 0000000..a7a3e1f --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_mate-applications.scss @@ -0,0 +1,82 @@ +@import "panel"; + +/**************** + ! MATE styles * +*****************/ + +@include exports("mate-applications") { + .mate-panel-menu-bar { + @extend %panel; + + border: 0; + padding: 0; + text-shadow: none; + } + + MatePanelApplet .label, + PanelMenuBar.menubar > .menuitem { + color: $panel_fg_color; + } + + PanelSeparator, MatePanelAppletFrameDBus { + border-width: 0; + color: transparent; + background-image: -gtk-scaled(url("../assets/pane-handle.png"), + url("../assets/pane-handle@2.png")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; + } + + MatePanelApplet .button, + MatePanelApplet .button.flat, + MatePanelApplet .button.toggle + MatePanelApplet .button.flat.toggle { + background-image: none; + background-color: transparent; + border-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 1px; + color: $panel_fg_color; + text-shadow: none; + box-shadow: none; + padding: 2px; + } + + MatePanelApplet .button:hover:active, + MatePanelApplet .button:checked, + MatePanelApplet .button:checked:hover, + MatePanelApplet .button.flat:hover:active, + MatePanelApplet .button.flat:checked, + MatePanelApplet .button.flat:checked:hover, + MatePanelApplet .button.toggle:hover:active, + MatePanelApplet .button.toggle:checked, + MatePanelApplet .button.toggle:checked:hover, + MatePanelApplet .button.flat.toggle:hover:active, + MatePanelApplet .button.flat.toggle:checked, + MatePanelApplet .button.flat.toggle:checked:hover { + background-image: none; + background-color: darker($panel_bg_color); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: lighter($panel_fg_color); + text-shadow: none; + padding: 2px; + } + + MatePanelApplet .button:hover, + MatePanelApplet .button.flat:hover, + MatePanelApplet .button.toggle:hover, + MatePanelApplet .button.flat.toggle:hover { + background-image: none; + background-color: shade($panel_bg_color, 1.3); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: $selected_fg_color; + text-shadow: none; + padding: 2px; + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_nautilus.scss b/Redcore-daylight/gtk-3.0/scss/apps/_nautilus.scss new file mode 100644 index 0000000..e81a128 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_nautilus.scss @@ -0,0 +1,72 @@ +/************ + ! Nautilus * +*************/ + +@include exports("nautilus") { + .nautilus-desktop.nautilus-canvas-item { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + + NautilusWindow { + .toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($toolbar_bg_color); + } + + .sidebar .frame { border: 0; } + + GtkPaned { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + } + + NautilusNotebook { + &.notebook { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; + } + + .frame { border: 0; } + } + + NautilusQueryEditor { + .toolbar { + padding-top: $spacing - 1px; + padding-bottom: $spacing - 2px; + border-width: 1px 0 0; + border-style: solid; + border-color: $toolbar_bg_color; + background-color: shade($toolbar_bg_color, .9); + + &:nth-child(2) { border-color: border_normal($toolbar_bg_color); } + + &.search-bar { + border-top-width: 0; + border-bottom-width: 0; + } + + &, &.search-bar { + &:last-child, &:only-child { + border-bottom-width: 1px; + border-bottom-color: border_normal($toolbar_bg_color); + } + } + + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_nemo.scss b/Redcore-daylight/gtk-3.0/scss/apps/_nemo.scss new file mode 100644 index 0000000..d0aec8d --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_nemo.scss @@ -0,0 +1,36 @@ +/******** + ! Nemo * +*********/ + +@include exports("nemo") { + .nemo-desktop.nemo-canvas-item { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + + NemoPathbarButton { + @include button($toolbar_bg_color, $toolbar_fg_color); + + -NemoPathbarButton-border-radius: $roundness; + } + + NemoPlacesTreeView { + -NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8); + -NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color; + -NemoPlacesTreeView-disk-full-bar-width: 1px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 2px; + -NemoPlacesTreeView-disk-full-max-length: 70px; + + &:selected { + -NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color; + -NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2); + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_panel.scss b/Redcore-daylight/gtk-3.0/scss/apps/_panel.scss new file mode 100644 index 0000000..56a8774 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_panel.scss @@ -0,0 +1,80 @@ +/*********************** + ! Fallback mode panel * +************************/ + +@include exports("panel") { + %panel { + @include linear-gradient($panel_bg_color); + + color: $panel_fg_color; + } + + %panelbutton { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: $panel_fg_color; + + &:hover, &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11)); + + border-color: mix($panel_bg_color, $panel_fg_color, .11); + color: shade($panel_fg_color, 1.08); + } + + &:active, &:checked { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .21); + color: shade($panel_fg_color, 1.08); + + &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .31); + } + } + } + + PanelWidget, PanelApplet, PanelToplevel { + @extend %panel; + + padding: 0; + } + + PanelApplet { + border: 0; + + .button { + @extend %panelbutton; + + -GtkButton-inner-border: 2; + } + } + + PanelSeparator { + @extend %panel; + + border: 0; + } + + PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar { + &.menuitem { + @extend %panel; + + border: 0; + + -PanelMenuBar-icon-visible: true; + } + } + + PanelAppletFrame { + @extend %panel; + + border: 0; + } + + WnckPager, WnckTasklist { @extend %panel; } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_synaptic.scss b/Redcore-daylight/gtk-3.0/scss/apps/_synaptic.scss new file mode 100644 index 0000000..c19b78e --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_synaptic.scss @@ -0,0 +1,15 @@ +/************ + ! Synaptic * +*************/ + +@include exports("synaptic") { + GtkWindow > GtkVBox > .dock { + &, > GtkHBox > GtkToolbar { + @include linear-gradient($toolbar-bg-color); + + padding: $spacing; + border: 0; + color: $toolbar_fg_color; + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_unity-greeter.scss b/Redcore-daylight/gtk-3.0/scss/apps/_unity-greeter.scss new file mode 100644 index 0000000..f0c7da7 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_unity-greeter.scss @@ -0,0 +1,119 @@ +/*********************** + ! Unity Greeter * + ***********************/ + +@include exports("unity-greeter") { + + + .lightdm.menu { + background-image: none; + background-color: fade-out($black, .4); + border-color: fade-out($white, .8); + border-radius: 4px; + padding: 1px; + + color: $white; + } + + .lightdm-combo .menu { + background-color: shade($dark_bg_color, 1.08); + border-radius: 0; + padding: 0; + color: $white; + } + + .lightdm.menu .menuitem *, + .lightdm.menu .menuitem.check:active, + .lightdm.menu .menuitem.radio:active { + color: $white; + } + + .lightdm.menubar *, + .lightdm.menubar .menuitem { + padding: 2px; + } + + .lightdm-combo.combobox-entry .button, + .lightdm-combo .cell, + .lightdm-combo .button, + .lightdm-combo .entry, + + .lightdm.button{ + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .1); + border-radius: 5px; + padding: 5px; + color: $white; + } + .lightdm.button:hover { + background-image: none; + background-color: fade-out($white, .7); + border-color: fade-out($white, .4); + border-radius: 5px; + padding: 5px; + color: $white; + text-shadow: none; + } + .lightdm.button:active, + .lightdm.button:active:focus, + .lightdm.button:focus, + + .lightdm.entry { + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .4); + border-radius: 5px; + padding: 6px; + color: $white; + text-shadow: none; + } + .lightdm.entry:hover, + .lightdm.entry:active, + .lightdm.entry:active:focus { + background-image: none; + border-image: none; + } + .lightdm.entry:focus { + border-color: fade-out($white, .4); + border-width: 1px; + border-style: solid; + color: $white; + } + .lightdm.entry:selected { + background-color: fade-out($white, .8); + } + + @keyframes dashentry_spinner { + to { -gtk-icon-transform: rotate(1turn); } + } + + .lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; + } + + .lightdm.option-button { + background: none; + border-width: 0; + } + + .lightdm.option-button:insensitive:insensitive { + background: none; + } + + .lightdm.toggle-button { + background: none; + border-width: 0; + } + .lightdm.toggle-button.selected:hover { + background-color: fade-out($white, .7); + border-color: fade-out($white, .7); + border-width: 1px; + } + .lightdm.toggle-button.selected { + background-color: fade-out($black, .7); + border-color: fade-out($white, .7); + border-width: 1px; + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_unity.scss b/Redcore-daylight/gtk-3.0/scss/apps/_unity.scss new file mode 100644 index 0000000..6bc77a9 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_unity.scss @@ -0,0 +1,74 @@ +@import "panel"; + +/**************** + ! Unity styles * +*****************/ + +@include exports("unity") { + UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5); + -UnityDecoration-inactive-shadow-radius: 5px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; + + + &.top { + border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + border-bottom: 0; + border-radius: 2px 2px 0 0; + padding: 1px 8px 0 8px; + background-color: $titlebar_bg_color; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + text-shadow: none; + + &:backdrop { + border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12); + border-bottom: 0; + background-color: $titlebar_bg_color; + color: mix($titlebar_fg_color, $titlebar_bg_color, .4); + } + } + + &.left, &.right, &.bottom { + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + + &:backdrop { + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12); + } + } + } + + UnityPanelWidget, .unity-panel { + @extend %panel; + + border: 0; + } + + .unity-panel { + &.menuitem, .menuitem { + border-width: 0 1px; + color: $panel_fg_color; + + &:hover, *:hover { + border-color: mix($panel_bg_color, $panel_fg_color, .21); + background-color: mix($panel_bg_color, $panel_fg_color, .21); + background-image: none; + color: shade($panel_fg_color, 1.08); + } + } + } + + SheetStyleDialog.unity-force-quit { background-color: $bg_color; } +} diff --git a/Redcore-daylight/gtk-3.0/scss/apps/_xfce.scss b/Redcore-daylight/gtk-3.0/scss/apps/_xfce.scss new file mode 100644 index 0000000..dc38a86 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/apps/_xfce.scss @@ -0,0 +1,26 @@ +@import "panel"; + +/*************** + ! Xfce styles * +****************/ + +@include exports("xfce") { + XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: $base_color; + color: $text_color; + } + + .xfce4-panel { + @extend %panel; + + font: normal; + + .button { @extend %panelbutton; } + + .menu { -gtk-image-effect: none; } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/gtk.scss b/Redcore-daylight/gtk-3.0/scss/gtk.scss new file mode 100644 index 0000000..4455669 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/gtk.scss @@ -0,0 +1,3 @@ +$variant: "light"; + +@import "widgets"; diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_actionbar.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_actionbar.scss new file mode 100644 index 0000000..749f549 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_actionbar.scss @@ -0,0 +1,106 @@ +@import "button"; +@import "toolbar"; + +/************** + ! Action-bar * +***************/ + +@include exports("actionbar") { + .action-bar { + @include linear-gradient($bg_color); + + padding: $spacing; + border-width: 1px 0 0; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + + .button { + &.text-button { padding: $spacing - 1px; } + + &.image-button { padding: $spacing + 1px; } + } + + .title { + font: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font: smaller; + padding: 0 ($spacing * 2); + } + } +} + + +/*************** + ! Search bars * +****************/ + +@include exports("searchbar") { + .search-bar { + @include linear-gradient(shade($bg_color, .98)); + + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + + .button.close-button { padding: $spacing; } + } +} + + +/****************** + ! Action buttons * +*******************/ + +@include exports("actionbuttons") { + $types: ( + suggested: $success_color, + destructive: $error-color + ); + + @each $type, $color in $types { + .#{$type}-action.button { + @include button($color, $selected_fg_color); + } + } +} + + +/****************** +* selection mode * +******************/ + +@include exports("selectionmode") { + .selection-mode { + &.header-bar, &.toolbar { + @include toolbar($selected_bg_color, $selected_fg_color); + + .button { + @include button($selected_bg_color, $selected_fg_color); + + &.suggested-action { @extend .suggested-action.button; } + } + + .selection-menu.button { + border: 0; + background-color: transparent; + background-image: none; + color: shade($selected_bg_color, $contrast); + + &:hover { color: shade($selected_bg_color, ($contrast - .1)); } + + &:active { color: shade($selected_bg_color, ($contrast - .05)); } + } + + .dim-label, { + &, .selection-menu.button & { color: shade($selected_bg_color, ($contrast - .1)); } + } + } + + &.toolbar { padding: $spacing; } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_base.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_base.scss new file mode 100644 index 0000000..730bbec --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_base.scss @@ -0,0 +1,104 @@ +/************** + ! GTK settings +***************/ + +* { + -GtkArrow-arrow-scaling: .5; + -GtkExpander-expander-size: 8; + -GtkStatusbar-shadow-type: none; + -GtkToolItemGroup-expander-size: 8; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + -GtkWidget-cursor-color: $primary_caret_color; + -GtkWidget-secondary-cursor-color: $secondary_caret_color; + -GtkWidget-cursor-aspect-ratio: $caret_aspect_ratio; + + outline-color: alpha($selected_bg_color, .5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + outline-radius: $roundness; +} + + +/************* + ! Base states + *************/ + +%selected { + &, &:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +* { + /* hyperlinks */ + -GtkHTML-link-color: $link_color; + -GtkIMHtml-hyperlink-color: $link_color; + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_color; + + &:selected { @extend %selected; } + + &:insensitive, + &:insensitive:insensitive { color: mix($fg_color, $bg_color, .5); } + + &:insensitive { -gtk-image-effect: dim; } + + &:hover { -gtk-image-effect: highlight; } + + &:link, &:visited { color: $link_color; } +} + +.background { + background-color: $bg_color; + color: $fg_color; + + &:backdrop { + text-shadow: none; + icon-shadow: none; + } + + &.csd { background-color: $bg_color; } +} + +.gtkstyle-fallback { + background-color: alpha($bg_color, .5); + color: $fg_color; + + &:hover { + background-color: shade($bg_color, 1.1); + color: $fg_color; + } + + &:active { + background-color: shade($bg_color, .9); + color: $fg_color; + } + + &:insensitive { + background-color: shade(shade($bg_color, .95), 1.05); + color: mix($fg_color, $bg_color, .5); + } + + &:selected { @extend %selected; } +} + +GtkImage, GtkLabel, GtkBox, GtkGrid { + &, &:insensitive { background-color: transparent; } +} + +GtkLabel { + &.separator { + @extend .dim-label; + + color: $fg_color; + } + + &:selected { @extend %selected; } + + &:insensitive { color: mix($fg_color, $bg_color, .5); } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_button.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_button.scss new file mode 100644 index 0000000..6d26c9f --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_button.scss @@ -0,0 +1,376 @@ +/********* + ! Buttons +**********/ + +@include exports("button_extends") { + %button { + padding: $spacing ($spacing + 2px); + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: 150ms ease; + outline-color: transparent; + + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + &:focus, &:hover, &:active { transition: none; } + } + + %linked_middle { + border-radius: 0; + border-left-style: none; + border-right-style: solid; + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_middle:dir(rtl) + border-right-style: none; + border-left-style: solid; + } + } + + %linked_button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-left-style: none; + border-right-style: solid; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + &:dir(rtl) { + border-left-style: solid; + border-right-style: none; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + border-style: solid; + border-radius: $roundness; + } + } +} + +@mixin linked_button($bg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + @extend %linked_button; + + box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &:focus, &:hover { + box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { + box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)), + inset 0 1px alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + &:insensitive { box-shadow: inset -1px 0 shade($bg, .8); } + + &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } + + &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } + + &:insensitive:last-child, &:insensitive:only-child, + &:active:insensitive:last-child, &:active:insensitive:only-child, + &:checked:insensitive:last-child, &:checked:insensitive:only-child { box-shadow: none; } + + &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, + &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { + box-shadow: inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } + + &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, + &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } +} + +@mixin button($bg, $fg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + /*$button_bg: if(hue($bg) == 0deg, shade($bg, 1.2), $bg);*/ + $button_bg: $bg; + + @extend %button; + @include linear-gradient($button_bg); + @include border(rgba(0, 0, 0, .12 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &.flat { + border-color: alpha($button_bg, 0); + background-color: alpha($button_bg, 0); + background-image: none; + box-shadow: none; + } + + &, &.flat { + &:focus, &:hover { + @include linear-gradient(shade($button_bg, 1.2)); + @include border(rgba(0, 0, 0, .2 + $border_strength)); + + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:checked { + @include linear-gradient(shade($button_bg, .7), to top); + + color: $selected_fg_color; + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06), + inset 0 -1px alpha($dark_shadow, .05); + + &:focus, &:hover { + @include linear-gradient(shade($button_bg, .65), to top); + + color: $selected_fg_color; + } + } + + &:focus, &:hover { color: $fg; } + + &:active:insensitive, &:checked:insensitive { + @include linear-gradient(shade($button_bg, .9)); + + color: $fg; + box-shadow: none; + } + + &:insensitive:insensitive { + @if (lightness($button_bg) > 50) { + @include linear-gradient(shade($button_bg, .95)); + } @else { + @include linear-gradient(alpha($button_bg, .3)); + } + + color: mix($button_bg, $fg, .5); + box-shadow: none; + } + } + + // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/572 + // Webkitgtk workaround start + &:active { color: $fg; } + // Webkitgtk workaround end + + &.flat { + &:insensitive:insensitive { + background-color: transparent; + background-image: none; + color: mix($bg, $fg, .5); + box-shadow: none; + } + } + + &.separator, .separator { + border: 1px solid currentColor; + color: shade($button_bg, ($contrast + .1)); + + &:insensitive { color: shade($button_bg, .85); } + } +} + +@include exports("button") { + * { + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + -GtkButton-default-border: 0; + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 1; + -GtkButton-interior-focus: true; + -GtkButtonBox-child-min-height: 24; + -GtkButtonBox-child-internal-pad-y: 1; + -GtkToolButton-icon-spacing: 6; + } + + %close_button { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + + &:focus, &:hover { + border: 1px solid alpha($black, .3); + background-color: alpha($white, .2); + background-image: none; + box-shadow: none; + } + + &:active, &:checked, &:active:hover, &:checked:hover { + border: 1px solid alpha($black, .3); + background-color: alpha($black, .1); + background-image: none; + box-shadow: none; + } + } + + .button { + @include button($button_bg_color, $button_fg_color); + + &.default { @include button($selected_bg_color, $selected_fg_color); } + + &.linked, .linked & { @include linked_button($button_bg_color); } + + .spinbutton & { + color: mix($text_color, $base_color, .4); + padding: $spacing ($spacing * 2); + border: 0; + border-radius: 0; + border-style: none; + background-color: transparent; + background-image: none; + box-shadow: inset 1px 0 shade($base_color, .9); + + &:insensitive { + color: mix($text_color, $base_color, .7); + box-shadow: inset 1px 0 shade($base_color, .85); + } + + &:active, &:checked, &:hover { color: $text_color; } + + &:first-child { + border-radius: $roundness 0 0 $roundness; + box-shadow: none; + } + + &:last-child { border-radius: 0 $roundness $roundness 0; } + + &:dir(rtl) { box-shadow: inset -1px 0 shade($base_color, .9); } + } + + .spinbutton.vertical & { + border: 1px solid shade($bg_color, .8); + border-radius: $roundness; + background-color: shade($bg_color, 1.08); + background-image: none; + color: $fg_color; + box-shadow: none; + + &:hover { + border-color: shade($bg_color, .7); + background-color: shade($bg_color, 1.1); + background-image: none; + } + + &:active, &:checked { + border-color: shade($bg_color, .8); + background-color: shade($bg_color, .95); + background-image: none; + } + + &:active:hover, &:checked:hover { + border-color: shade($bg_color, .7); + } + + &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { border-color: shade($bg_color, .7); } + + &:insensitive { + border-color: shade($bg_color, .85); + background-color: shade($bg_color, .9); + background-image: none; + } + + &:first-child { + border-width: 1px; + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &:last-child { + border-width: 1px; + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + + .spinbutton.vertical.entry { + border-width: 1px; + border-style: solid; + border-radius: 0; + } + } +} + + +/****************** +! ComboBoxes * +*******************/ + +@include exports("combobox") { + GtkComboBox { + > .button { + padding: ($spacing - 2px) ($spacing + 1px); + + -GtkComboBox-arrow-scaling: .5; + -GtkComboBox-shadow-type: none; + } + + &.combobox-entry { + .entry, .button { @extend %linked_button; } + } + + .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + + border-style: none; + } + } + + .linked > GtkComboBox { + > .button { + // the combo is a composite widget so the way we do button linked doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr) { @extend %linked_middle; } // specificity bump + &:dir(rtl) { @extend %linked_middle:dir(rtl); } + } + + &:first-child > .button { @extend %linked_button:first-child; } + + &:last-child > .button { @extend %linked_button:last-child; } + + &:only-child > .button { @extend %linked_button:only-child; } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_calendar.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_calendar.scss new file mode 100644 index 0000000..5c7ca32 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_calendar.scss @@ -0,0 +1,38 @@ +/********** + ! Calendar +***********/ + +@include exports("calendar") { + GtkCalendar { + padding: 1px 3px; + outline-offset: -1px; + + &:inconsistent { color: mix($fg_color, $bg_color, .5); } + + &.view, &.highlight, &.header, &.button { + &, &:focus, &:hover, &:insensitive { + background-color: transparent; + background-image: none; + border-width: 0; + border-radius: 0; + } + } + + &.button { + &, &:focus, &:hover, &:insensitive { + color: $white; + border-width: 0; + box-shadow: none; + } + } + + &.highlight { color: $selected_bg_color; } + } + + /* gnome-calendar */ + .calendar-view { + background-color: $base_color; + color: $text_color; + } +} + diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_choosers.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_choosers.scss new file mode 100644 index 0000000..ecd50dd --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_choosers.scss @@ -0,0 +1,125 @@ +/*************** + ! Color chooser +****************/ + +@include exports("colorchooser") { + GtkColorSwatch { + &, &:selected { + border: 1px solid alpha($black, .1); + border-radius: $roundness; + background-color: transparent; + background-clip: border-box; + + &:hover { border-color: alpha($black, .3); } + } + + &.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; } + + &.left, &:first-child { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right, &:last-child { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &:only-child { border-radius: $roundness; } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + GtkColorEditor & { + border-radius: $roundness; + + &.color-dark:hover, &.color-light:hover { + background-image: none; + border-color: alpha($black, .3); + } + } + } + + GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border-color: alpha($black, .1); + background-color: shade($bg_color, .95); + color: $fg_color; + + &:hover { + border-color: alpha($black, .3); + background-color: shade($bg_color, .9); + color: $fg_color; + } + } + + .color-active-badge { + &, &:selected { + border-width: 2px; + border-style: solid; + background-color: transparent; + } + + &.color-light { + &, &:hover { + border-color: alpha($black, .3); + color: alpha($black, .3); + } + } + + &.color-dark { + &, &:hover { + border-color: alpha($white, .3); + color: alpha($white, .3); + } + } + } + + GtkColorButton.button { padding: $spacing; } +} + + +/*********************** +! Font and file choosers +************************/ + +@include exports("miscchoosers") { + GtkFontButton, GtkFileChooserButton { + .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + } + + GtkLabel:last-child { color: alpha(currentColor, .7); } + + GtkImage:last-child { color: alpha(currentColor, .7); } + } + + GtkFileChooser { + .pane-separator { + &, &:hover { + border-width: 0 1px 0 0; + border-style: solid; + border-color: currentColor; + background-color: $bg_color; + color: shade($bg_color, ($contrast + .1)); + } + } + + /* for fallback when header bar not used */ + .dialog-action-box { + border-width: 1px 0 0; + border-style: solid; + border-color: shade($bg_color, .7); + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_entry.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_entry.scss new file mode 100644 index 0000000..e8d7562 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_entry.scss @@ -0,0 +1,84 @@ +/********* + ! Entry * +**********/ + +%linked_entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + &:only-child { + border-width: 1px; + border-radius: $roundness; + } +} + +%entry { + padding: ($spacing - 1px) $spacing; + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: border 150ms ease; + box-shadow: inset 1px 1px alpha($dark_shadow, .06), + inset -1px 0 alpha($dark_shadow, .06); + + &:focus, &:hover, &:active { transition: none; } + + &:selected, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:insensitive { box-shadow: none; } + + &.progressbar { + @include linear-gradient($selected_bg_color); + + border-width: 0; + border-radius: $roundness; + color: $selected_fg_color; + } + + &.image.left { padding-right: $spacing; } +} + +@mixin entry($bg, $fg) { + @extend %entry; + @include linear-gradient($bg, to top); + @include border($bg); + + color: $fg; + + &:focus, &:active { border-color: $selected_bg_color; } + + &:insensitive { + @include linear-gradient(shade($bg, .9), to top); + + color: mix($bg, $fg, .5); + } +} + +@include exports("entry") { + .entry { + @include entry($base_color, $text_color); + + &.linked, .linked & { @extend %linked_entry; } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_grid.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_grid.scss new file mode 100644 index 0000000..e4b9e8f --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_grid.scss @@ -0,0 +1,48 @@ +/****************** + ! Grid and flowbox +*******************/ + +@include exports("grid") { + .list { + background-color: shade($bg_color, .97); + color: $fg_color; + + &-row { + &, &.button { + border: 0; + border-radius: 0; + padding: $spacing; + background-image: none; + background-color: alpha($bg_color, 0); + box-shadow: none; + + &:hover { + background-image: none; + background-color: shade($bg_color, 1.02); + } + + &:selected { + &, &:hover, &:focus { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + } + } + + .grid-child { + &, GtkFlowBox & { + padding: $spacing; + border-radius: $roundness; + + &:selected { + @extend %selected; + + outline-offset: -2px; + } + } + } +} + diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_infobar.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_infobar.scss new file mode 100644 index 0000000..6f5865b --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_infobar.scss @@ -0,0 +1,38 @@ +@import "button"; + + +/********* + ! Infobar +**********/ + +@include exports("infobar") { + GtkInfoBar { + border: 0; + } + + $types: ( + info: ($info_fg_color, $info_bg_color), + warning: ($warning_fg_color, $warning_bg_color), + question: ($question_fg_color, $question_bg_color), + error: ($error_fg_color, $error_bg_color), + ); + + + @each $type, $colors in $types { + $fg_color: nth($colors, 1); + $bg_color: nth($colors, 2); + + .#{$type} { + @include linear-gradient($bg_color); + + border: 1px solid shade($bg_color, .8); + color: $fg_color; + + .button { + @include button($bg_color, $fg_color); + + &.close { @extend %close_button; } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_menu.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_menu.scss new file mode 100644 index 0000000..aa1ccfd --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_menu.scss @@ -0,0 +1,267 @@ +@import "entry"; + + +/********* + ! Menubar +**********/ + +@include exports("menubar") { + .menubar { + -GtkWidget-window-dragging: true; + + border: 0; + background-color: $menubar_bg_color; + background-image: none; + color: $menubar_fg_color; + + + &.menuitem, .menuitem { + padding: $spacing ($spacing * 2); + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: $menubar_fg_color; + + &:hover { + border-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-image: none; + color: shade($menubar_fg_color, 1.08); + } + + *:hover { color: shade($menubar_fg_color, 1.08); } + } + } +} + + +/****** + ! Menu +*******/ + +@include exports("menu") { + * { + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + } + + GtkTreeMenu, GtkMenuToolButton, GtkComboBox { + &.menu, .menu { + background-color: $menu_bg_color; + margin: $spacing; + } + } + + #toolbar-popup, .menu { + padding: 0; + border-radius: 0; + border: 0; + background-color: $menu_bg_color; + color: $menu_fg_color; + + &:selected { background-color: $selected_bg_color; } + + .button { + &, &:hover, &:active, &:active *:insensitive, &:insensitive { + border-width: 0; + background-color: transparent; + background-image: none; + } + } + } + + .context-menu { font: initial; } + + .menuitem { + GtkTreeMenu & { + padding: 0; + border-width: 0; + } + + &, .menu & { + margin: $spacing; + padding: $spacing; + border: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + + -GtkMenuItem-arrow-scaling: .5; + + &:active, &:hover { + border: 0; + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + + *:active, *:hover { color: $selected_fg_color; } + + &:insensitive, *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); } + } + + &.check, &.radio { + &, &:focus, &:hover, &:insensitive { background-image: none; } + + &, &:focus, &:hover, &:active, &:insensitive { + border-style: none; + background-color: transparent; + } + } + + &.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + + border-style: none; + color: shade($menu_bg_color, ($contrast + .1)); + } + + &.button, &.button.flat { + &, &:focus, &:active, &:insensitive, &:active:insensitive { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; + } + + &:hover, &:focus:hover, &:active:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + GtkCalendar { + &:inconsistent { color: mix($menu_fg_color, $menu_bg_color, .5); } + + .button { + border-style: none; + background-color: transparent; + background-image: none; + } + } + + .accelerator { + color: alpha($menu_fg_color, .6); + + &:hover { color: alpha($selected_fg_color, .8); } + + &:insensitive { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); } + } + + .entry { @include entry($menu_bg_color, $menu_fg_color); } + } + + GtkModelMenuItem GtkBox GtkImage { padding-right: $spacing; } +} + + +/********* + ! Popover +**********/ + +@include exports("popover") { + GtkPopover { + @include border($menu_bg_color); + + margin: 10px; + padding: $spacing; + border-radius: $roundness; + border-width: 1px; + border-style: solid; + background-clip: border-box; + background-color: $menu_bg_color; + background-image: none; + color: $menu_fg_color; + box-shadow: 0 3px 6px alpha($black, .16); + + &.background { + background-image: none; + background-color: $menu_bg_color; + color: $menu_fg_color; + } + + &:backdrop { box-shadow: none; } + + &.osd { + box-shadow: 0 2px 7px 3px alpha($black, .5); + + > .toolbar .button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; + } + } + + .view, .list { + background-color: shade($menu_bg_color, ($contrast + .5)); + background-image: none; + color: $menu_fg_color; + + &:hover { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + .list-row { + &, &.button { + background-color: transparent; + background-image: none; + color: $menu_fg_color; + + &:focus, &:hover, &:active { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .frame { + border-color: border_normal($menu_bg_color); + border-radius: $roundness; + } + + .entry { @include entry($base_color, $text_color); } + + .button { @include button($header_button_bg_color, $header_button_fg_color); } + + > .list, > .view, > .toolbar { background-color: transparent; } + + .separator { + border: 0; + background-color: transparent; + color: shade($menu_bg_color, ($contrast + .1)); + font-size: 80%; + font-weight: bold; + } + } + + GtkModelButton.button { + &, &:backdrop { + @include button(transparent, currentColor); + + &:focus:hover, &.flat:checked:hover, &:active:hover, &:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + box-shadow: none; + } + + &.flat { + &:checked { + box-shadow: none; + } + + &, &:hover { + transition: none; + } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_misc.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_misc.scss new file mode 100644 index 0000000..015632d --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_misc.scss @@ -0,0 +1,227 @@ +/*************** +! Dimmed label * +****************/ + +@include exports("dimlabel") { + .dim-label { + opacity: .5; + text-shadow: none; + } +} + + +/*********** + ! Tooltip * +************/ + +@include exports("tooltip") { + .tooltip { + &.background { + @include linear-gradient($tooltip_bg_color); + + border: 0; + border-radius: $roundness; + color: $tooltip_fg_color; + } + + * { + background-color: transparent; + color: inherit; + } + } +} + + +/*********** + ! Dialogs * +************/ + +@include exports("dialogs") { + GtkMessageDialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: $spacing; + -GtkDialog-action-area-border: $spacing; + -GtkDialog-button-spacing: $spacing; + + margin: 0; + padding: 0; + } +} + + +/********************* + ! App notifications * +**********************/ + +@include exports("notifications") { + .app-notification { + &, &.frame { + border-style: solid; + border-color: border_normal($osd_bg); + border-width: 0 1px 1px; + border-radius: 0 0 $roundness $roundness; + padding: $spacing * 2; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + .button { @include button($osd_bg, $osd_fg); } + } + } +} + + +/************* + ! Expanders * +**************/ + +@include exports("expander") { + GtkExpander { + padding: $spacing; + outline-offset: 1px; + } + + .expander { + color: alpha(currentColor, .7); + border: alpha(currentColor, .7); + + &:hover { + color: alpha(currentColor, .8); + border-color: alpha(currentColor, .8); + } + + &:active { + color: alpha(currentColor, .9); + border-color: alpha(currentColor, .9); + } + } +} + + +/******************* + ! Symbolic images * +********************/ + +@include exports("symbolicimage") { + .image { + color: alpha(currentColor, .5); + + &:hover { color: alpha(currentColor, .9); } + + &:selected, &:selected:hover { color: $selected_fg_color; } + } +} + + +/**************** + ! Floating bar * +*****************/ + +@include exports("floatingbar") { + .floating-bar { + @include linear-gradient($bg_color); + + border: 1px solid border_normal($bg_color); + border-radius: $roundness; + color: $fg_color; + + &.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + &.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + border: 0; + background-color: transparent; + background-image: none; + } + } +} + + +/************************* + ! Touch text selections * +**************************/ + +@include exports("touchbubble") { + GtkBubbleWindow { + border-radius: $roundness; + background-clip: border-box; + + &.osd.background { background-color: $osd_bg; } + + .toolbar { background-color: transparent; } + } +} + +/*************** + ! Font-viewer * +****************/ + +@include exports("fontviewer") { + SushiFontWidget { + padding: $spacing ($spacing * 2); + } +} + + +/************* + ! Gucharmap * +**************/ + +@include exports("charmap") { + GucharmapChartable { + background-color: $base_color; + color: $text_color; + + &:focus, &:hover, &:active, &:selected { @extend %selected; } + } +} + + +/************* + ! Evolution * +**************/ + +@include exports("evolution") { + EPreviewPane .entry { + background-color: $base_color; + color: $text_color; + } +} + + +/******************* + ! Gnome Bluetooth * +********************/ + +@include exports("gnome-bluetooth") { + GtkEntry.entry.pin-entry { + font: regular 50; + padding-left: 25px; + padding-right: 25px; + } + + GtkLabel.pin-label { font: regular 50; } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_notebook.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_notebook.scss new file mode 100644 index 0000000..962d8c3 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_notebook.scss @@ -0,0 +1,139 @@ +@import "button"; + + +/********** + ! Notebook +***********/ + +@include exports("notebook") { + .notebook { + padding: 0; + border-style: solid; + border-color: border_normal($bg_color); + border-radius: 0; + @include linear-gradient($bg_color); + background-clip: border-box; + color: $text_color; + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + + &.frame { + &.top { border-width: 0 1px 1px; } + + &.right { border-width: 1px 0 1px 1px; } + + &.bottom { border-width: 1px 1px 0; } + + &.left { border-width: 1px 1px 1px 0; } + } + + &.header { + border-width: 2px; + background-color: transparent; + } + + GtkViewport { + border-width: 0; + background-color: $base_color; + color: $text_color; + } + + tab { + padding: ($spacing + 1px) ($spacing * 2); + border-style: solid; + border-color: border_normal(shade($bg_color, 0.80)); + background-color: shade($bg_color, 0.80); + background-image: none; + + &:active { + background-color: $bg_color; + background-image: none; + } + + &.top { + border-width: 2px 1px 1px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + &:active { + border-top-width: 3px; + border-top-color: $selected_bg_color; + border-bottom-width: 0; + } + } + + &.right { + border-width: 1px 2px 1px 1px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + + &:active { + border-right-width: 3px; + border-right-color: $selected_bg_color; + border-left-width: 0; + } + } + + + &.bottom { + border-width: 1px 1px 2px; + border-top-right-radius: 0; + border-top-left-radius: 0; + + &:active { + border-bottom-width: 3px; + border-bottom-color: $selected_bg_color; + border-top-width: 0; + } + } + + &.left { + border-width: 1px 1px 1px 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:active { + border-left-width: 3px; + border-left-color: $selected_bg_color; + border-right-width: 0; + } + } + + GtkLabel { color: mix($text_color, $base_color, .3); } + + &.reorderable-page { + &:hover { + background-color: shade($base_color, .85); + border-left: 0; + border-right: 0; + /* using box shadows instead of borders due to slanted edges */ + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .7), inset -1px 0 shade($base_color, .7); + } + + &:active { + background-color: shade($base_color, .9); + border-left: 0; + border-right: 0; + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .75), inset -1px 0 shade($base_color, .75); + } + } + + /* close button styling */ + .button { @extend %close_button; } + + } + + .prelight-page { + &, GtkLabel { color: mix($text_color, $base_color, .15); } + } + + .active-page { + &, GtkLabel { color: $text_color; } + } + + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_osd.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_osd.scss new file mode 100644 index 0000000..dcb4e74 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_osd.scss @@ -0,0 +1,132 @@ +@import "button"; + + +/******* + ! OSD * +********/ + +@include exports("osd") { + GtkOverlay.osd { background-color: transparent; } + + .osd, + #XfceNotifyWindow { + &.background { + background-color: alpha($osd_bg, .8); + color: $osd_fg; + } + + &.frame { + background-clip: border-box; + background-origin: border-box; + } + + &.button, .button { @include button($osd_bg, $osd_fg); } + + + &.toolbar { + -GtkToolbar-button-relief: normal; + + padding: $spacing; + border: 1px solid border_normal($osd_bg); + border-radius: $roundness; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + .separator { color: shade($osd_bg, ($contrast + .1)); } + } + + /* used by gnome-settings-daemon's media-keys OSD */ + &.trough { background-color: shade($osd_bg, .8); } + + &.progressbar { background-color: $osd_fg; } + + .scale { + &.slider { + @include linear-gradient(shade($osd_bg, 1.08)); + @include border($osd_bg); + + &:insensitive { @include linear-gradient(shade($osd_bg, .9)); } + } + + &.trough { + border-color: shade($osd_bg, .8); + background-color: shade($osd_bg, 1.08); + background-image: none; + + &.highlight { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + background-image: none; + } + + &:insensitive, &.highlight:insensitive { + border-color: shade($osd_bg, .85); + background-color: shade($osd_bg, .9); + background-image: none; + } + } + } + + &.view, .view { background-color: $osd_bg; } + + .scrollbar { + .trough { background-color: $osd_bg; } + + .slider { + border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: 0; + background-color: mix($osd_bg, $osd_fg, .21); + + &:hover { + border-color: mix(shade($osd_bg, .87), $osd_fg, .31); + background-color: mix($osd_bg, $osd_fg, .31); + } + + &:active { + border-color: shade($selected_bg_color, .9); + background-color: $selected_bg_color; + } + } + } + + GtkIconView.cell { + &:selected, &:selected:focus { + background-color: transparent; + border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: $roundness; + outline-color: transparent; + } + } + + /* used by Documents */ + .page-thumbnail { + border: 1px solid shade($osd_bg, .9); + /* when there's no pixbuf yet */ + background-color: $osd_bg; + } + } + + .osd GtkProgressBar, GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 2px; + -GtkProgressBar-min-horizontal-bar-height: 2px; + + padding: 0; + + &.trough { + padding: 0; + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; + } + + &.progressbar { + border-style: none; + border-radius: 0; + background-color: $selected_bg_color; + background-image: none; + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_overshoot.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_overshoot.scss new file mode 100644 index 0000000..9950eb1 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_overshoot.scss @@ -0,0 +1,119 @@ +@mixin overshoot($position, $type: normal, $color: $selected_bg_color) { + $_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 $position == bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } @else if $position == right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } @else if $position == left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $color; + $_big_gradient_color: $color; + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .5, + to(alpha($_small_gradient_color, .35)), + to(alpha($_small_gradient_color, .25))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .6, + from(alpha($_big_gradient_color, .2)), + to(alpha($_big_gradient_color, 0))); + + @if $type == normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } @else if $type == 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: 0; + box-shadow: none; +} + +@mixin undershoot($position) { + $_undershoot_color_dark: alpha($black, .2); + $_undershoot_color_light: alpha($white, .2); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $position; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($position == left) or ($position == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $position center; + } + + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + + padding-#{$position}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; +} + +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This 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); } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_progress.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_progress.scss new file mode 100644 index 0000000..8a1ef11 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_progress.scss @@ -0,0 +1,182 @@ +/***************** + ! Progress bars * +******************/ + +@include exports("progressbar") { + GtkProgressBar { + padding: 0; + border-radius: $roundness; + font-size: smaller; + color: alpha($fg_color, .6); + + -GtkProgressBar-min-horizontal-bar-height: 6; + -GtkProgressBar-min-vertical-bar-width: 6; + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; + } + + &.trough { + border: 1px solid alpha(border_normal($bg_color), .5); + background-color: shade($bg_color, 1.08); + background-image: none; + } + } + + .progressbar { + @include linear-gradient($selected_bg_color); + + border-radius: 0; + box-shadow: none; + + &.left { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.left.right { box-shadow: none; } + + &.vertical { + @include linear-gradient($selected_bg_color, to right); + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + } + } + + GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; + + &.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; + } + } + + .level-bar { + &.trough { + @include linear-gradient(shade($bg_color, 1.08), to top); + + border: 1px solid alpha(border_normal($bg_color), .5); + border-radius: $roundness; + } + + &.fill-block { + @include linear-gradient($selected_bg_color); + + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border-color: transparent; + border-radius: 0; + + &.indicator-discrete { + &.horizontal { margin-right: 1px; } + + &.vertical { margin-bottom: 1px; } + } + + &.level-high { + background-color: $success_color; + border-color: transparent; + } + + &.level-low { + background-color: $warning_color; + border-color: transparent; + } + + &.empty-fill-block { + background-color: transparent; + border-color: transparent; + box-shadow: none; + } + } + } + + .scale { + -GtkRange-slider-width: 16; + -GtkRange-trough-border: 1; + -GtkScale-slider-length: 16; + + padding: 0; + border-width: 1px; + border-radius: $roundness; + outline-offset: -1px; + + + &.slider { + @include linear-gradient(shade($bg_color, 1.08)); + @include border($bg_color); + + border-radius: 8px; + border-width: 1px; + border-style: solid; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3); + + &:insensitive { @include linear-gradient(shade($bg_color, .9)); } + } + + &.fine-tune { + &, &.horizontal { + &:active, &:active:hover { + background-size: 50%; + background-repeat: no-repeat; + background-position: center; + } + } + } + + &.mark { border-color: alpha(border_normal($bg_color), .5); } + + + &.trough { + @include linear-gradient(shade($bg_color, 1.08)); + + margin: 7px 0; + border: 1px solid alpha(border_normal($bg_color), .5); + border-radius: $roundness; + + &:insensitive { @include linear-gradient(shade($bg_color, .9)); } + + &.vertical { margin: 0 7px; } + } + + &.highlight.left { + &, .memuitem & { + @include linear-gradient($selected_bg_color); + border-color: $selected_bg_color; + + &:hover { + border-color: border_normal($selected_bg_color); + background-color: shade($selected_bg_color, .8); + } + + &:insensitive { + @include linear-gradient(shade($bg_color, .9)); + border-color: shade($bg_color, .85); + } + } + } + + &.highlight.bottom { + @include linear-gradient($selected_bg_color); + border-color: $selected_bg_color; + } + + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_scrollbar.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_scrollbar.scss new file mode 100644 index 0000000..2d1af41 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_scrollbar.scss @@ -0,0 +1,86 @@ +/*********** + ! Scrollbar +************/ + +@include exports("scrollbar") { + * { + -GtkRange-slider-width: 8; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 2; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 80; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + } + + .scrollbar { + border: 0; + padding: 0; + + &.button { + &, &:active, &:active:hover { + border-width: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + color: alpha($fg_color, .5); + } + } + + &.slider, &.slider.vertical { + border: 0; + border-radius: $roundness; + background-color: mix($bg_color, $fg_color, 0.21); + + &:hover { background-color: mix($bg_color, $fg_color, .31); } + + &:active { background-color: $selected_bg_color; } + + &.fine-tune:hover:active { border: 2px solid transparent; } + } + + // overlay scrolling indicator + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + opacity: .5; + + -GtkRange-slider-width: 4px; + + .slider { + margin: 0; + background-color: $fg_color; + background-clip: padding-box; + } + + .trough { + border-style: none; + background-color: transparent; + } + } + + &.dragging, &.hovering { opacity: .7; } + } + } + + .scrollbars-junction, + .scrollbars-junction.frame, + .scrollbar.trough { + border: 0; + border-radius: 0; + background-color: $bg_color; + background-image: none; + } + + // ubuntu overlay scrollbars + OsThumb, OsScrollbar { + color: shade($bg_color, .7); + + &:selected { background-color: $selected_bg_color; } + + &:active { background-color: $selected_bg_color; } + + &:insensitive { background-color: shade($bg_color, .9); } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_sidebar.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_sidebar.scss new file mode 100644 index 0000000..7ec5727 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_sidebar.scss @@ -0,0 +1,114 @@ +/********* + ! Sidebar +**********/ + +@include exports("sidebar") { + .sidebar { + &, &.view, .view, GtkScrolledWindow { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + &.separator { + &, &:hover, &:focus { + border-width: 1px; + border-style: solid; + border-color: shade($bg_color, .9); + color: shade($bg_color, .9); + } + } + } + + row, .view row { + &:selected { + &, &:hover, &:focus { + border: 0; + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:hover { + border: 0; + background-image: none; + background-color: shade($selected_bg_color, 1.05); + color: $selected_fg_color; + } + } + + &:hover { + border: 0; + background-image: none; + background-color: shade($bg_color, 1.05); + } + } + + .frame { border-width: 0; } + + .sidebar-row { + padding: 1px; + } + + .sidebar-icon { + padding-left: $spacing * 2; + padding-right: $spacing * 2; + } + + GtkAssistant & { + padding: $spacing; + border-width: 0 1px 0 0; + border-style: solid; + border-right-color: border_normal($bg_color); + border-radius: 0; + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + &:dir(ltr) { border-width: 0 1px 0 0; } + + &:dir(rtl) { border-width: 0 0 0 1px; } + + .label { + padding: $spacing ($spacing * 2); + + &.highlight { background-color: mix($bg_color, $fg_color, .8); } + } + + &.csd .sidebar { border-top-style: none; } + + .highlight { font: bold; } + } + } +} + + +/****** +! Paned +*******/ + +@include exports("paned") { + GtkPaned { + -GtkPaned-handle-size: 1; + -gtk-icon-source: none; + margin: 0 $spacing; + + &:dir(rtl) { + margin-right: 0; + margin-left: $spacing; + } + + .pane-separator { background-color: shade($bg_color, .9); } + + &.wide { + -GtkPaned-handle-size: 4; + margin: 0; + + .pane-separator { + background-color: transparent; + border-style: none solid; + border-color: shade($bg_color, .9); + border-width: 1px; + } + + &.vertical .pane-separator { border-style: solid none; } + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_spinner.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_spinner.scss new file mode 100644 index 0000000..9c753f7 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_spinner.scss @@ -0,0 +1,24 @@ +/******************* + ! Spinner animation +********************/ + +@include exports("spinner") { + @keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } + } + + .spinner { + background-image: none; + background-color: $selected_bg_color; + opacity: 0; // non spinning spinner makes no sense + + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + + &:active { + opacity: 1; + animation: spin 1s linear infinite; + + &:insensitive { opacity: .5; } + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_toggle.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_toggle.scss new file mode 100644 index 0000000..b85fef2 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_toggle.scss @@ -0,0 +1,128 @@ +/*********************** + ! Check and Radio items +************************/ + +$suffix: if($variant == "dark", "-dark", ""); + +@mixin toggle($type) { + background-image: none; + + -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.svg"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.svg"); } + + &:checked, &:active { + -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.svg"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.svg"); } + } + + &:inconsistent { + -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.svg"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.svg"); } + } + + &.menuitem { + -gtk-icon-source: url("../assets/menuitem-#{$type}-unchecked.svg"); + + &:insensitive { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); + } + + &:checked, &:active { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.svg"); } + + &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); } + } + + &:inconsistent { + -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.svg"); } + + &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.svg"); } + } + } +} + +@include exports("checkradio") { + * { + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + } + + .radio { @include toggle("radio"); } + + .check { @include toggle("checkbox"); } + + //selection-mode + @each $s,$as in ('', '-unchecked'), + (':hover', '-unchecked'), + (':active', '-checked'), + (':backdrop', '-unchecked'), + (':checked', '-checked'), + (':checked:hover', '-checked'), + (':checked:active', '-checked'), + (':backdrop:checked', '-checked') { + .view.content-view.check#{$s}:not(list) { + icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.svg"); + background-color: transparent; + } + } +} + + +/******** + ! Switch +*********/ + +@include exports("switch") { + GtkSwitch { + padding: 0; + border-radius: $roundness; + font: bold condensed; + outline-offset: -4px; + + &.slider { + @include linear-gradient(shade($bg_color, 1.2)); + + border: 1px solid rgba(0, 0, 0, .2); + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12); + + &:insensitive { + border-color: rgba(0, 0, 0, .1); + background-color: shade($bg_color, .9); + box-shadow: none; + } + } + + &.trough { + @include linear-gradient(shade($bg_color, .95), to top); + + border: 1px solid border_normal($bg_color); + color: $fg_color; + box-shadow: inset 1px 0 alpha($dark_shadow, .07), + inset 0 1px alpha($dark_shadow, .08), + inset -1px 0 alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + + &:active { + @include linear-gradient($selected_bg_color, to top); + + border-color: shade($selected_bg_color, .9); + color: $selected_fg_color; + } + + &:insensitive { + @include linear-gradient(shade($bg_color, .9), to top); + + border-color: border_insensitive($bg_color); + color: mix($fg_color, $bg_color, .5); + } + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_toolbar.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_toolbar.scss new file mode 100644 index 0000000..362ade4 --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_toolbar.scss @@ -0,0 +1,132 @@ +@import "button"; + + +/********* + ! Toolbar +**********/ + +@mixin toolbar($bg, $fg) { + @include linear-gradient($bg); + @include border($bg); + + padding: $spacing * 2; + color: $fg; + + &:insensitive { + @include linear-gradient(shade($bg, .9)); + + color: mix($fg, $bg, .5); + } + + .title { + font: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font: smaller; + padding: 0 ($spacing * 2); + } + + .button { @include button($header_button_bg_color, $header_button_fg_color); } + + .button.linked, .linked .button { @include linked_button($header_button_bg_color); } + + GtkComboBox, .button { + padding: $spacing - 1px; + + &.text-button { padding: $spacing; } + + &.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; } + } + + GtkSeparatorToolItem, .separator, .separator:insensitive { + color: shade($bg, ($contrast + .1)); + border-color: currentColor; + + -GtkWidget-window-dragging: true; + } + + .menubar { -GtkToolbar-button-relief: normal; } +} + +@include exports("toolbar") { + .toolbar { + @include toolbar($bg_color, $fg_color); + + padding: 2px; + border-style: none; + + &.inline-toolbar { + background-image: none; + background-color: transparent; + } + GtkToolButton:insensitive GtkButton:insensitive, + GtkToolButton:insensitive GtkButton:insensitive.button, + GtkToolButton:insensitive GtkButton:insensitive.flat.button { + background-color: $bg_color; + } + } + + .header-bar { + @include toolbar($titlebar_bg_color, $titlebar_fg_color); + + border-width: 0 0 1px; + border-style: solid; + .button { + color: $header_button_fg_color; + } + } + + .titlebar { + @include linear-gradient($titlebar_bg_color); + + border-radius: $roundness $roundness 0 0; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + + &:backdrop { + @include linear-gradient($titlebar_bg_color); + + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + text-shadow: none; + } + + &.default-decoration { + border: 0; + box-shadow: none; + } + + .tiled &, .maximized & { border-radius: 0; } + + .title { font: bold; } + + .titlebutton { + padding: $spacing; + border: 0; + background-image: none; + background-color: transparent; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + box-shadow: none; + + &:hover, &:hover:focus { + background-image: none; + background-color: transparent; + color: $selected_bg_color; + box-shadow: none; + } + + &:active, &:active:hover { + background-image: none; + background-color: transparent; + color: shade($selected_bg_color, .9); + box-shadow: none; + } + + &:backdrop { + background: none; + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + icon-shadow: none; + } + } + } +} diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_view.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_view.scss new file mode 100644 index 0000000..bfa33dc --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_view.scss @@ -0,0 +1,233 @@ +/*************** + ! Generic views +****************/ + +@include exports("view") { + * { -GtkTextView-error-underline-color: $error_color; } + + .view { + color: $text_color; + background-color: $base_color; + + &:insensitive, &:insensitive:insensitive { + background-color: shade($base_color, .9); + color: mix($text_color, $base_color, .5); + } + + &:selected, &:selected:focus { @extend %selected; } + } + + .cell { + border-width: 0; + border-radius: 0; + + &:selected, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + row { + &:selected { + &, &:hover, &:focus { + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + border: 0; + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + } + } + + .content-view { + &.view { + background-color: $base_color; + + &:hover { background-color: alpha($selected_bg_color, .6); } + + &:selected, &:active { background-color: $selected_bg_color; } + + &:insensitive { background-color: shade($base_color, .9); } + + &.check { + &, &:active, &:hover, &:insensitive, &:selected { background-color: transparent; } + } + } + + .subtitle { + font: smaller; + padding: 0 12px; + } + } + + GtkIconView { + &.content-view.check { @extend .content-view.check; } + + &.view.cell { + &:selected, &:selected:focus { + border: 0; + border-radius: 2px; + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .dim-label { + &, &.view { color: alpha(currentColor, .5); } + } + + .dnd { border: 1px solid $selected_bg_color; } + + .grip { background-color: transparent; } + + .arrow { color: alpha(currentColor, .7); } + + .rubberband { + &, &.view, &.content-view.view { + border: 1px solid $selected_bg_color; + border-radius: 0; + background-color: alpha($selected_bg_color, .3); + } + } + + GdMainIconView.content-view { -GdMainIconView-icon-size: 40; } + + /* this will get overridden by .view, needed by gedit line numbers */ + GtkTextView { background-color: mix($bg_color, $base_color, .5); } + + GtkHTML { + @extend .view; + + &:insensitive { background-color: shade($base_color, .9); } + } + + GtkDrawingArea { background-color: transparent; } +} + +/************ + ! Treeview * +*************/ + +@include exports("treeview") { + GtkTreeView { + -GtkTreeView-expander-size: 8; + -GtkTreeView-vertical-separator: 0; + + outline-offset: -1px; + border-top-color: shade($menu_bg_color, ($contrast + .1)); + + &:hover, &:selected, &:selected:focus, &:backdrop:selected, &:backdrop:selected:focus { border-top-color: $selected_bg_color; } + + &.dnd { border: 1px solid $selected_bg_color; } + + .entry { + border-radius: 0; + background-color: $base_color; + background-image: none; + } + + .progressbar { + @include linear-gradient($selected_bg_color); + border: 1px solid border_normal($selected_bg_color); + + &:selected { + &:focus, & { + @include linear-gradient($selected_bg_color); + border: 1px solid border_focus($selected_bg_color); + color: $selected_fg_color; + } + } + + &:insensitive { + &:insensitive { + @include linear-gradient($bg_color); + border-color: border_insensitive($bg_color); + } + } + } + + .trough { + background-color: mix($bg_color, $base_color, .5); + border: 1px solid border_normal($base_color); + + &:selected { + &:focus, & { + background-color: $base_color; + border: 1px solid border_focus($bg_color); + color: $text_color; + } + } + + &:insensitive { + &:insensitive { + background-color: $base_color; + } + } + } + } +} + + +/*********** + ! Separator +************/ + +@include exports("separator") { + .view.separator, .separator { + color: shade($bg_color, ($contrast + .1)); + border: 1px solid currentColor; + } +} + + +/********************* + ! Column view headers +**********************/ + +@include exports("columnheader") { + column-header { + .button { + &, &:active { + border-width: 0 1px 1px 0; + border-radius: 0; + } + + &, &:active, &:focus, &:active:focus { + border-color: shade($base_color, .9); + border-bottom-color: shade($base_color, .8); + background-color: shade($base_color, .97); + background-image: none; + } + + &:hover, &:active:hover, &:hover:focus, &:active:hover:focus { + border-color: shade($base_color, .9); + border-bottom-color: shade($base_color, .8); + background-color: shade($base_color, .99); + background-image: none; + } + + &:last-child .button { border-width: 0 0 1px; } + } + } +} + + +/********** + ! Frames * +***********/ + +@include exports("frame") { + .frame { + border: 1px solid border_normal($bg_color); + + &.flat { border: 0; } + } + + /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ + GtkScrolledWindow GtkViewport.frame { border: 0; } +} + diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_window.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_window.scss new file mode 100644 index 0000000..7742fbb --- /dev/null +++ b/Redcore-daylight/gtk-3.0/scss/widgets/_window.scss @@ -0,0 +1,60 @@ +/************** + ! Window frame +***************/ + +@include exports("window") { + %window { + box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22), + 0 0 0 1px $wm_border_focused; + + &:backdrop { + box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23), + 0 0 0 1px $wm_border_unfocused; + } + } + + .window-frame { + @extend %window; + + border: 0; + border-radius: $roundness $roundness 0 0; + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + /* this is used for the resize cursor area */ + margin: $spacing * 3; + + &.tiled { border-radius: 0; } + + &.solid-csd { + border-radius: $roundness $roundness 0 0; + margin: 1px; + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + box-shadow: none; + } + + &.csd { + &.popup { + @extend %window; + + border-radius: 0; + } + + &.tooltip { + border-radius: $roundness; + box-shadow: none; + } + + &.message-dialog { + @extend %window; + + border-radius: $roundness; + } + } + + &.ssd { + // Fixed gtk-3.18 Unity bug (https://github.com/numixproject/numix-gtk-theme/issues/270) + box-shadow: 0 0 0 1px $wm_border_focused; + + &.maximized { border-radius: 0; } + } + } +} diff --git a/Redcore-daylight/gtk-3.0/settings.ini b/Redcore-daylight/gtk-3.0/settings.ini deleted file mode 100644 index 9aa01e5..0000000 --- a/Redcore-daylight/gtk-3.0/settings.ini +++ /dev/null @@ -1,3 +0,0 @@ -[Settings] -gtk-auto-mnemonics = 1 -gtk-visible-focus = automatic diff --git a/Redcore-daylight/gtk-3.20/assets/all-assets.svg b/Redcore-daylight/gtk-3.20/assets/all-assets.svg new file mode 100644 index 0000000..6b2b9d7 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/all-assets.svg @@ -0,0 +1,4456 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/all-assets.txt b/Redcore-daylight/gtk-3.20/assets/all-assets.txt new file mode 100644 index 0000000..6e738e3 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/all-assets.txt @@ -0,0 +1,38 @@ +checkbox-checked-dark +checkbox-checked-insensitive-dark +checkbox-checked-insensitive +checkbox-checked +checkbox-mixed-dark +checkbox-mixed-insensitive-dark +checkbox-mixed-insensitive +checkbox-mixed +checkbox-unchecked-dark +checkbox-unchecked-insensitive-dark +checkbox-unchecked-insensitive +checkbox-unchecked +grid-selection-checked-dark +grid-selection-checked +grid-selection-unchecked-dark +grid-selection-unchecked +menuitem-checkbox-checked-hover +menuitem-checkbox-checked-insensitive +menuitem-checkbox-checked +menuitem-checkbox-mixed-hover +menuitem-checkbox-mixed-insensitive +menuitem-checkbox-mixed +menuitem-radio-checked-hover +menuitem-radio-checked-insensitive +menuitem-radio-checked +pane-handle +radio-checked-dark +radio-checked-insensitive-dark +radio-checked-insensitive +radio-checked +radio-mixed-dark +radio-mixed-insensitive-dark +radio-mixed-insensitive +radio-mixed +radio-unchecked-dark +radio-unchecked-insensitive-dark +radio-unchecked-insensitive +radio-unchecked diff --git a/Redcore-daylight/gtk-3.20/assets/change_dpi.sh b/Redcore-daylight/gtk-3.20/assets/change_dpi.sh new file mode 100755 index 0000000..058dcc4 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/change_dpi.sh @@ -0,0 +1,4 @@ +#!/usr/bin/env bash +for f in $@; do + rsvg-convert -d 300 -p 300 -f svg $f -o $f.bak ; mv $f.bak $f +done diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-checked-dark.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-checked-dark.svg new file mode 100644 index 0000000..e739ee0 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-checked-dark.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-checked-insensitive-dark.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-checked-insensitive-dark.svg new file mode 100644 index 0000000..b21c9cf --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-checked-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-checked-insensitive.svg new file mode 100644 index 0000000..b21c9cf --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-checked.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-checked.svg new file mode 100644 index 0000000..0fda272 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-mixed-dark.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-mixed-dark.svg new file mode 100644 index 0000000..33e04b1 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-mixed-insensitive-dark.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-mixed-insensitive-dark.svg new file mode 100644 index 0000000..53cd745 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-mixed-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..53cd745 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-mixed.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-mixed.svg new file mode 100644 index 0000000..33e04b1 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-dark.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-dark.svg new file mode 100644 index 0000000..1fb0d3e --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-insensitive-dark.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..9fe051a --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-insensitive.svg new file mode 100644 index 0000000..9fe051a --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked.svg b/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked.svg new file mode 100644 index 0000000..1fb0d3e --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/checkbox-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/grid-selection-checked-dark.svg b/Redcore-daylight/gtk-3.20/assets/grid-selection-checked-dark.svg new file mode 100644 index 0000000..93239d3 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/grid-selection-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/grid-selection-checked.svg b/Redcore-daylight/gtk-3.20/assets/grid-selection-checked.svg new file mode 100644 index 0000000..93239d3 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/grid-selection-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/grid-selection-unchecked-dark.svg b/Redcore-daylight/gtk-3.20/assets/grid-selection-unchecked-dark.svg new file mode 100644 index 0000000..c90e664 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/grid-selection-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/grid-selection-unchecked.svg b/Redcore-daylight/gtk-3.20/assets/grid-selection-unchecked.svg new file mode 100644 index 0000000..c90e664 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/grid-selection-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked-hover.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked-hover.svg new file mode 100644 index 0000000..5a07853 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked-insensitive.svg new file mode 100644 index 0000000..866c731 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked.svg new file mode 100644 index 0000000..3bb776b --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-hover.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-hover.svg new file mode 100644 index 0000000..b972378 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..424482a --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-selected.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-selected.svg new file mode 100644 index 0000000..257f6bb --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed.svg new file mode 100644 index 0000000..6098c66 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-unchecked.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-unchecked.svg new file mode 100644 index 0000000..f7d48ab --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-checkbox-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked-hover.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked-hover.svg new file mode 100644 index 0000000..24f0b06 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked-insensitive.svg new file mode 100644 index 0000000..e17e3fb --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked.svg new file mode 100644 index 0000000..44ff5cb --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-hover.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-hover.svg new file mode 100644 index 0000000..bc3f999 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-insensitive.svg new file mode 100644 index 0000000..54b8f1e --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-selected.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-selected.svg new file mode 100644 index 0000000..c7517a3 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed.svg new file mode 100644 index 0000000..1476ba4 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/menuitem-radio-unchecked.svg b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-unchecked.svg new file mode 100644 index 0000000..8fdd8e0 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/menuitem-radio-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/pane-handle-vertical.svg b/Redcore-daylight/gtk-3.20/assets/pane-handle-vertical.svg new file mode 100644 index 0000000..7687658 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/pane-handle-vertical.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/pane-handle.png b/Redcore-daylight/gtk-3.20/assets/pane-handle.png new file mode 100644 index 0000000..e67a9dc Binary files /dev/null and b/Redcore-daylight/gtk-3.20/assets/pane-handle.png differ diff --git a/Redcore-daylight/gtk-3.20/assets/pane-handle.svg b/Redcore-daylight/gtk-3.20/assets/pane-handle.svg new file mode 100644 index 0000000..7bb6cf1 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/pane-handle.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/pane-handle@2.png b/Redcore-daylight/gtk-3.20/assets/pane-handle@2.png new file mode 100644 index 0000000..8a2cd07 Binary files /dev/null and b/Redcore-daylight/gtk-3.20/assets/pane-handle@2.png differ diff --git a/Redcore-daylight/gtk-3.20/assets/radio-checked-dark.svg b/Redcore-daylight/gtk-3.20/assets/radio-checked-dark.svg new file mode 100644 index 0000000..cae13fa --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-checked-insensitive-dark.svg b/Redcore-daylight/gtk-3.20/assets/radio-checked-insensitive-dark.svg new file mode 100644 index 0000000..72bd79f --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-checked-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/radio-checked-insensitive.svg new file mode 100644 index 0000000..72bd79f --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-checked.svg b/Redcore-daylight/gtk-3.20/assets/radio-checked.svg new file mode 100644 index 0000000..cae13fa --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-mixed-dark.svg b/Redcore-daylight/gtk-3.20/assets/radio-mixed-dark.svg new file mode 100644 index 0000000..667d0df --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-mixed-insensitive-dark.svg b/Redcore-daylight/gtk-3.20/assets/radio-mixed-insensitive-dark.svg new file mode 100644 index 0000000..a7fe318 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-mixed-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/radio-mixed-insensitive.svg new file mode 100644 index 0000000..a7fe318 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-mixed.svg b/Redcore-daylight/gtk-3.20/assets/radio-mixed.svg new file mode 100644 index 0000000..667d0df --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-selected-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/radio-selected-insensitive.svg new file mode 100644 index 0000000..72bd79f --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-selected-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-selected.svg b/Redcore-daylight/gtk-3.20/assets/radio-selected.svg new file mode 100644 index 0000000..cae13fa --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-selected.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-unchecked-dark.svg b/Redcore-daylight/gtk-3.20/assets/radio-unchecked-dark.svg new file mode 100644 index 0000000..b1814ac --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-unchecked-insensitive-dark.svg b/Redcore-daylight/gtk-3.20/assets/radio-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..3d0fa6a --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-unchecked-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/radio-unchecked-insensitive.svg new file mode 100644 index 0000000..3d0fa6a --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-unchecked.svg b/Redcore-daylight/gtk-3.20/assets/radio-unchecked.svg new file mode 100644 index 0000000..b1814ac --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-unselected-dark.svg b/Redcore-daylight/gtk-3.20/assets/radio-unselected-dark.svg new file mode 100644 index 0000000..214ed94 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-unselected-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-unselected-insensitive-dark.svg b/Redcore-daylight/gtk-3.20/assets/radio-unselected-insensitive-dark.svg new file mode 100644 index 0000000..0fdfaf4 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-unselected-insensitive-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-unselected-insensitive.svg b/Redcore-daylight/gtk-3.20/assets/radio-unselected-insensitive.svg new file mode 100644 index 0000000..3d0fa6a --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-unselected-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/radio-unselected.svg b/Redcore-daylight/gtk-3.20/assets/radio-unselected.svg new file mode 100644 index 0000000..b1814ac --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/radio-unselected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-daylight/gtk-3.20/assets/sed.sh b/Redcore-daylight/gtk-3.20/assets/sed.sh new file mode 100755 index 0000000..3a5a6f9 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/sed.sh @@ -0,0 +1,9 @@ +#!/bin/sh +sed -i \ + -e 's/#dedede/rgb(0%,0%,0%)/g' \ + -e 's/#2d2d2d/rgb(100%,100%,100%)/g' \ + -e 's/#dedede/rgb(50%,0%,0%)/g' \ + -e 's/#990000/rgb(0%,50%,0%)/g' \ + -e 's/#dedede/rgb(50%,0%,50%)/g' \ + -e 's/#2d2d2d/rgb(0%,0%,50%)/g' \ + $@ diff --git a/Redcore-daylight/gtk-3.20/assets/unsed.sh b/Redcore-daylight/gtk-3.20/assets/unsed.sh new file mode 100755 index 0000000..7015ce8 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/assets/unsed.sh @@ -0,0 +1,11 @@ +#!/bin/sh +sed -i \ + -e 's/rgb(0%,0%,0%)/#dedede/g' \ + -e 's/rgb(100%,100%,100%)/#2d2d2d/g' \ + -e 's/rgb(50%,0%,0%)/#dedede/g' \ + -e 's/rgb(0%,50%,0%)/#990000/g' \ + -e 's/rgb(0%,50.196078%,0%)/#990000/g' \ + -e 's/rgb(50%,0%,50%)/#dedede/g' \ + -e 's/rgb(50.196078%,0%,50.196078%)/#dedede/g' \ + -e 's/rgb(0%,0%,50%)/#2d2d2d/g' \ + $@ diff --git a/Redcore-daylight/gtk-3.20/dist/gtk-dark.css b/Redcore-daylight/gtk-3.20/dist/gtk-dark.css new file mode 100644 index 0000000..b5214d6 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/dist/gtk-dark.css @@ -0,0 +1,7778 @@ +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +/* dark color scheme */ +@define-color dark_bg_color #dedede; +@define-color dark_fg_color #2d2d2d; +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color #dedede; +@define-color theme_fg_color #2d2d2d; +@define-color theme_base_color #dedede; +@define-color theme_text_color #2d2d2d; +@define-color theme_selected_bg_color #990000; +@define-color theme_selected_fg_color #dedede; +@define-color theme_tooltip_bg_color #dedede; +@define-color theme_tooltip_fg_color #2d2d2d; +/* shadow effects */ +@define-color light_shadow #dfdfdf; +@define-color dark_shadow #090909; +/* misc colors used by gtk+ */ +@define-color info_fg_color #fff; +@define-color info_bg_color #03a9f4; +@define-color warning_fg_color #fff; +@define-color warning_bg_color #ef6c00; +@define-color question_fg_color #fff; +@define-color question_bg_color #673ab7; +@define-color error_fg_color #fff; +@define-color error_bg_color #f44336; +@define-color link_color #3f51b5; +@define-color success_color #4caf50; +@define-color warning_color #ef6c00; +@define-color error_color #f44336; +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; +@define-color borders mix(#dedede,#2d2d2d,0.08); +@define-color unfocused_borders mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); +@define-color button_bg_color #dedede; +@define-color button_fg_color #2d2d2d; +@define-color header_button_bg_color #dedede; +@define-color header_button_fg_color #2d2d2d; +@define-color insensitive_bg_color mix(#dedede,#dedede,0.6); +@define-color insensitive_fg_color mix(#2d2d2d,#dedede,0.5); +/* osd */ +@define-color osd_base #dedede; +@define-color osd_bg rgba(222, 222, 222, 0.8); +@define-color osd_fg #2d2d2d; +@define-color osd_insensitive_bg_color mix(#2d2d2d,rgba(222, 222, 222, 0.8),0.5); +@define-color osd_insensitive_fg_color mix(#2d2d2d,#dedede,0.6); +@define-color osd_borders_color rgba(189, 189, 189, 0.8); +/* lightdm greeter colors */ +@define-color lightdm_bg_color #dedede; +@define-color lightdm_fg_color #2d2d2d; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color mix(#2d2d2d,#dedede,0.5); +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #2d2d2d; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #dedede; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #dedede; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #990000; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #dedede; +/* insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #b8b8b8; +/* window manager colors */ +@define-color wm_bg #dedede; +@define-color wm_border_focused #990000; +@define-color wm_border_unfocused #dedede; +@define-color wm_title_focused mix(#2d2d2d,#dedede,0.1); +@define-color wm_title_unfocused mix(#2d2d2d,#dedede,0.4); +@define-color wm_icons_focused mix(#2d2d2d,#dedede,0.1); +@define-color wm_icons_focused_prelight #990000; +@define-color wm_icons_focused_pressed #7a0000; +@define-color wm_icons_unfocused mix(#2d2d2d,#dedede,0.4); +@define-color wm_icons_unfocused_prelight #990000; +@define-color wm_icons_unfocused_pressed #7a0000; +/************** + ! GTK settings +***************/ +* { + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + -GtkWidget-cursor-aspect-ratio: 0.04; + outline-color: rgba(153, 0, 0, 0.5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + -gtk-outline-radius: 0px; } + +/************* + ! Base states + *************/ +*:selected, .gtkstyle-fallback:selected, GucharmapChartable:focus, GucharmapChartable:hover, GucharmapChartable:active, GucharmapChartable:selected, .gedit-document-panel-document-row:selected, .gedit-document-panel-document-row:selected:hover, GeditViewFrame .gedit-search-slider .not-found:selected, :focus:selected, GucharmapChartable:focus, .gedit-document-panel-document-row:focus:selected:hover, GeditViewFrame .gedit-search-slider .not-found:focus:selected { + background-color: #990000; + color: #dedede; } + +* { + /* hyperlinks */ + -GtkIMHtml-hyperlink-color: #3f51b5; } + *:disabled, *:disabled:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + *:disabled, *:disabled { + -gtk-icon-effect: dim; } + *:hover { + -gtk-icon-effect: highlight; } + *:link, *:visited { + color: #3f51b5; } + +.background { + background-color: #dedede; + color: #2d2d2d; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + .background.csd { + background-color: #dedede; } + +.gtkstyle-fallback { + background-color: rgba(222, 222, 222, 0.5); + color: #2d2d2d; } + .gtkstyle-fallback:hover { + background-color: #f4f4f4; + color: #2d2d2d; } + .gtkstyle-fallback:active { + background-color: #c8c8c8; + color: #2d2d2d; } + .gtkstyle-fallback:disabled { + background-color: #dddddd; + color: mix(#2d2d2d,#dedede,0.5); } + +image, image:disabled, label, label:disabled, box, box:disabled, grid, grid:disabled { + background-color: transparent; } + +label.separator { + color: #2d2d2d; } + label.separator:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } +label selection { + background-color: #990000; + color: #dedede; } +label:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + label:disabled:backdrop { + color: #b8b8b8; } +label:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } + +assistant .sidebar { + background-color: #dedede; + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + assistant .sidebar:backdrop { + background-color: #dedede; + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 3px 6px; } +assistant .sidebar label.highlight { + background-color: mix(#2d2d2d,#dedede,0.8); } + +/********* + ! Buttons +**********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#990000), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)); } } +stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), 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; } + stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + +button, headerbar button, .titlebar:not(headerbar) button, toolbar button, toolbar.inline-toolbar button, .suggested-action, headerbar.selection-mode button.suggested-action, +.titlebar:not(headerbar).selection-mode button.suggested-action, .destructive-action, headerbar.selection-mode button, +.titlebar:not(headerbar).selection-mode button, infobar.info button, infobar.warning button, infobar.question button, infobar.error button, popover.background button, frame.app-notification button, button.osd, +#XfceNotifyWindow button, .osd button, .osd spinbutton:not(.vertical) button, +#XfceNotifyWindow spinbutton:not(.vertical) button, .osd spinbutton.vertical button:first-child, +#XfceNotifyWindow spinbutton.vertical button:first-child, .nemo-window toolbar button, .nemo-window .sidebar + separator + box .primary-toolbar button.flat, #login_window button, #shutdown_button button, #restart_button button { + min-height: 20px; + min-width: 20px; + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-radius: 0px; + transition: 150ms ease; + outline-color: transparent; } + +calendar.view, calendar.view:backdrop, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, menu menuitem calendar.button, +.menu menuitem calendar.button, +.context-menu menuitem calendar.button, menu menuitem calendar.button:hover, +.menu menuitem calendar.button:hover, +.context-menu menuitem calendar.button:hover, modelbutton.flat, +menuitem.button.flat, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +spinbutton:not(.vertical) button, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat { + border-radius: 0; + border-left-style: none; + border-right-style: solid; } + spinbutton:not(.vertical) button:dir(rtl), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), toolbar.inline-toolbar toolbutton > button.flat:dir(rtl) { + border-radius: 0; + border-right-style: none; + border-left-style: solid; } + +.linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; } + .linked.vertical > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; } + +.inline-toolbar button, .linked > button, combobox box button, combobox box entry, headerbar .linked > button, .titlebar:not(headerbar) .linked > button, toolbar .linked > button, headerbar.selection-mode .linked > button, +.titlebar:not(headerbar).selection-mode .linked > button, popover.background .linked > button, .nemo-window toolbar .linked > button, .nemo-window toolbar toolitem stack widget button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; } + .inline-toolbar button:first-child, .linked > button:first-child, combobox box button:first-child, combobox box entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked > button:first-child, .titlebar:not(headerbar) .linked > button:first-child, toolbar .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, popover.background .linked > button:first-child, .nemo-window toolbar toolitem stack widget button:first-child { + border-width: 1px; + border-radius: 0px; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .inline-toolbar button:first-child:dir(rtl), .linked > button:first-child:dir(rtl), combobox box button:first-child:dir(rtl), combobox box entry:first-child:dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:dir(rtl), headerbar .linked > button:first-child:dir(rtl), .titlebar:not(headerbar) .linked > button:first-child:dir(rtl), toolbar .linked > button:first-child:dir(rtl), toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(rtl), popover.background .linked > button:first-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:first-child:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + .inline-toolbar button:last-child, .linked > button:last-child, combobox box button:last-child, combobox box entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, toolbar .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, popover.background .linked > button:last-child, .nemo-window toolbar toolitem stack widget button:last-child { + border-width: 1px; + border-radius: 0px; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), combobox box button:last-child:dir(rtl), combobox box entry:last-child:dir(rtl), .linked:not(.vertical) > combobox:last-child > box > button.combo:dir(rtl), headerbar .linked > button:last-child:dir(rtl), .titlebar:not(headerbar) .linked > button:last-child:dir(rtl), toolbar .linked > button:last-child:dir(rtl), toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl), popover.background .linked > button:last-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:last-child:dir(rtl) { + border-left-style: solid; + border-right-style: none; } + .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, popover.background .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child, .inline-toolbar button:first-child:only-child, .linked > button:first-child:only-child, combobox box button:first-child:only-child, combobox box entry:first-child:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, headerbar .linked > button:first-child:only-child, .titlebar:not(headerbar) .linked > button:first-child:only-child, toolbar .linked > button:first-child:only-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat:first-child, popover.background .linked > button:first-child:only-child, .nemo-window toolbar toolitem stack widget button:first-child:only-child { + border-width: 1px; + border-style: solid; } + .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, popover.background .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child { + border-radius: 0px; } + +.linked.vertical > button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; } + .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-width: 1px; + border-radius: 0px; + border-top-style: solid; + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > button:first-child:dir(rtl), .linked.vertical > combobox:first-child > box > button.combo:dir(rtl) { + border-top-style: none; + border-bottom-style: solid; } + .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-width: 1px; + border-radius: 0px; + border-top-style: none; + border-bottom-style: solid; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > button:last-child:dir(rtl), .linked.vertical > combobox:last-child > box > button.combo:dir(rtl) { + border-top-style: solid; + border-bottom-style: none; } + .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > button:first-child:only-child, .linked.vertical > combobox:first-child > box > button.combo:only-child, .linked.vertical > combobox:only-child > box > button.combo:first-child { + border-width: 1px; + border-style: solid; } + .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 0px; } + +infobar.info button.close, infobar.warning button.close, infobar.question button.close, infobar.error button.close, notebook > header > tabs > arrow { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + infobar.info button.close:focus, infobar.warning button.close:focus, infobar.question button.close:focus, infobar.error button.close:focus, notebook > header > tabs > arrow:focus, infobar.info button.close:hover, infobar.warning button.close:hover, infobar.question button.close:hover, infobar.error button.close:hover, notebook > header > tabs > arrow:hover { + border: 1px solid rgba(222, 222, 222, 0.3); + background-color: rgba(45, 45, 45, 0.2); + background-image: none; + box-shadow: none; } + infobar.info button.close:active, infobar.warning button.close:active, infobar.question button.close:active, infobar.error button.close:active, notebook > header > tabs > arrow:active, infobar.info button.close:checked, infobar.warning button.close:checked, infobar.question button.close:checked, infobar.error button.close:checked, notebook > header > tabs > arrow:checked, infobar.info button.close:active:hover, infobar.warning button.close:active:hover, infobar.question button.close:active:hover, infobar.error button.close:active:hover, notebook > header > tabs > arrow:active:hover, infobar.info button.close:checked:hover, infobar.warning button.close:checked:hover, infobar.question button.close:checked:hover, infobar.error button.close:checked:hover, notebook > header > tabs > arrow:checked:hover { + border: 1px solid rgba(153, 0, 0, 0.3); + background-color: rgba(222, 222, 222, 0.1); + background-image: none; + box-shadow: none; } + +button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + button:focus, button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + button:active, button:active:hover, button:active:focus, button:active:hover:focus, button:checked, button:checked:hover, button:checked:focus, button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + button:active:disabled, button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + button:hover, button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + button:hover:focus, button:hover:hover, button.flat:hover:focus, button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button:hover:active, button:hover:active:hover, button:hover:active:focus, button:hover:active:hover:focus, button:hover:checked, button:hover:checked:hover, button:hover:checked:focus, button:hover:checked:hover:focus, button.flat:hover:active, button.flat:hover:active:hover, button.flat:hover:active:focus, button.flat:hover:active:hover:focus, button.flat:hover:checked, button.flat:hover:checked:hover, button.flat:hover:checked:focus, button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button:hover:disabled, button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button:hover:active:disabled, button:hover:checked:disabled, button.flat:hover:active:disabled, button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button:focus, button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + button:focus:focus, button:focus:hover, button.flat:focus:focus, button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button:focus:active, button:focus:active:hover, button:focus:active:focus, button:focus:active:hover:focus, button:focus:checked, button:focus:checked:hover, button:focus:checked:focus, button:focus:checked:hover:focus, button.flat:focus:active, button.flat:focus:active:hover, button.flat:focus:active:focus, button.flat:focus:active:hover:focus, button.flat:focus:checked, button.flat:focus:checked:hover, button.flat:focus:checked:focus, button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button:focus:disabled, button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button:focus:active:disabled, button:focus:checked:disabled, button.flat:focus:active:disabled, button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button:focus:hover, button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + button:focus:hover:focus, button:focus:hover:hover, button.flat:focus:hover:focus, button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button:focus:hover:active, button:focus:hover:active:hover, button:focus:hover:active:focus, button:focus:hover:active:hover:focus, button:focus:hover:checked, button:focus:hover:checked:hover, button:focus:hover:checked:focus, button:focus:hover:checked:hover:focus, button.flat:focus:hover:active, button.flat:focus:hover:active:hover, button.flat:focus:hover:active:focus, button.flat:focus:hover:active:hover:focus, button.flat:focus:hover:checked, button.flat:focus:hover:checked:hover, button.flat:focus:hover:checked:focus, button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button:focus:hover:disabled, button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button:focus:hover:active:disabled, button:focus:hover:checked:disabled, button.flat:focus:hover:active:disabled, button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button:checked, button:active, button.flat:checked, button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + button:checked:active, button:checked:active:hover, button:checked:active:focus, button:checked:active:hover:focus, button:checked:checked, button:checked:checked:hover, button:checked:checked:focus, button:checked:checked:hover:focus, button:active:active, button:active:active:hover, button:active:active:focus, button:active:active:hover:focus, button:active:checked, button:active:checked:hover, button:active:checked:focus, button:active:checked:hover:focus, button.flat:checked:active, button.flat:checked:active:hover, button.flat:checked:active:focus, button.flat:checked:active:hover:focus, button.flat:checked:checked, button.flat:checked:checked:hover, button.flat:checked:checked:focus, button.flat:checked:checked:hover:focus, button.flat:active:active, button.flat:active:active:hover, button.flat:active:active:focus, button.flat:active:active:hover:focus, button.flat:active:checked, button.flat:active:checked:hover, button.flat:active:checked:focus, button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + button:checked:disabled, button:active:disabled, button.flat:checked:disabled, button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + button:checked:active:disabled, button:checked:checked:disabled, button:active:active:disabled, button:active:checked:disabled, button.flat:checked:active:disabled, button.flat:checked:checked:disabled, button.flat:active:active:disabled, button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + button:focus, button:hover, button.flat:focus, button.flat:hover { + color: #2d2d2d; } + button:disabled:disabled, button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + button:active:disabled, button:checked:disabled, button.flat:active:disabled, button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + button.separator, button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + button.separator:disabled, button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + .inline-toolbar button, .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .inline-toolbar button:focus, .inline-toolbar button:hover, .linked > button:focus, .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .inline-toolbar button:active, .inline-toolbar button:active:hover, .inline-toolbar button:active:focus, .inline-toolbar button:active:hover:focus, .inline-toolbar button:checked, .inline-toolbar button:checked:hover, .inline-toolbar button:checked:focus, .inline-toolbar button:checked:hover:focus, .linked > button:active, .linked > button:active:hover, .linked > button:active:focus, .linked > button:active:hover:focus, .linked > button:checked, .linked > button:checked:hover, .linked > button:checked:focus, .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + .inline-toolbar button:disabled, .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + .inline-toolbar button:last-child, .inline-toolbar button:only-child, .linked > button:last-child, .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .inline-toolbar button:last-child:hover, .inline-toolbar button:only-child:hover, .linked > button:last-child:hover, .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .inline-toolbar button:disabled:last-child, .inline-toolbar button:disabled:only-child, .inline-toolbar button:active:disabled:last-child, .inline-toolbar button:active:disabled:only-child, .inline-toolbar button:checked:disabled:last-child, .inline-toolbar button:checked:disabled:only-child, .linked > button:disabled:last-child, .linked > button:disabled:only-child, .linked > button:active:disabled:last-child, .linked > button:active:disabled:only-child, .linked > button:checked:disabled:last-child, .linked > button:checked:disabled:only-child { + box-shadow: none; } + .inline-toolbar button:active:last-child, .inline-toolbar button:active:last-child:focus, .inline-toolbar button:active:last-child:hover, .inline-toolbar button:active:last-child:hover:focus, .inline-toolbar button:checked:last-child, .inline-toolbar button:checked:last-child:focus, .inline-toolbar button:checked:last-child:hover, .inline-toolbar button:checked:last-child:hover:focus, .linked > button:active:last-child, .linked > button:active:last-child:focus, .linked > button:active:last-child:hover, .linked > button:active:last-child:hover:focus, .linked > button:checked:last-child, .linked > button:checked:last-child:focus, .linked > button:checked:last-child:hover, .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .inline-toolbar button:active:only-child, .inline-toolbar button:active:only-child:focus, .inline-toolbar button:active:only-child:hover, .inline-toolbar button:active:only-child:hover:focus, .inline-toolbar button:checked:only-child, .inline-toolbar button:checked:only-child:focus, .inline-toolbar button:checked:only-child:hover, .inline-toolbar button:checked:only-child:hover:focus, .linked > button:active:only-child, .linked > button:active:only-child:focus, .linked > button:active:only-child:hover, .linked > button:active:only-child:hover:focus, .linked > button:checked:only-child, .linked > button:checked:only-child:focus, .linked > button:checked:only-child:hover, .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .linked.vertical > button { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .linked.vertical > button:focus, .linked.vertical > button:hover { + box-shadow: inset 0 -1px mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .linked.vertical > button:active, .linked.vertical > button:active:hover, .linked.vertical > button:active:focus, .linked.vertical > button:active:hover:focus, .linked.vertical > button:checked, .linked.vertical > button:checked:hover, .linked.vertical > button:checked:focus, .linked.vertical > button:checked:hover:focus { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 1px 0 rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.05); } + .linked.vertical > button:disabled { + box-shadow: inset 0 -1px #b2b2b2; } + .linked.vertical > button:last-child, .linked.vertical > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .linked.vertical > button:last-child:hover, .linked.vertical > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .linked.vertical > button:disabled:last-child, .linked.vertical > button:disabled:only-child, .linked.vertical > button:active:disabled:last-child, .linked.vertical > button:active:disabled:only-child, .linked.vertical > button:checked:disabled:last-child, .linked.vertical > button:checked:disabled:only-child { + box-shadow: none; } + .linked.vertical > button:active:last-child, .linked.vertical > button:active:last-child:focus, .linked.vertical > button:active:last-child:hover, .linked.vertical > button:active:last-child:hover:focus, .linked.vertical > button:checked:last-child, .linked.vertical > button:checked:last-child:focus, .linked.vertical > button:checked:last-child:hover, .linked.vertical > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .linked.vertical > button:active:only-child, .linked.vertical > button:active:only-child:focus, .linked.vertical > button:active:only-child:hover, .linked.vertical > button:active:only-child:hover:focus, .linked.vertical > button:checked:only-child, .linked.vertical > button:checked:only-child:focus, .linked.vertical > button:checked:only-child:hover, .linked.vertical > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + button.circular, button.nautilus-circular-button.image-button, button.circular-button { + padding: 0; + min-width: 28px; + min-height: 28px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; } + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { + padding: 0; } + +spinbutton:disabled { + opacity: .4; } +spinbutton button { + color: #2d2d2d; } + spinbutton button:active, spinbutton button:checked, spinbutton button:hover { + background-color: white; + background-image: none; } + spinbutton button:disabled { + color: mix(#2d2d2d,#dedede,0.7); } + spinbutton button:backdrop { + color: mix(#dedede,mix(#2d2d2d,#dedede,0.5),0.9); } + spinbutton button:backdrop:disabled { + color: rgba(184, 184, 184, 0.8); } +spinbutton:not(.vertical) { + /*@extend %entry;*/ + background-color: #dedede; + background-image: none; + /*@include border($base_color);*/ + padding: 0; + border-radius: 0px; + color: #2d2d2d; + caret-color: #2d2d2d; + /*&:focus, &:active { border-color: border_focus($borders_color); }*/ } + spinbutton:not(.vertical):disabled { + background-color: #c8c8c8; + background-image: none; + color: mix(#dedede,#2d2d2d,0.5); } + spinbutton:not(.vertical) entry { + border-radius: 0px 0 0 0px; + border-right-width: 0; + box-shadow: none; } + spinbutton:not(.vertical) button { + border-radius: 0; + /*border-color: alpha($borders_color, .8);*/ + /*border-style: none none none solid;*/ + background-image: none; + box-shadow: none; + /* + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.08); + } + + &:hover { + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.11); + } + } + */ } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + border-color: alpha(mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9),0.8); } + spinbutton:not(.vertical) button:backdrop:disabled { + border-style: none none none solid; } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 0px 0 0 0px; } + spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 0px 0px 0; } +spinbutton.vertical button, spinbutton.vertical entry { + min-width: 0; + padding-left: 1px; + padding-right: 1px; } +spinbutton.vertical entry { + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } +spinbutton.vertical button.up { + border-style: solid solid none solid; + border-radius: 0px 0px 0 0; } +spinbutton.vertical button.down { + border-style: none solid solid solid; + border-radius: 0 0 0px 0px; } + +/****************** +! ComboBoxes * +*******************/ +combobox button.combo { + min-width: 0; + padding-left: 5px; + padding-right: 5px; } +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox box button, combobox box entry { + padding: 3px 5px; } + +/********* + ! Entry * +**********/ +.linked:not(.vertical) > entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; } + .linked:not(.vertical) > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .linked:not(.vertical) > entry:first-child:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; } + .linked:not(.vertical) > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .linked:not(.vertical) > entry:last-child:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; } + .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { + border-width: 1px; } + .linked:not(.vertical) > entry:only-child { + border-radius: 0px; } + +.linked.vertical > entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } + .linked.vertical > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > entry:first-child:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; } + .linked.vertical > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > entry:last-child:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; } + .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { + border-width: 1px; } + .linked.vertical > entry:only-child { + border-radius: 0px; } + +entry, menuitem entry, popover.background entry, .osd entry, +#XfceNotifyWindow entry, #login_window entry { + border-width: 1px; + border-style: solid; + border-radius: 0px; + border-color: #b2b2b2; + transition: border 100ms ease-out; + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.1), inset 0 1px rgba(9, 9, 9, 0.12), inset -1px 0 rgba(9, 9, 9, 0.1), inset 0 -1px rgba(9, 9, 9, 0.05); } + entry:focus, popover.background entry:focus, + #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, + #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, + #XfceNotifyWindow entry:active, #login_window entry:active { + transition: border 100ms ease-in; } + entry:selected, popover.background entry:selected, + #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, + #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { + background-color: #990000; + color: #dedede; } + entry:disabled, popover.background entry:disabled, + #XfceNotifyWindow entry:disabled, #login_window entry:disabled { + box-shadow: none; } + entry progress, popover.background entry progress, .osd entry progress, + #XfceNotifyWindow entry progress, #login_window entry progress { + background-color: #990000; + background-image: none; + border-width: 0; + border-radius: 0px; + color: #dedede; } + entry image.left, + #XfceNotifyWindow entry image.left, #login_window entry image.left { + padding-right: 3px; } + entry image.right, + #XfceNotifyWindow entry image.right, #login_window entry image.right { + padding-left: 3px; } + entry.warning, popover.background entry.warning, + #XfceNotifyWindow entry.warning, #login_window entry.warning { + color: #fff; + border-color: #bf5600; + background-color: mix(#dedede,#ef6c00,0.6); } + entry.warning image, + #XfceNotifyWindow entry.warning image, #login_window entry.warning image { + color: #fff; } + entry.warning:focus, + #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { + color: #fff; + border-color: mix(#990000,#ef6c00,0.3); + background-color: #ef6c00; + box-shadow: none; } + entry.warning selection, + #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { + background-color: #fff; + color: #ef6c00; } + entry.error, popover.background entry.error, + #XfceNotifyWindow entry.error, #login_window entry.error { + color: #fff; + border-color: #e21b0c; + background-color: mix(#dedede,#f44336,0.6); } + entry.error image, + #XfceNotifyWindow entry.error image, #login_window entry.error image { + color: #fff; } + entry.error:focus, + #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.error selection, + #XfceNotifyWindow entry.error selection, #login_window entry.error selection { + background-color: #fff; + color: #f44336; } + entry.search-missing, popover.background entry.search-missing, + #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { + color: #fff; + border-color: #e21b0c; + background-color: mix(#dedede,#f44336,0.6); } + entry.search-missing image, + #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { + color: #fff; } + entry.search-missing:focus, + #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.search-missing selection, + #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { + background-color: #fff; + color: #f44336; } + +entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + entry:focus, entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + entry:active, entry:active:hover, entry:active:focus, entry:active:hover:focus, entry:checked, entry:checked:hover, entry:checked:focus, entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + entry:active:disabled, entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + entry:focus, entry:active { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.08),0.3); } + entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + entry:disabled:focus, entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + entry:disabled:active, entry:disabled:active:hover, entry:disabled:active:focus, entry:disabled:active:hover:focus, entry:disabled:checked, entry:disabled:checked:hover, entry:disabled:checked:focus, entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + entry:disabled:active:disabled, entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Toolbar +**********/ +toolbar { + padding: 2px; + border-style: none; } + toolbar.horizontal separator { + margin: 0 5px 1px; } + toolbar.vertical separator { + margin: 5px 1px 5px 0; } + +headerbar { + border-width: 0 0 1px; + border-style: solid; } + headerbar entry, + headerbar spinbutton, + headerbar separator, + headerbar button { + margin-top: 6px; + margin-bottom: 6px; } + headerbar switch { + margin-top: 4px; + margin-bottom: 4px; } + window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 0px; } + window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 0px; } + +headerbar, .titlebar:not(headerbar) { + background-color: #dedede; + background-image: none; + border-color: #b2b2b2; + color: #2d2d2d; + background-color: #dedede; + background-image: none; + border-radius: 0px 0px 0 0; + color: mix(#2d2d2d,#dedede,0.1); + padding: 0 6px; + min-height: 42px; } + headerbar:focus, .titlebar:focus:not(headerbar), headerbar:hover, .titlebar:hover:not(headerbar) { + border-color: mix(#990000,#dedede,0.3); } + headerbar:active, .titlebar:active:not(headerbar), headerbar:active:hover, .titlebar:active:hover:not(headerbar), headerbar:active:focus, .titlebar:active:focus:not(headerbar), headerbar:active:hover:focus, .titlebar:active:hover:focus:not(headerbar), headerbar:checked, .titlebar:checked:not(headerbar), headerbar:checked:hover, .titlebar:checked:hover:not(headerbar), headerbar:checked:focus, .titlebar:checked:focus:not(headerbar), headerbar:checked:hover:focus, .titlebar:checked:hover:focus:not(headerbar) { + border-color: #9b9b9b; } + headerbar:disabled, .titlebar:disabled:not(headerbar) { + border-color: #bdbdbd; } + headerbar:active:disabled, .titlebar:active:disabled:not(headerbar), headerbar:checked:disabled, .titlebar:checked:disabled:not(headerbar) { + border-color: #b2b2b2; } + headerbar:disabled, .titlebar:disabled:not(headerbar) { + background-color: #c8c8c8; + background-image: none; + color: mix(#2d2d2d,#dedede,0.5); } + headerbar .title, .titlebar:not(headerbar) .title { + font-weight: bold; + padding: 0 6px; } + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding: 0 6px; } + headerbar button, .titlebar:not(headerbar) button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + headerbar button:disabled, .titlebar:not(headerbar) button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + headerbar button.flat, .titlebar:not(headerbar) button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + color: #2d2d2d; } + headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + headerbar .linked > button, .titlebar:not(headerbar) .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + headerbar .linked > button:focus, .titlebar:not(headerbar) .linked > button:focus, headerbar .linked > button:hover, .titlebar:not(headerbar) .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar .linked > button:active, .titlebar:not(headerbar) .linked > button:active, headerbar .linked > button:active:hover, .titlebar:not(headerbar) .linked > button:active:hover, headerbar .linked > button:active:focus, .titlebar:not(headerbar) .linked > button:active:focus, headerbar .linked > button:active:hover:focus, .titlebar:not(headerbar) .linked > button:active:hover:focus, headerbar .linked > button:checked, .titlebar:not(headerbar) .linked > button:checked, headerbar .linked > button:checked:hover, .titlebar:not(headerbar) .linked > button:checked:hover, headerbar .linked > button:checked:focus, .titlebar:not(headerbar) .linked > button:checked:focus, headerbar .linked > button:checked:hover:focus, .titlebar:not(headerbar) .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + headerbar .linked > button:disabled, .titlebar:not(headerbar) .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + headerbar .linked > button:last-child:hover, .titlebar:not(headerbar) .linked > button:last-child:hover, headerbar .linked > button:only-child:hover, .titlebar:not(headerbar) .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar .linked > button:disabled:last-child, .titlebar:not(headerbar) .linked > button:disabled:last-child, headerbar .linked > button:disabled:only-child, .titlebar:not(headerbar) .linked > button:disabled:only-child, headerbar .linked > button:active:disabled:last-child, .titlebar:not(headerbar) .linked > button:active:disabled:last-child, headerbar .linked > button:active:disabled:only-child, .titlebar:not(headerbar) .linked > button:active:disabled:only-child, headerbar .linked > button:checked:disabled:last-child, .titlebar:not(headerbar) .linked > button:checked:disabled:last-child, headerbar .linked > button:checked:disabled:only-child, .titlebar:not(headerbar) .linked > button:checked:disabled:only-child { + box-shadow: none; } + headerbar .linked > button:active:last-child, .titlebar:not(headerbar) .linked > button:active:last-child, headerbar .linked > button:active:last-child:focus, .titlebar:not(headerbar) .linked > button:active:last-child:focus, headerbar .linked > button:active:last-child:hover, .titlebar:not(headerbar) .linked > button:active:last-child:hover, headerbar .linked > button:active:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:last-child:hover:focus, headerbar .linked > button:checked:last-child, .titlebar:not(headerbar) .linked > button:checked:last-child, headerbar .linked > button:checked:last-child:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:focus, headerbar .linked > button:checked:last-child:hover, .titlebar:not(headerbar) .linked > button:checked:last-child:hover, headerbar .linked > button:checked:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + headerbar .linked > button:active:only-child, .titlebar:not(headerbar) .linked > button:active:only-child, headerbar .linked > button:active:only-child:focus, .titlebar:not(headerbar) .linked > button:active:only-child:focus, headerbar .linked > button:active:only-child:hover, .titlebar:not(headerbar) .linked > button:active:only-child:hover, headerbar .linked > button:active:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:only-child:hover:focus, headerbar .linked > button:checked:only-child, .titlebar:not(headerbar) .linked > button:checked:only-child, headerbar .linked > button:checked:only-child:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:focus, headerbar .linked > button:checked:only-child:hover, .titlebar:not(headerbar) .linked > button:checked:only-child:hover, headerbar .linked > button:checked:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + headerbar combobox, .titlebar:not(headerbar) combobox, headerbar button, .titlebar:not(headerbar) button { + padding: 3px; } + headerbar combobox.text-button, .titlebar:not(headerbar) combobox.text-button, headerbar button.text-button, .titlebar:not(headerbar) button.text-button { + padding: 3px; } + headerbar combobox.image-button, .titlebar:not(headerbar) combobox.image-button, headerbar button.image-button, .titlebar:not(headerbar) button.image-button { + padding: 3px; } + headerbar separator, .titlebar:not(headerbar) separator, headerbar separator:disabled, .titlebar:not(headerbar) separator:disabled { + color: #858585; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + headerbar:backdrop, .titlebar:backdrop:not(headerbar) { + background-color: #dedede; + background-image: none; + color: mix(#2d2d2d,#dedede,0.6); + text-shadow: none; } + headerbar.default-decoration, .default-decoration.titlebar:not(headerbar) { + min-height: 24px; + box-shadow: none; + border: 0; } + headerbar.default-decoration button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0; + padding: 0; } + .tiled headerbar:backdrop, .tiled .titlebar:backdrop:not(headerbar), .tiled headerbar, .tiled .titlebar:not(headerbar), .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar), .maximized headerbar, .maximized .titlebar:not(headerbar) { + border-radius: 0; } + headerbar .title, .titlebar:not(headerbar) .title { + font-weight: bold; } + headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { + margin-left: 3px; } + headerbar button, .titlebar:not(headerbar) button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + headerbar button:disabled, .titlebar:not(headerbar) button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + headerbar button.flat, .titlebar:not(headerbar) button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + color: #2d2d2d; } + headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + headerbar button.titlebutton + separator.titlebutton, .titlebar:not(headerbar) button.titlebutton + separator.titlebutton { + margin-left: 0; + margin-right: 3px; } + headerbar button.titlebutton, .titlebar:not(headerbar) button.titlebutton { + border: 0; + background-image: none; + background-color: transparent; + color: mix(#2d2d2d,#dedede,0.1); + box-shadow: none; } + headerbar button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:hover, headerbar button.titlebutton:hover:focus, .titlebar:not(headerbar) button.titlebutton:hover:focus { + background-image: none; + background-color: transparent; + color: #990000; + box-shadow: none; } + headerbar button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:active, headerbar button.titlebutton:active:hover, .titlebar:not(headerbar) button.titlebutton:active:hover { + background-image: none; + background-color: transparent; + color: #8a0000; + box-shadow: none; } + headerbar button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop { + background: none; + color: mix(#2d2d2d,#dedede,0.6); + -gtk-icon-shadow: none; } + +toolbar { + background-color: #dedede; + background-image: none; + border-color: #b2b2b2; + color: #2d2d2d; } + toolbar:focus, toolbar:hover { + border-color: mix(#990000,#dedede,0.3); } + toolbar:active, toolbar:active:hover, toolbar:active:focus, toolbar:active:hover:focus, toolbar:checked, toolbar:checked:hover, toolbar:checked:focus, toolbar:checked:hover:focus { + border-color: #9b9b9b; } + toolbar:disabled { + border-color: #bdbdbd; } + toolbar:active:disabled, toolbar:checked:disabled { + border-color: #b2b2b2; } + toolbar:disabled { + background-color: #c8c8c8; + background-image: none; + color: mix(#2d2d2d,#dedede,0.5); } + toolbar .title { + font-weight: bold; + padding: 0 6px; } + toolbar .subtitle { + font-size: smaller; + padding: 0 6px; } + toolbar button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + toolbar button:focus, toolbar button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + toolbar button:active, toolbar button:active:hover, toolbar button:active:focus, toolbar button:active:hover:focus, toolbar button:checked, toolbar button:checked:hover, toolbar button:checked:focus, toolbar button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + toolbar button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + toolbar button:active:disabled, toolbar button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + toolbar button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + toolbar button:hover, toolbar button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + toolbar button:hover:focus, toolbar button:hover:hover, toolbar button.flat:hover:focus, toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar button:hover:active, toolbar button:hover:active:hover, toolbar button:hover:active:focus, toolbar button:hover:active:hover:focus, toolbar button:hover:checked, toolbar button:hover:checked:hover, toolbar button:hover:checked:focus, toolbar button:hover:checked:hover:focus, toolbar button.flat:hover:active, toolbar button.flat:hover:active:hover, toolbar button.flat:hover:active:focus, toolbar button.flat:hover:active:hover:focus, toolbar button.flat:hover:checked, toolbar button.flat:hover:checked:hover, toolbar button.flat:hover:checked:focus, toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar button:hover:disabled, toolbar button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar button:hover:active:disabled, toolbar button:hover:checked:disabled, toolbar button.flat:hover:active:disabled, toolbar button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar button:focus, toolbar button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + toolbar button:focus:focus, toolbar button:focus:hover, toolbar button.flat:focus:focus, toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar button:focus:active, toolbar button:focus:active:hover, toolbar button:focus:active:focus, toolbar button:focus:active:hover:focus, toolbar button:focus:checked, toolbar button:focus:checked:hover, toolbar button:focus:checked:focus, toolbar button:focus:checked:hover:focus, toolbar button.flat:focus:active, toolbar button.flat:focus:active:hover, toolbar button.flat:focus:active:focus, toolbar button.flat:focus:active:hover:focus, toolbar button.flat:focus:checked, toolbar button.flat:focus:checked:hover, toolbar button.flat:focus:checked:focus, toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar button:focus:disabled, toolbar button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar button:focus:active:disabled, toolbar button:focus:checked:disabled, toolbar button.flat:focus:active:disabled, toolbar button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar button:focus:hover, toolbar button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + toolbar button:focus:hover:focus, toolbar button:focus:hover:hover, toolbar button.flat:focus:hover:focus, toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar button:focus:hover:active, toolbar button:focus:hover:active:hover, toolbar button:focus:hover:active:focus, toolbar button:focus:hover:active:hover:focus, toolbar button:focus:hover:checked, toolbar button:focus:hover:checked:hover, toolbar button:focus:hover:checked:focus, toolbar button:focus:hover:checked:hover:focus, toolbar button.flat:focus:hover:active, toolbar button.flat:focus:hover:active:hover, toolbar button.flat:focus:hover:active:focus, toolbar button.flat:focus:hover:active:hover:focus, toolbar button.flat:focus:hover:checked, toolbar button.flat:focus:hover:checked:hover, toolbar button.flat:focus:hover:checked:focus, toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar button:focus:hover:disabled, toolbar button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar button:focus:hover:active:disabled, toolbar button:focus:hover:checked:disabled, toolbar button.flat:focus:hover:active:disabled, toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar button:checked, toolbar button:active, toolbar button.flat:checked, toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + toolbar button:checked:active, toolbar button:checked:active:hover, toolbar button:checked:active:focus, toolbar button:checked:active:hover:focus, toolbar button:checked:checked, toolbar button:checked:checked:hover, toolbar button:checked:checked:focus, toolbar button:checked:checked:hover:focus, toolbar button:active:active, toolbar button:active:active:hover, toolbar button:active:active:focus, toolbar button:active:active:hover:focus, toolbar button:active:checked, toolbar button:active:checked:hover, toolbar button:active:checked:focus, toolbar button:active:checked:hover:focus, toolbar button.flat:checked:active, toolbar button.flat:checked:active:hover, toolbar button.flat:checked:active:focus, toolbar button.flat:checked:active:hover:focus, toolbar button.flat:checked:checked, toolbar button.flat:checked:checked:hover, toolbar button.flat:checked:checked:focus, toolbar button.flat:checked:checked:hover:focus, toolbar button.flat:active:active, toolbar button.flat:active:active:hover, toolbar button.flat:active:active:focus, toolbar button.flat:active:active:hover:focus, toolbar button.flat:active:checked, toolbar button.flat:active:checked:hover, toolbar button.flat:active:checked:focus, toolbar button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + toolbar button:checked:disabled, toolbar button:active:disabled, toolbar button.flat:checked:disabled, toolbar button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + toolbar button:checked:active:disabled, toolbar button:checked:checked:disabled, toolbar button:active:active:disabled, toolbar button:active:checked:disabled, toolbar button.flat:checked:active:disabled, toolbar button.flat:checked:checked:disabled, toolbar button.flat:active:active:disabled, toolbar button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + toolbar button:focus, toolbar button:hover, toolbar button.flat:focus, toolbar button.flat:hover { + color: #2d2d2d; } + toolbar button:disabled:disabled, toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + toolbar button:active:disabled, toolbar button:checked:disabled, toolbar button.flat:active:disabled, toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + toolbar button.separator, toolbar button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + toolbar button.separator:disabled, toolbar button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + toolbar .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + toolbar .linked > button:focus, toolbar .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + toolbar .linked > button:active, toolbar .linked > button:active:hover, toolbar .linked > button:active:focus, toolbar .linked > button:active:hover:focus, toolbar .linked > button:checked, toolbar .linked > button:checked:hover, toolbar .linked > button:checked:focus, toolbar .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + toolbar .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + toolbar .linked > button:last-child, toolbar .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + toolbar .linked > button:last-child:hover, toolbar .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + toolbar .linked > button:disabled:last-child, toolbar .linked > button:disabled:only-child, toolbar .linked > button:active:disabled:last-child, toolbar .linked > button:active:disabled:only-child, toolbar .linked > button:checked:disabled:last-child, toolbar .linked > button:checked:disabled:only-child { + box-shadow: none; } + toolbar .linked > button:active:last-child, toolbar .linked > button:active:last-child:focus, toolbar .linked > button:active:last-child:hover, toolbar .linked > button:active:last-child:hover:focus, toolbar .linked > button:checked:last-child, toolbar .linked > button:checked:last-child:focus, toolbar .linked > button:checked:last-child:hover, toolbar .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + toolbar .linked > button:active:only-child, toolbar .linked > button:active:only-child:focus, toolbar .linked > button:active:only-child:hover, toolbar .linked > button:active:only-child:hover:focus, toolbar .linked > button:checked:only-child, toolbar .linked > button:checked:only-child:focus, toolbar .linked > button:checked:only-child:hover, toolbar .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + toolbar combobox, toolbar button { + padding: 3px; } + toolbar combobox.text-button, toolbar button.text-button { + padding: 3px; } + toolbar combobox.image-button, toolbar button.image-button { + padding: 3px; } + toolbar separator, toolbar separator:disabled { + color: #858585; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + toolbar.inline-toolbar { + padding: 1px; + border-width: 0 1px 1px; + border-style: solid; + border-color: mix(#dedede,#2d2d2d,0.08); + background-color: mix(mix(#dedede,#2d2d2d,0.08),#dedede,0.7); + background-image: none; } + toolbar.inline-toolbar:backdrop { + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); + background-color: mix(#dedede,mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9),0.35); + transition: 200ms ease-out; } + toolbar.inline-toolbar button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + toolbar.inline-toolbar button:active, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover:focus, toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + toolbar.inline-toolbar button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + toolbar.inline-toolbar button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + toolbar.inline-toolbar button:hover:focus, toolbar.inline-toolbar button:hover:hover, toolbar.inline-toolbar button.flat:hover:focus, toolbar.inline-toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar.inline-toolbar button:hover:active, toolbar.inline-toolbar button:hover:active:hover, toolbar.inline-toolbar button:hover:active:focus, toolbar.inline-toolbar button:hover:active:hover:focus, toolbar.inline-toolbar button:hover:checked, toolbar.inline-toolbar button:hover:checked:hover, toolbar.inline-toolbar button:hover:checked:focus, toolbar.inline-toolbar button:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:hover:active, toolbar.inline-toolbar button.flat:hover:active:hover, toolbar.inline-toolbar button.flat:hover:active:focus, toolbar.inline-toolbar button.flat:hover:active:hover:focus, toolbar.inline-toolbar button.flat:hover:checked, toolbar.inline-toolbar button.flat:hover:checked:hover, toolbar.inline-toolbar button.flat:hover:checked:focus, toolbar.inline-toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar.inline-toolbar button:hover:disabled, toolbar.inline-toolbar button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar.inline-toolbar button:hover:active:disabled, toolbar.inline-toolbar button:hover:checked:disabled, toolbar.inline-toolbar button.flat:hover:active:disabled, toolbar.inline-toolbar button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + toolbar.inline-toolbar button:focus:focus, toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:focus, toolbar.inline-toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar.inline-toolbar button:focus:active, toolbar.inline-toolbar button:focus:active:hover, toolbar.inline-toolbar button:focus:active:focus, toolbar.inline-toolbar button:focus:active:hover:focus, toolbar.inline-toolbar button:focus:checked, toolbar.inline-toolbar button:focus:checked:hover, toolbar.inline-toolbar button:focus:checked:focus, toolbar.inline-toolbar button:focus:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:active, toolbar.inline-toolbar button.flat:focus:active:hover, toolbar.inline-toolbar button.flat:focus:active:focus, toolbar.inline-toolbar button.flat:focus:active:hover:focus, toolbar.inline-toolbar button.flat:focus:checked, toolbar.inline-toolbar button.flat:focus:checked:hover, toolbar.inline-toolbar button.flat:focus:checked:focus, toolbar.inline-toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar.inline-toolbar button:focus:disabled, toolbar.inline-toolbar button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar.inline-toolbar button:focus:active:disabled, toolbar.inline-toolbar button:focus:checked:disabled, toolbar.inline-toolbar button.flat:focus:active:disabled, toolbar.inline-toolbar button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + toolbar.inline-toolbar button:focus:hover:focus, toolbar.inline-toolbar button:focus:hover:hover, toolbar.inline-toolbar button.flat:focus:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar.inline-toolbar button:focus:hover:active, toolbar.inline-toolbar button:focus:hover:active:hover, toolbar.inline-toolbar button:focus:hover:active:focus, toolbar.inline-toolbar button:focus:hover:active:hover:focus, toolbar.inline-toolbar button:focus:hover:checked, toolbar.inline-toolbar button:focus:hover:checked:hover, toolbar.inline-toolbar button:focus:hover:checked:focus, toolbar.inline-toolbar button:focus:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:active, toolbar.inline-toolbar button.flat:focus:hover:active:hover, toolbar.inline-toolbar button.flat:focus:hover:active:focus, toolbar.inline-toolbar button.flat:focus:hover:active:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:checked, toolbar.inline-toolbar button.flat:focus:hover:checked:hover, toolbar.inline-toolbar button.flat:focus:hover:checked:focus, toolbar.inline-toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar.inline-toolbar button:focus:hover:disabled, toolbar.inline-toolbar button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar.inline-toolbar button:focus:hover:active:disabled, toolbar.inline-toolbar button:focus:hover:checked:disabled, toolbar.inline-toolbar button.flat:focus:hover:active:disabled, toolbar.inline-toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:active, toolbar.inline-toolbar button.flat:checked, toolbar.inline-toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + toolbar.inline-toolbar button:checked:active, toolbar.inline-toolbar button:checked:active:hover, toolbar.inline-toolbar button:checked:active:focus, toolbar.inline-toolbar button:checked:active:hover:focus, toolbar.inline-toolbar button:checked:checked, toolbar.inline-toolbar button:checked:checked:hover, toolbar.inline-toolbar button:checked:checked:focus, toolbar.inline-toolbar button:checked:checked:hover:focus, toolbar.inline-toolbar button:active:active, toolbar.inline-toolbar button:active:active:hover, toolbar.inline-toolbar button:active:active:focus, toolbar.inline-toolbar button:active:active:hover:focus, toolbar.inline-toolbar button:active:checked, toolbar.inline-toolbar button:active:checked:hover, toolbar.inline-toolbar button:active:checked:focus, toolbar.inline-toolbar button:active:checked:hover:focus, toolbar.inline-toolbar button.flat:checked:active, toolbar.inline-toolbar button.flat:checked:active:hover, toolbar.inline-toolbar button.flat:checked:active:focus, toolbar.inline-toolbar button.flat:checked:active:hover:focus, toolbar.inline-toolbar button.flat:checked:checked, toolbar.inline-toolbar button.flat:checked:checked:hover, toolbar.inline-toolbar button.flat:checked:checked:focus, toolbar.inline-toolbar button.flat:checked:checked:hover:focus, toolbar.inline-toolbar button.flat:active:active, toolbar.inline-toolbar button.flat:active:active:hover, toolbar.inline-toolbar button.flat:active:active:focus, toolbar.inline-toolbar button.flat:active:active:hover:focus, toolbar.inline-toolbar button.flat:active:checked, toolbar.inline-toolbar button.flat:active:checked:hover, toolbar.inline-toolbar button.flat:active:checked:focus, toolbar.inline-toolbar button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + toolbar.inline-toolbar button:checked:active:disabled, toolbar.inline-toolbar button:checked:checked:disabled, toolbar.inline-toolbar button:active:active:disabled, toolbar.inline-toolbar button:active:checked:disabled, toolbar.inline-toolbar button.flat:checked:active:disabled, toolbar.inline-toolbar button.flat:checked:checked:disabled, toolbar.inline-toolbar button.flat:active:active:disabled, toolbar.inline-toolbar button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:focus, toolbar.inline-toolbar button.flat:hover { + color: #2d2d2d; } + toolbar.inline-toolbar button:disabled:disabled, toolbar.inline-toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + toolbar.inline-toolbar button.separator, toolbar.inline-toolbar button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + toolbar.inline-toolbar button.separator:disabled, toolbar.inline-toolbar button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator { + background-color: #c3c3c3; } + +.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } + +.background:not(.csd):not(.ssd):not(.solid-csd) headerbar, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:not(:last-child), .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop:not(:last-child) { + border-radius: 0; + border-top-color: transparent; } + +/************** + ! Action-bar * +***************/ +actionbar > revealer > box { + padding: 3px; + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + actionbar > revealer > box:backdrop { + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } + +/**************************** + ! Search and Location bars * +*****************************/ +searchbar, +.location-bar { + background-color: #dadada; + background-image: none; + border-width: 0 0 1px; + border-style: solid; + border-color: #b2b2b2; + color: #2d2d2d; } + +/****************** + ! Action buttons * +*******************/ +.suggested-action, headerbar.selection-mode button.suggested-action, +.titlebar:not(headerbar).selection-mode button.suggested-action { + background-color: #4caf50; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .suggested-action:active, headerbar.selection-mode button.suggested-action:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover:focus, .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action.flat, headerbar.selection-mode button.flat.suggested-action, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action { + color: #dedede; + border-color: rgba(76, 175, 80, 0); + background-color: rgba(76, 175, 80, 0); + background-image: none; + box-shadow: none; } + .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:hover, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { + background-color: #53b457; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .suggested-action:hover:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:focus, .suggested-action:hover:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:hover, .suggested-action.flat:hover:focus, .suggested-action.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:hover:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:active, .suggested-action:hover:active:hover, .suggested-action:hover:active:focus, .suggested-action:hover:active:hover:focus, .suggested-action:hover:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:checked, .suggested-action:hover:checked:hover, .suggested-action:hover:checked:focus, .suggested-action:hover:checked:hover:focus, .suggested-action.flat:hover:active, .suggested-action.flat:hover:active:hover, .suggested-action.flat:hover:active:focus, .suggested-action.flat:hover:active:hover:focus, .suggested-action.flat:hover:checked, .suggested-action.flat:hover:checked:hover, .suggested-action.flat:hover:checked:focus, .suggested-action.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:hover:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:disabled, .suggested-action.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:hover:active:disabled, .suggested-action:hover:checked:disabled, .suggested-action.flat:hover:active:disabled, .suggested-action.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus { + background-color: #53b457; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + .suggested-action:focus:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:focus, .suggested-action:focus:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:focus, .suggested-action.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:focus:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:active, .suggested-action:focus:active:hover, .suggested-action:focus:active:focus, .suggested-action:focus:active:hover:focus, .suggested-action:focus:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:checked, .suggested-action:focus:checked:hover, .suggested-action:focus:checked:focus, .suggested-action:focus:checked:hover:focus, .suggested-action.flat:focus:active, .suggested-action.flat:focus:active:hover, .suggested-action.flat:focus:active:focus, .suggested-action.flat:focus:active:hover:focus, .suggested-action.flat:focus:checked, .suggested-action.flat:focus:checked:hover, .suggested-action.flat:focus:checked:focus, .suggested-action.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:focus:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:disabled, .suggested-action.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:focus:active:disabled, .suggested-action:focus:checked:disabled, .suggested-action.flat:focus:active:disabled, .suggested-action.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:focus:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:hover { + background-color: #5cb860; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + .suggested-action:focus:hover:focus, .suggested-action:focus:hover:hover, .suggested-action.flat:focus:hover:focus, .suggested-action.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:focus:hover:active, .suggested-action:focus:hover:active:hover, .suggested-action:focus:hover:active:focus, .suggested-action:focus:hover:active:hover:focus, .suggested-action:focus:hover:checked, .suggested-action:focus:hover:checked:hover, .suggested-action:focus:hover:checked:focus, .suggested-action:focus:hover:checked:hover:focus, .suggested-action.flat:focus:hover:active, .suggested-action.flat:focus:hover:active:hover, .suggested-action.flat:focus:hover:active:focus, .suggested-action.flat:focus:hover:active:hover:focus, .suggested-action.flat:focus:hover:checked, .suggested-action.flat:focus:hover:checked:hover, .suggested-action.flat:focus:hover:checked:focus, .suggested-action.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:focus:hover:disabled, .suggested-action.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:focus:hover:active:disabled, .suggested-action:focus:hover:checked:disabled, .suggested-action.flat:focus:hover:active:disabled, .suggested-action.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:active, headerbar.selection-mode button.suggested-action:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:checked, .suggested-action.flat:active, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .suggested-action:checked:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:active, .suggested-action:checked:active:hover, .suggested-action:checked:active:focus, .suggested-action:checked:active:hover:focus, .suggested-action:checked:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:checked, .suggested-action:checked:checked:hover, .suggested-action:checked:checked:focus, .suggested-action:checked:checked:hover:focus, .suggested-action:active:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:active, .suggested-action:active:active:hover, .suggested-action:active:active:focus, .suggested-action:active:active:hover:focus, .suggested-action:active:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:checked, .suggested-action:active:checked:hover, .suggested-action:active:checked:focus, .suggested-action:active:checked:hover:focus, .suggested-action.flat:checked:active, .suggested-action.flat:checked:active:hover, .suggested-action.flat:checked:active:focus, .suggested-action.flat:checked:active:hover:focus, .suggested-action.flat:checked:checked, .suggested-action.flat:checked:checked:hover, .suggested-action.flat:checked:checked:focus, .suggested-action.flat:checked:checked:hover:focus, .suggested-action.flat:active:active, .suggested-action.flat:active:active:hover, .suggested-action.flat:active:active:focus, .suggested-action.flat:active:active:hover:focus, .suggested-action.flat:active:checked, .suggested-action.flat:active:checked:hover, .suggested-action.flat:active:checked:focus, .suggested-action.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action.flat:checked:disabled, .suggested-action.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .suggested-action:checked:active:disabled, .suggested-action:checked:checked:disabled, .suggested-action:active:active:disabled, .suggested-action:active:checked:disabled, .suggested-action.flat:checked:active:disabled, .suggested-action.flat:checked:checked:disabled, .suggested-action.flat:active:active:disabled, .suggested-action.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus, .suggested-action.flat:hover, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { + color: #dedede; } + .suggested-action:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:disabled:disabled, .suggested-action.flat:disabled:disabled { + background-color: alpha(mix(#4caf50,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#4caf50,#dedede,0.5); + box-shadow: none; } + .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action.flat:active:disabled, .suggested-action.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .suggested-action.separator, headerbar.selection-mode button.separator.suggested-action, + .titlebar:not(headerbar).selection-mode button.separator.suggested-action, .suggested-action .separator, headerbar.selection-mode button.suggested-action .separator, + .titlebar:not(headerbar).selection-mode button.suggested-action .separator { + border: 1px solid currentColor; + color: rgba(76, 175, 80, 0.9); } + .suggested-action.separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator.suggested-action:disabled, .suggested-action .separator:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action .separator:disabled { + color: rgba(76, 175, 80, 0.85); } + +.destructive-action { + background-color: #f44336; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .destructive-action:focus, .destructive-action:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .destructive-action:active, .destructive-action:active:hover, .destructive-action:active:focus, .destructive-action:active:hover:focus, .destructive-action:checked, .destructive-action:checked:hover, .destructive-action:checked:focus, .destructive-action:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .destructive-action:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .destructive-action:active:disabled, .destructive-action:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action.flat { + color: #dedede; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + .destructive-action:hover, .destructive-action.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .destructive-action:hover:focus, .destructive-action:hover:hover, .destructive-action.flat:hover:focus, .destructive-action.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:hover:active, .destructive-action:hover:active:hover, .destructive-action:hover:active:focus, .destructive-action:hover:active:hover:focus, .destructive-action:hover:checked, .destructive-action:hover:checked:hover, .destructive-action:hover:checked:focus, .destructive-action:hover:checked:hover:focus, .destructive-action.flat:hover:active, .destructive-action.flat:hover:active:hover, .destructive-action.flat:hover:active:focus, .destructive-action.flat:hover:active:hover:focus, .destructive-action.flat:hover:checked, .destructive-action.flat:hover:checked:hover, .destructive-action.flat:hover:checked:focus, .destructive-action.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:hover:disabled, .destructive-action.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:hover:active:disabled, .destructive-action:hover:checked:disabled, .destructive-action.flat:hover:active:disabled, .destructive-action.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:focus, .destructive-action.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .destructive-action:focus:focus, .destructive-action:focus:hover, .destructive-action.flat:focus:focus, .destructive-action.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:focus:active, .destructive-action:focus:active:hover, .destructive-action:focus:active:focus, .destructive-action:focus:active:hover:focus, .destructive-action:focus:checked, .destructive-action:focus:checked:hover, .destructive-action:focus:checked:focus, .destructive-action:focus:checked:hover:focus, .destructive-action.flat:focus:active, .destructive-action.flat:focus:active:hover, .destructive-action.flat:focus:active:focus, .destructive-action.flat:focus:active:hover:focus, .destructive-action.flat:focus:checked, .destructive-action.flat:focus:checked:hover, .destructive-action.flat:focus:checked:focus, .destructive-action.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:focus:disabled, .destructive-action.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:focus:active:disabled, .destructive-action:focus:checked:disabled, .destructive-action.flat:focus:active:disabled, .destructive-action.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:focus:hover, .destructive-action.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .destructive-action:focus:hover:focus, .destructive-action:focus:hover:hover, .destructive-action.flat:focus:hover:focus, .destructive-action.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:focus:hover:active, .destructive-action:focus:hover:active:hover, .destructive-action:focus:hover:active:focus, .destructive-action:focus:hover:active:hover:focus, .destructive-action:focus:hover:checked, .destructive-action:focus:hover:checked:hover, .destructive-action:focus:hover:checked:focus, .destructive-action:focus:hover:checked:hover:focus, .destructive-action.flat:focus:hover:active, .destructive-action.flat:focus:hover:active:hover, .destructive-action.flat:focus:hover:active:focus, .destructive-action.flat:focus:hover:active:hover:focus, .destructive-action.flat:focus:hover:checked, .destructive-action.flat:focus:hover:checked:hover, .destructive-action.flat:focus:hover:checked:focus, .destructive-action.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:focus:hover:disabled, .destructive-action.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:focus:hover:active:disabled, .destructive-action:focus:hover:checked:disabled, .destructive-action.flat:focus:hover:active:disabled, .destructive-action.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:checked, .destructive-action:active, .destructive-action.flat:checked, .destructive-action.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .destructive-action:checked:active, .destructive-action:checked:active:hover, .destructive-action:checked:active:focus, .destructive-action:checked:active:hover:focus, .destructive-action:checked:checked, .destructive-action:checked:checked:hover, .destructive-action:checked:checked:focus, .destructive-action:checked:checked:hover:focus, .destructive-action:active:active, .destructive-action:active:active:hover, .destructive-action:active:active:focus, .destructive-action:active:active:hover:focus, .destructive-action:active:checked, .destructive-action:active:checked:hover, .destructive-action:active:checked:focus, .destructive-action:active:checked:hover:focus, .destructive-action.flat:checked:active, .destructive-action.flat:checked:active:hover, .destructive-action.flat:checked:active:focus, .destructive-action.flat:checked:active:hover:focus, .destructive-action.flat:checked:checked, .destructive-action.flat:checked:checked:hover, .destructive-action.flat:checked:checked:focus, .destructive-action.flat:checked:checked:hover:focus, .destructive-action.flat:active:active, .destructive-action.flat:active:active:hover, .destructive-action.flat:active:active:focus, .destructive-action.flat:active:active:hover:focus, .destructive-action.flat:active:checked, .destructive-action.flat:active:checked:hover, .destructive-action.flat:active:checked:focus, .destructive-action.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .destructive-action:checked:disabled, .destructive-action:active:disabled, .destructive-action.flat:checked:disabled, .destructive-action.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .destructive-action:checked:active:disabled, .destructive-action:checked:checked:disabled, .destructive-action:active:active:disabled, .destructive-action:active:checked:disabled, .destructive-action.flat:checked:active:disabled, .destructive-action.flat:checked:checked:disabled, .destructive-action.flat:active:active:disabled, .destructive-action.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .destructive-action:focus, .destructive-action:hover, .destructive-action.flat:focus, .destructive-action.flat:hover { + color: #dedede; } + .destructive-action:disabled:disabled, .destructive-action.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#dedede,0.5); + box-shadow: none; } + .destructive-action:active:disabled, .destructive-action:checked:disabled, .destructive-action.flat:active:disabled, .destructive-action.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .destructive-action.separator, .destructive-action .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + .destructive-action.separator:disabled, .destructive-action .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/****************** + ! Selection mode * +*******************/ +headerbar.selection-mode, +.titlebar:not(headerbar).selection-mode { + background-color: #990000; + background-image: none; + border-color: #7a0000; + color: #dedede; } + headerbar.selection-mode:focus, headerbar.selection-mode:hover, + .titlebar:not(headerbar).selection-mode:focus, + .titlebar:not(headerbar).selection-mode:hover { + border-color: mix(#990000,#990000,0.3); } + headerbar.selection-mode:active, headerbar.selection-mode:active:hover, headerbar.selection-mode:active:focus, headerbar.selection-mode:active:hover:focus, headerbar.selection-mode:checked, headerbar.selection-mode:checked:hover, headerbar.selection-mode:checked:focus, headerbar.selection-mode:checked:hover:focus, + .titlebar:not(headerbar).selection-mode:active, + .titlebar:not(headerbar).selection-mode:active:hover, + .titlebar:not(headerbar).selection-mode:active:focus, + .titlebar:not(headerbar).selection-mode:active:hover:focus, + .titlebar:not(headerbar).selection-mode:checked, + .titlebar:not(headerbar).selection-mode:checked:hover, + .titlebar:not(headerbar).selection-mode:checked:focus, + .titlebar:not(headerbar).selection-mode:checked:hover:focus { + border-color: #6b0000; } + headerbar.selection-mode:disabled, + .titlebar:not(headerbar).selection-mode:disabled { + border-color: #820000; } + headerbar.selection-mode:active:disabled, headerbar.selection-mode:checked:disabled, + .titlebar:not(headerbar).selection-mode:active:disabled, + .titlebar:not(headerbar).selection-mode:checked:disabled { + border-color: #7a0000; } + headerbar.selection-mode:disabled, + .titlebar:not(headerbar).selection-mode:disabled { + background-color: #8a0000; + background-image: none; + color: mix(#dedede,#990000,0.5); } + headerbar.selection-mode .title, + .titlebar:not(headerbar).selection-mode .title { + font-weight: bold; + padding: 0 6px; } + headerbar.selection-mode .subtitle, + .titlebar:not(headerbar).selection-mode .subtitle { + font-size: smaller; + padding: 0 6px; } + headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode button { + background-color: #990000; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:disabled, + .titlebar:not(headerbar).selection-mode button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button.flat, + .titlebar:not(headerbar).selection-mode button.flat { + color: #dedede; + border-color: rgba(153, 0, 0, 0); + background-color: rgba(153, 0, 0, 0); + background-image: none; + box-shadow: none; } + headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, + .titlebar:not(headerbar).selection-mode button:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:active, + .titlebar:not(headerbar).selection-mode button:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, + .titlebar:not(headerbar).selection-mode button:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:active, + .titlebar:not(headerbar).selection-mode button:focus:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, + .titlebar:not(headerbar).selection-mode button:focus:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + background-color: #a80000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:active, + .titlebar:not(headerbar).selection-mode button:checked:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:active:focus, + .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:active, + .titlebar:not(headerbar).selection-mode button:active:active:hover, + .titlebar:not(headerbar).selection-mode button:active:active:focus, + .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:checked, + .titlebar:not(headerbar).selection-mode button:active:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:checked:focus, + .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:active:disabled, + .titlebar:not(headerbar).selection-mode button:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover { + color: #dedede; } + headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, + .titlebar:not(headerbar).selection-mode button:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { + background-color: alpha(mix(#990000,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#990000,#dedede,0.5); + box-shadow: none; } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, + .titlebar:not(headerbar).selection-mode button.separator, + .titlebar:not(headerbar).selection-mode button .separator { + border: 1px solid currentColor; + color: rgba(153, 0, 0, 0.9); } + headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator:disabled, + .titlebar:not(headerbar).selection-mode button .separator:disabled { + color: rgba(153, 0, 0, 0.85); } + headerbar.selection-mode .linked > button, + .titlebar:not(headerbar).selection-mode .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar.selection-mode .linked > button:focus, headerbar.selection-mode .linked > button:hover, + .titlebar:not(headerbar).selection-mode .linked > button:focus, + .titlebar:not(headerbar).selection-mode .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + headerbar.selection-mode .linked > button:active, headerbar.selection-mode .linked > button:active:hover, headerbar.selection-mode .linked > button:active:focus, headerbar.selection-mode .linked > button:active:hover:focus, headerbar.selection-mode .linked > button:checked, headerbar.selection-mode .linked > button:checked:hover, headerbar.selection-mode .linked > button:checked:focus, headerbar.selection-mode .linked > button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active, + .titlebar:not(headerbar).selection-mode .linked > button:active:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked, + .titlebar:not(headerbar).selection-mode .linked > button:checked:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + headerbar.selection-mode .linked > button:disabled, + .titlebar:not(headerbar).selection-mode .linked > button:disabled { + box-shadow: inset -1px 0 #7a0000; } + headerbar.selection-mode .linked > button:last-child, headerbar.selection-mode .linked > button:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar.selection-mode .linked > button:last-child:hover, headerbar.selection-mode .linked > button:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + headerbar.selection-mode .linked > button:disabled:last-child, headerbar.selection-mode .linked > button:disabled:only-child, headerbar.selection-mode .linked > button:active:disabled:last-child, headerbar.selection-mode .linked > button:active:disabled:only-child, headerbar.selection-mode .linked > button:checked:disabled:last-child, headerbar.selection-mode .linked > button:checked:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:only-child { + box-shadow: none; } + headerbar.selection-mode .linked > button:active:last-child, headerbar.selection-mode .linked > button:active:last-child:focus, headerbar.selection-mode .linked > button:active:last-child:hover, headerbar.selection-mode .linked > button:active:last-child:hover:focus, headerbar.selection-mode .linked > button:checked:last-child, headerbar.selection-mode .linked > button:checked:last-child:focus, headerbar.selection-mode .linked > button:checked:last-child:hover, headerbar.selection-mode .linked > button:checked:last-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + headerbar.selection-mode .linked > button:active:only-child, headerbar.selection-mode .linked > button:active:only-child:focus, headerbar.selection-mode .linked > button:active:only-child:hover, headerbar.selection-mode .linked > button:active:only-child:hover:focus, headerbar.selection-mode .linked > button:checked:only-child, headerbar.selection-mode .linked > button:checked:only-child:focus, headerbar.selection-mode .linked > button:checked:only-child:hover, headerbar.selection-mode .linked > button:checked:only-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + headerbar.selection-mode combobox, headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode combobox, + .titlebar:not(headerbar).selection-mode button { + padding: 3px; } + headerbar.selection-mode combobox.text-button, headerbar.selection-mode button.text-button, + .titlebar:not(headerbar).selection-mode combobox.text-button, + .titlebar:not(headerbar).selection-mode button.text-button { + padding: 3px; } + headerbar.selection-mode combobox.image-button, headerbar.selection-mode button.image-button, + .titlebar:not(headerbar).selection-mode combobox.image-button, + .titlebar:not(headerbar).selection-mode button.image-button { + padding: 3px; } + headerbar.selection-mode separator, headerbar.selection-mode separator:disabled, + .titlebar:not(headerbar).selection-mode separator, + .titlebar:not(headerbar).selection-mode separator:disabled { + color: #5c0000; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode button { + background-color: #990000; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:disabled, + .titlebar:not(headerbar).selection-mode button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button.flat, + .titlebar:not(headerbar).selection-mode button.flat { + color: #dedede; + border-color: rgba(153, 0, 0, 0); + background-color: rgba(153, 0, 0, 0); + background-image: none; + box-shadow: none; } + headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, + .titlebar:not(headerbar).selection-mode button:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:active, + .titlebar:not(headerbar).selection-mode button:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, + .titlebar:not(headerbar).selection-mode button:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:active, + .titlebar:not(headerbar).selection-mode button:focus:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, + .titlebar:not(headerbar).selection-mode button:focus:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + background-color: #a80000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:active, + .titlebar:not(headerbar).selection-mode button:checked:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:active:focus, + .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:active, + .titlebar:not(headerbar).selection-mode button:active:active:hover, + .titlebar:not(headerbar).selection-mode button:active:active:focus, + .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:checked, + .titlebar:not(headerbar).selection-mode button:active:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:checked:focus, + .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:active:disabled, + .titlebar:not(headerbar).selection-mode button:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover { + color: #dedede; } + headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, + .titlebar:not(headerbar).selection-mode button:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { + background-color: alpha(mix(#990000,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#990000,#dedede,0.5); + box-shadow: none; } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, + .titlebar:not(headerbar).selection-mode button.separator, + .titlebar:not(headerbar).selection-mode button .separator { + border: 1px solid currentColor; + color: rgba(153, 0, 0, 0.9); } + headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator:disabled, + .titlebar:not(headerbar).selection-mode button .separator:disabled { + color: rgba(153, 0, 0, 0.85); } + headerbar.selection-mode:backdrop, + .titlebar:not(headerbar).selection-mode:backdrop { + background-color: #990000; + background-image: none; } + headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop, + .titlebar:not(headerbar).selection-mode .selection-menu { + color: #7a0000; + background-color: transparent; + background-image: none; + box-shadow: none; + border: 0; } + headerbar.selection-mode .selection-menu:backdrop:hover, headerbar.selection-mode .selection-menu:hover, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:hover, + .titlebar:not(headerbar).selection-mode .selection-menu:hover { + color: #6b0000; } + headerbar.selection-mode .selection-menu:backdrop:active, headerbar.selection-mode .selection-menu:active, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:active, + .titlebar:not(headerbar).selection-mode .selection-menu:active { + color: #730000; } + headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop .arrow, + .titlebar:not(headerbar).selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(222, 222, 222, 0.5); + -gtk-icon-shadow: none; } + headerbar.selection-mode .dim-label, headerbar.selection-mode label.separator, .selection-menu headerbar.selection-mode .dim-label, .selection-menu headerbar.selection-mode label.separator, + .titlebar:not(headerbar).selection-mode .dim-label, + .titlebar:not(headerbar).selection-mode label.separator, .selection-menu + .titlebar:not(headerbar).selection-mode .dim-label, .selection-menu + .titlebar:not(headerbar).selection-mode label.separator { + color: #6b0000; } + +/********** + ! Calendar +***********/ +calendar { + padding: 1px 3px; + outline-offset: -1px; + color: #2d2d2d; } + calendar:selected { + border-radius: 0px; } + 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(45, 45, 45, 0.55); } + calendar.button:hover { + color: #2d2d2d; } + calendar.button:backdrop { + color: alpha(mix(#2d2d2d,#dedede,0.5),0.55); } + calendar.button:disabled { + color: alpha(mix(#2d2d2d,#dedede,0.5),0.55); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: mix(#990000,#2d2d2d,0.5); } + calendar:backdrop { + color: mix(#dedede,#2d2d2d,0.8); } + +/* gnome-calendar */ +.calendar-view { + background-color: #dedede; + color: #2d2d2d; } + +/*************** + ! Color chooser +****************/ +colorswatch:drop(active), colorswatch { + border-style: none; } +colorswatch.top { + border-top-left-radius: 0.5px; + border-top-right-radius: 0.5px; } + colorswatch.top overlay { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } +colorswatch.bottom { + border-bottom-left-radius: 0.5px; + border-bottom-right-radius: 0.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 0.5px; + border-bottom-left-radius: 0.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 0.5px; + border-bottom-right-radius: 0.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } +colorswatch.dark overlay { + color: #dedede; } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.8); } + colorswatch.dark overlay:backdrop { + color: mix(#990000,#dedede,0.66); } +colorswatch.light overlay { + color: #2d2d2d; } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + colorswatch.light overlay:backdrop { + color: mix(#dedede,#2d2d2d,0.8); } +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 { + border: 1px solid rgba(0, 0, 0, 0.3); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(0, 0, 0, 0.3); + box-shadow: none; } +colorswatch:disabled { + opacity: .5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #dedede; } +colorswatch#add-color-button { + border-radius: 0px 0px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 0px; } + colorswatch#add-color-button overlay { + background-color: lightgray; + color: #2d2d2d; } + colorswatch#add-color-button overlay:hover { + background-color: #c8c8c8; } + colorswatch#add-color-button overlay:backdrop { + background-color: lightgray; } +colorswatch#editor-color-sample { + border-radius: 0px; } + colorswatch#editor-color-sample overlay { + border-radius: 0.5px; } + +button.color { + padding: 3px; } + 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:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { + box-shadow: none; } + +/*********************** +! Font and file choosers +************************/ +filechooser { + /* for fallback when header bar not used */ } + filechooser .dialog-action-box { + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + filechooser .dialog-action-box:backdrop { + border-top-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } + filechooser #pathbarbox { + border-bottom: 1px solid #dedede; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/****************** + ! Grid and flowbox +*******************/ +list { + color: #2d2d2d; + background-color: #dedede; + border-color: mix(#dedede,#2d2d2d,0.08); } + list:backdrop { + background-color: #dedede; + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } + list row { + padding: 3px; } + +row { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(45, 45, 45, 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: mix(#990000,#2d2d2d,0.1); } + row.activatable:selected:backdrop { + background-color: #990000; } + +flowbox flowboxchild { + padding: 3px; + border-radius: 0px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Infobar +**********/ +infobar { + border: 0; } + infobar.info, infobar.info:backdrop { + background-color: #03a9f4; + background-image: none; + border: 1px solid #0287c3; + caret-color: currentColor; } + infobar.info label, infobar.info, infobar.info:backdrop label, infobar.info:backdrop { + color: #fff; } + infobar.info button { + background-color: #03a9f4; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + infobar.info button:focus, infobar.info button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.info button:active, infobar.info button:active:hover, infobar.info button:active:focus, infobar.info button:active:hover:focus, infobar.info button:checked, infobar.info button:checked:hover, infobar.info button:checked:focus, infobar.info button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.info button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.info button:active:disabled, infobar.info button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button.flat { + color: #fff; + border-color: rgba(3, 169, 244, 0); + background-color: rgba(3, 169, 244, 0); + background-image: none; + box-shadow: none; } + infobar.info button:hover, infobar.info button.flat:hover { + background-color: #07b0fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + infobar.info button:hover:focus, infobar.info button:hover:hover, infobar.info button.flat:hover:focus, infobar.info button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:hover:active, infobar.info button:hover:active:hover, infobar.info button:hover:active:focus, infobar.info button:hover:active:hover:focus, infobar.info button:hover:checked, infobar.info button:hover:checked:hover, infobar.info button:hover:checked:focus, infobar.info button:hover:checked:hover:focus, infobar.info button.flat:hover:active, infobar.info button.flat:hover:active:hover, infobar.info button.flat:hover:active:focus, infobar.info button.flat:hover:active:hover:focus, infobar.info button.flat:hover:checked, infobar.info button.flat:hover:checked:hover, infobar.info button.flat:hover:checked:focus, infobar.info button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:hover:disabled, infobar.info button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:hover:active:disabled, infobar.info button:hover:checked:disabled, infobar.info button.flat:hover:active:disabled, infobar.info button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:focus, infobar.info button.flat:focus { + background-color: #07b0fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + infobar.info button:focus:focus, infobar.info button:focus:hover, infobar.info button.flat:focus:focus, infobar.info button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:focus:active, infobar.info button:focus:active:hover, infobar.info button:focus:active:focus, infobar.info button:focus:active:hover:focus, infobar.info button:focus:checked, infobar.info button:focus:checked:hover, infobar.info button:focus:checked:focus, infobar.info button:focus:checked:hover:focus, infobar.info button.flat:focus:active, infobar.info button.flat:focus:active:hover, infobar.info button.flat:focus:active:focus, infobar.info button.flat:focus:active:hover:focus, infobar.info button.flat:focus:checked, infobar.info button.flat:focus:checked:hover, infobar.info button.flat:focus:checked:focus, infobar.info button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:focus:disabled, infobar.info button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:focus:active:disabled, infobar.info button:focus:checked:disabled, infobar.info button.flat:focus:active:disabled, infobar.info button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:focus:hover, infobar.info button.flat:focus:hover { + background-color: #14b4fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + infobar.info button:focus:hover:focus, infobar.info button:focus:hover:hover, infobar.info button.flat:focus:hover:focus, infobar.info button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:focus:hover:active, infobar.info button:focus:hover:active:hover, infobar.info button:focus:hover:active:focus, infobar.info button:focus:hover:active:hover:focus, infobar.info button:focus:hover:checked, infobar.info button:focus:hover:checked:hover, infobar.info button:focus:hover:checked:focus, infobar.info button:focus:hover:checked:hover:focus, infobar.info button.flat:focus:hover:active, infobar.info button.flat:focus:hover:active:hover, infobar.info button.flat:focus:hover:active:focus, infobar.info button.flat:focus:hover:active:hover:focus, infobar.info button.flat:focus:hover:checked, infobar.info button.flat:focus:hover:checked:hover, infobar.info button.flat:focus:hover:checked:focus, infobar.info button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:focus:hover:disabled, infobar.info button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:focus:hover:active:disabled, infobar.info button:focus:hover:checked:disabled, infobar.info button.flat:focus:hover:active:disabled, infobar.info button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:checked, infobar.info button:active, infobar.info button.flat:checked, infobar.info button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.info button:checked:active, infobar.info button:checked:active:hover, infobar.info button:checked:active:focus, infobar.info button:checked:active:hover:focus, infobar.info button:checked:checked, infobar.info button:checked:checked:hover, infobar.info button:checked:checked:focus, infobar.info button:checked:checked:hover:focus, infobar.info button:active:active, infobar.info button:active:active:hover, infobar.info button:active:active:focus, infobar.info button:active:active:hover:focus, infobar.info button:active:checked, infobar.info button:active:checked:hover, infobar.info button:active:checked:focus, infobar.info button:active:checked:hover:focus, infobar.info button.flat:checked:active, infobar.info button.flat:checked:active:hover, infobar.info button.flat:checked:active:focus, infobar.info button.flat:checked:active:hover:focus, infobar.info button.flat:checked:checked, infobar.info button.flat:checked:checked:hover, infobar.info button.flat:checked:checked:focus, infobar.info button.flat:checked:checked:hover:focus, infobar.info button.flat:active:active, infobar.info button.flat:active:active:hover, infobar.info button.flat:active:active:focus, infobar.info button.flat:active:active:hover:focus, infobar.info button.flat:active:checked, infobar.info button.flat:active:checked:hover, infobar.info button.flat:active:checked:focus, infobar.info button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.info button:checked:disabled, infobar.info button:active:disabled, infobar.info button.flat:checked:disabled, infobar.info button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.info button:checked:active:disabled, infobar.info button:checked:checked:disabled, infobar.info button:active:active:disabled, infobar.info button:active:checked:disabled, infobar.info button.flat:checked:active:disabled, infobar.info button.flat:checked:checked:disabled, infobar.info button.flat:active:active:disabled, infobar.info button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.info button:focus, infobar.info button:hover, infobar.info button.flat:focus, infobar.info button.flat:hover { + color: #fff; } + infobar.info button:disabled:disabled, infobar.info button.flat:disabled:disabled { + background-color: alpha(mix(#03a9f4,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#03a9f4,#fff,0.5); + box-shadow: none; } + infobar.info button:active:disabled, infobar.info button:checked:disabled, infobar.info button.flat:active:disabled, infobar.info button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.info button.separator, infobar.info button .separator { + border: 1px solid currentColor; + color: rgba(3, 169, 244, 0.9); } + infobar.info button.separator:disabled, infobar.info button .separator:disabled { + color: rgba(3, 169, 244, 0.85); } + infobar.warning, infobar.warning:backdrop { + background-color: #ef6c00; + background-image: none; + border: 1px solid #bf5600; + caret-color: currentColor; } + infobar.warning label, infobar.warning, infobar.warning:backdrop label, infobar.warning:backdrop { + color: #fff; } + infobar.warning button { + background-color: #ef6c00; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + infobar.warning button:focus, infobar.warning button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.warning button:active, infobar.warning button:active:hover, infobar.warning button:active:focus, infobar.warning button:active:hover:focus, infobar.warning button:checked, infobar.warning button:checked:hover, infobar.warning button:checked:focus, infobar.warning button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.warning button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.warning button:active:disabled, infobar.warning button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button.flat { + color: #fff; + border-color: rgba(239, 108, 0, 0); + background-color: rgba(239, 108, 0, 0); + background-image: none; + box-shadow: none; } + infobar.warning button:hover, infobar.warning button.flat:hover { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + infobar.warning button:hover:focus, infobar.warning button:hover:hover, infobar.warning button.flat:hover:focus, infobar.warning button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:hover:active, infobar.warning button:hover:active:hover, infobar.warning button:hover:active:focus, infobar.warning button:hover:active:hover:focus, infobar.warning button:hover:checked, infobar.warning button:hover:checked:hover, infobar.warning button:hover:checked:focus, infobar.warning button:hover:checked:hover:focus, infobar.warning button.flat:hover:active, infobar.warning button.flat:hover:active:hover, infobar.warning button.flat:hover:active:focus, infobar.warning button.flat:hover:active:hover:focus, infobar.warning button.flat:hover:checked, infobar.warning button.flat:hover:checked:hover, infobar.warning button.flat:hover:checked:focus, infobar.warning button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:hover:disabled, infobar.warning button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:hover:active:disabled, infobar.warning button:hover:checked:disabled, infobar.warning button.flat:hover:active:disabled, infobar.warning button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:focus, infobar.warning button.flat:focus { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + infobar.warning button:focus:focus, infobar.warning button:focus:hover, infobar.warning button.flat:focus:focus, infobar.warning button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:focus:active, infobar.warning button:focus:active:hover, infobar.warning button:focus:active:focus, infobar.warning button:focus:active:hover:focus, infobar.warning button:focus:checked, infobar.warning button:focus:checked:hover, infobar.warning button:focus:checked:focus, infobar.warning button:focus:checked:hover:focus, infobar.warning button.flat:focus:active, infobar.warning button.flat:focus:active:hover, infobar.warning button.flat:focus:active:focus, infobar.warning button.flat:focus:active:hover:focus, infobar.warning button.flat:focus:checked, infobar.warning button.flat:focus:checked:hover, infobar.warning button.flat:focus:checked:focus, infobar.warning button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:focus:disabled, infobar.warning button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:focus:active:disabled, infobar.warning button:focus:checked:disabled, infobar.warning button.flat:focus:active:disabled, infobar.warning button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:focus:hover, infobar.warning button.flat:focus:hover { + background-color: #ff7808; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + infobar.warning button:focus:hover:focus, infobar.warning button:focus:hover:hover, infobar.warning button.flat:focus:hover:focus, infobar.warning button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:focus:hover:active, infobar.warning button:focus:hover:active:hover, infobar.warning button:focus:hover:active:focus, infobar.warning button:focus:hover:active:hover:focus, infobar.warning button:focus:hover:checked, infobar.warning button:focus:hover:checked:hover, infobar.warning button:focus:hover:checked:focus, infobar.warning button:focus:hover:checked:hover:focus, infobar.warning button.flat:focus:hover:active, infobar.warning button.flat:focus:hover:active:hover, infobar.warning button.flat:focus:hover:active:focus, infobar.warning button.flat:focus:hover:active:hover:focus, infobar.warning button.flat:focus:hover:checked, infobar.warning button.flat:focus:hover:checked:hover, infobar.warning button.flat:focus:hover:checked:focus, infobar.warning button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:focus:hover:disabled, infobar.warning button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:focus:hover:active:disabled, infobar.warning button:focus:hover:checked:disabled, infobar.warning button.flat:focus:hover:active:disabled, infobar.warning button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:checked, infobar.warning button:active, infobar.warning button.flat:checked, infobar.warning button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.warning button:checked:active, infobar.warning button:checked:active:hover, infobar.warning button:checked:active:focus, infobar.warning button:checked:active:hover:focus, infobar.warning button:checked:checked, infobar.warning button:checked:checked:hover, infobar.warning button:checked:checked:focus, infobar.warning button:checked:checked:hover:focus, infobar.warning button:active:active, infobar.warning button:active:active:hover, infobar.warning button:active:active:focus, infobar.warning button:active:active:hover:focus, infobar.warning button:active:checked, infobar.warning button:active:checked:hover, infobar.warning button:active:checked:focus, infobar.warning button:active:checked:hover:focus, infobar.warning button.flat:checked:active, infobar.warning button.flat:checked:active:hover, infobar.warning button.flat:checked:active:focus, infobar.warning button.flat:checked:active:hover:focus, infobar.warning button.flat:checked:checked, infobar.warning button.flat:checked:checked:hover, infobar.warning button.flat:checked:checked:focus, infobar.warning button.flat:checked:checked:hover:focus, infobar.warning button.flat:active:active, infobar.warning button.flat:active:active:hover, infobar.warning button.flat:active:active:focus, infobar.warning button.flat:active:active:hover:focus, infobar.warning button.flat:active:checked, infobar.warning button.flat:active:checked:hover, infobar.warning button.flat:active:checked:focus, infobar.warning button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.warning button:checked:disabled, infobar.warning button:active:disabled, infobar.warning button.flat:checked:disabled, infobar.warning button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.warning button:checked:active:disabled, infobar.warning button:checked:checked:disabled, infobar.warning button:active:active:disabled, infobar.warning button:active:checked:disabled, infobar.warning button.flat:checked:active:disabled, infobar.warning button.flat:checked:checked:disabled, infobar.warning button.flat:active:active:disabled, infobar.warning button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.warning button:focus, infobar.warning button:hover, infobar.warning button.flat:focus, infobar.warning button.flat:hover { + color: #fff; } + infobar.warning button:disabled:disabled, infobar.warning button.flat:disabled:disabled { + background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#ef6c00,#fff,0.5); + box-shadow: none; } + infobar.warning button:active:disabled, infobar.warning button:checked:disabled, infobar.warning button.flat:active:disabled, infobar.warning button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.warning button.separator, infobar.warning button .separator { + border: 1px solid currentColor; + color: rgba(239, 108, 0, 0.9); } + infobar.warning button.separator:disabled, infobar.warning button .separator:disabled { + color: rgba(239, 108, 0, 0.85); } + infobar.question, infobar.question:backdrop { + background-color: #673ab7; + background-image: none; + border: 1px solid #522e92; + caret-color: currentColor; } + infobar.question label, infobar.question, infobar.question:backdrop label, infobar.question:backdrop { + color: #fff; } + infobar.question button { + background-color: #673ab7; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + infobar.question button:focus, infobar.question button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.question button:active, infobar.question button:active:hover, infobar.question button:active:focus, infobar.question button:active:hover:focus, infobar.question button:checked, infobar.question button:checked:hover, infobar.question button:checked:focus, infobar.question button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.question button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.question button:active:disabled, infobar.question button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button.flat { + color: #fff; + border-color: rgba(103, 58, 183, 0); + background-color: rgba(103, 58, 183, 0); + background-image: none; + box-shadow: none; } + infobar.question button:hover, infobar.question button.flat:hover { + background-color: #6c3dc0; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + infobar.question button:hover:focus, infobar.question button:hover:hover, infobar.question button.flat:hover:focus, infobar.question button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:hover:active, infobar.question button:hover:active:hover, infobar.question button:hover:active:focus, infobar.question button:hover:active:hover:focus, infobar.question button:hover:checked, infobar.question button:hover:checked:hover, infobar.question button:hover:checked:focus, infobar.question button:hover:checked:hover:focus, infobar.question button.flat:hover:active, infobar.question button.flat:hover:active:hover, infobar.question button.flat:hover:active:focus, infobar.question button.flat:hover:active:hover:focus, infobar.question button.flat:hover:checked, infobar.question button.flat:hover:checked:hover, infobar.question button.flat:hover:checked:focus, infobar.question button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:hover:disabled, infobar.question button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:hover:active:disabled, infobar.question button:hover:checked:disabled, infobar.question button.flat:hover:active:disabled, infobar.question button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:focus, infobar.question button.flat:focus { + background-color: #6c3dc0; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + infobar.question button:focus:focus, infobar.question button:focus:hover, infobar.question button.flat:focus:focus, infobar.question button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:focus:active, infobar.question button:focus:active:hover, infobar.question button:focus:active:focus, infobar.question button:focus:active:hover:focus, infobar.question button:focus:checked, infobar.question button:focus:checked:hover, infobar.question button:focus:checked:focus, infobar.question button:focus:checked:hover:focus, infobar.question button.flat:focus:active, infobar.question button.flat:focus:active:hover, infobar.question button.flat:focus:active:focus, infobar.question button.flat:focus:active:hover:focus, infobar.question button.flat:focus:checked, infobar.question button.flat:focus:checked:hover, infobar.question button.flat:focus:checked:focus, infobar.question button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:focus:disabled, infobar.question button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:focus:active:disabled, infobar.question button:focus:checked:disabled, infobar.question button.flat:focus:active:disabled, infobar.question button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:focus:hover, infobar.question button.flat:focus:hover { + background-color: #7345c4; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + infobar.question button:focus:hover:focus, infobar.question button:focus:hover:hover, infobar.question button.flat:focus:hover:focus, infobar.question button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:focus:hover:active, infobar.question button:focus:hover:active:hover, infobar.question button:focus:hover:active:focus, infobar.question button:focus:hover:active:hover:focus, infobar.question button:focus:hover:checked, infobar.question button:focus:hover:checked:hover, infobar.question button:focus:hover:checked:focus, infobar.question button:focus:hover:checked:hover:focus, infobar.question button.flat:focus:hover:active, infobar.question button.flat:focus:hover:active:hover, infobar.question button.flat:focus:hover:active:focus, infobar.question button.flat:focus:hover:active:hover:focus, infobar.question button.flat:focus:hover:checked, infobar.question button.flat:focus:hover:checked:hover, infobar.question button.flat:focus:hover:checked:focus, infobar.question button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:focus:hover:disabled, infobar.question button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:focus:hover:active:disabled, infobar.question button:focus:hover:checked:disabled, infobar.question button.flat:focus:hover:active:disabled, infobar.question button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:checked, infobar.question button:active, infobar.question button.flat:checked, infobar.question button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.question button:checked:active, infobar.question button:checked:active:hover, infobar.question button:checked:active:focus, infobar.question button:checked:active:hover:focus, infobar.question button:checked:checked, infobar.question button:checked:checked:hover, infobar.question button:checked:checked:focus, infobar.question button:checked:checked:hover:focus, infobar.question button:active:active, infobar.question button:active:active:hover, infobar.question button:active:active:focus, infobar.question button:active:active:hover:focus, infobar.question button:active:checked, infobar.question button:active:checked:hover, infobar.question button:active:checked:focus, infobar.question button:active:checked:hover:focus, infobar.question button.flat:checked:active, infobar.question button.flat:checked:active:hover, infobar.question button.flat:checked:active:focus, infobar.question button.flat:checked:active:hover:focus, infobar.question button.flat:checked:checked, infobar.question button.flat:checked:checked:hover, infobar.question button.flat:checked:checked:focus, infobar.question button.flat:checked:checked:hover:focus, infobar.question button.flat:active:active, infobar.question button.flat:active:active:hover, infobar.question button.flat:active:active:focus, infobar.question button.flat:active:active:hover:focus, infobar.question button.flat:active:checked, infobar.question button.flat:active:checked:hover, infobar.question button.flat:active:checked:focus, infobar.question button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.question button:checked:disabled, infobar.question button:active:disabled, infobar.question button.flat:checked:disabled, infobar.question button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.question button:checked:active:disabled, infobar.question button:checked:checked:disabled, infobar.question button:active:active:disabled, infobar.question button:active:checked:disabled, infobar.question button.flat:checked:active:disabled, infobar.question button.flat:checked:checked:disabled, infobar.question button.flat:active:active:disabled, infobar.question button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.question button:focus, infobar.question button:hover, infobar.question button.flat:focus, infobar.question button.flat:hover { + color: #fff; } + infobar.question button:disabled:disabled, infobar.question button.flat:disabled:disabled { + background-color: alpha(mix(#673ab7,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#673ab7,#fff,0.5); + box-shadow: none; } + infobar.question button:active:disabled, infobar.question button:checked:disabled, infobar.question button.flat:active:disabled, infobar.question button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.question button.separator, infobar.question button .separator { + border: 1px solid currentColor; + color: rgba(103, 58, 183, 0.9); } + infobar.question button.separator:disabled, infobar.question button .separator:disabled { + color: rgba(103, 58, 183, 0.85); } + infobar.error, infobar.error:backdrop { + background-color: #f44336; + background-image: none; + border: 1px solid #e21b0c; + caret-color: currentColor; } + infobar.error label, infobar.error, infobar.error:backdrop label, infobar.error:backdrop { + color: #fff; } + infobar.error button { + background-color: #f44336; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + infobar.error button:focus, infobar.error button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.error button:active, infobar.error button:active:hover, infobar.error button:active:focus, infobar.error button:active:hover:focus, infobar.error button:checked, infobar.error button:checked:hover, infobar.error button:checked:focus, infobar.error button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.error button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.error button:active:disabled, infobar.error button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button.flat { + color: #fff; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + infobar.error button:hover, infobar.error button.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + infobar.error button:hover:focus, infobar.error button:hover:hover, infobar.error button.flat:hover:focus, infobar.error button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:hover:active, infobar.error button:hover:active:hover, infobar.error button:hover:active:focus, infobar.error button:hover:active:hover:focus, infobar.error button:hover:checked, infobar.error button:hover:checked:hover, infobar.error button:hover:checked:focus, infobar.error button:hover:checked:hover:focus, infobar.error button.flat:hover:active, infobar.error button.flat:hover:active:hover, infobar.error button.flat:hover:active:focus, infobar.error button.flat:hover:active:hover:focus, infobar.error button.flat:hover:checked, infobar.error button.flat:hover:checked:hover, infobar.error button.flat:hover:checked:focus, infobar.error button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:hover:disabled, infobar.error button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:hover:active:disabled, infobar.error button:hover:checked:disabled, infobar.error button.flat:hover:active:disabled, infobar.error button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:focus, infobar.error button.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + infobar.error button:focus:focus, infobar.error button:focus:hover, infobar.error button.flat:focus:focus, infobar.error button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:focus:active, infobar.error button:focus:active:hover, infobar.error button:focus:active:focus, infobar.error button:focus:active:hover:focus, infobar.error button:focus:checked, infobar.error button:focus:checked:hover, infobar.error button:focus:checked:focus, infobar.error button:focus:checked:hover:focus, infobar.error button.flat:focus:active, infobar.error button.flat:focus:active:hover, infobar.error button.flat:focus:active:focus, infobar.error button.flat:focus:active:hover:focus, infobar.error button.flat:focus:checked, infobar.error button.flat:focus:checked:hover, infobar.error button.flat:focus:checked:focus, infobar.error button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:focus:disabled, infobar.error button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:focus:active:disabled, infobar.error button:focus:checked:disabled, infobar.error button.flat:focus:active:disabled, infobar.error button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:focus:hover, infobar.error button.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + infobar.error button:focus:hover:focus, infobar.error button:focus:hover:hover, infobar.error button.flat:focus:hover:focus, infobar.error button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:focus:hover:active, infobar.error button:focus:hover:active:hover, infobar.error button:focus:hover:active:focus, infobar.error button:focus:hover:active:hover:focus, infobar.error button:focus:hover:checked, infobar.error button:focus:hover:checked:hover, infobar.error button:focus:hover:checked:focus, infobar.error button:focus:hover:checked:hover:focus, infobar.error button.flat:focus:hover:active, infobar.error button.flat:focus:hover:active:hover, infobar.error button.flat:focus:hover:active:focus, infobar.error button.flat:focus:hover:active:hover:focus, infobar.error button.flat:focus:hover:checked, infobar.error button.flat:focus:hover:checked:hover, infobar.error button.flat:focus:hover:checked:focus, infobar.error button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:focus:hover:disabled, infobar.error button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:focus:hover:active:disabled, infobar.error button:focus:hover:checked:disabled, infobar.error button.flat:focus:hover:active:disabled, infobar.error button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:checked, infobar.error button:active, infobar.error button.flat:checked, infobar.error button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.error button:checked:active, infobar.error button:checked:active:hover, infobar.error button:checked:active:focus, infobar.error button:checked:active:hover:focus, infobar.error button:checked:checked, infobar.error button:checked:checked:hover, infobar.error button:checked:checked:focus, infobar.error button:checked:checked:hover:focus, infobar.error button:active:active, infobar.error button:active:active:hover, infobar.error button:active:active:focus, infobar.error button:active:active:hover:focus, infobar.error button:active:checked, infobar.error button:active:checked:hover, infobar.error button:active:checked:focus, infobar.error button:active:checked:hover:focus, infobar.error button.flat:checked:active, infobar.error button.flat:checked:active:hover, infobar.error button.flat:checked:active:focus, infobar.error button.flat:checked:active:hover:focus, infobar.error button.flat:checked:checked, infobar.error button.flat:checked:checked:hover, infobar.error button.flat:checked:checked:focus, infobar.error button.flat:checked:checked:hover:focus, infobar.error button.flat:active:active, infobar.error button.flat:active:active:hover, infobar.error button.flat:active:active:focus, infobar.error button.flat:active:active:hover:focus, infobar.error button.flat:active:checked, infobar.error button.flat:active:checked:hover, infobar.error button.flat:active:checked:focus, infobar.error button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.error button:checked:disabled, infobar.error button:active:disabled, infobar.error button.flat:checked:disabled, infobar.error button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.error button:checked:active:disabled, infobar.error button:checked:checked:disabled, infobar.error button:active:active:disabled, infobar.error button:active:checked:disabled, infobar.error button.flat:checked:active:disabled, infobar.error button.flat:checked:checked:disabled, infobar.error button.flat:active:active:disabled, infobar.error button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.error button:focus, infobar.error button:hover, infobar.error button.flat:focus, infobar.error button.flat:hover { + color: #fff; } + infobar.error button:disabled:disabled, infobar.error button.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#fff,0.5); + box-shadow: none; } + infobar.error button:active:disabled, infobar.error button:checked:disabled, infobar.error button.flat:active:disabled, infobar.error button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.error button.separator, infobar.error button .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + infobar.error button.separator:disabled, infobar.error button .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/********* + ! Entry * +**********/ +.linked:not(.vertical) > entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; } + .linked:not(.vertical) > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .linked:not(.vertical) > entry:first-child:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; } + .linked:not(.vertical) > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .linked:not(.vertical) > entry:last-child:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; } + .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { + border-width: 1px; } + .linked:not(.vertical) > entry:only-child { + border-radius: 0px; } + +.linked.vertical > entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } + .linked.vertical > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > entry:first-child:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; } + .linked.vertical > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > entry:last-child:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; } + .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { + border-width: 1px; } + .linked.vertical > entry:only-child { + border-radius: 0px; } + +entry, menuitem entry, popover.background entry, .osd entry, +#XfceNotifyWindow entry, #login_window entry { + border-width: 1px; + border-style: solid; + border-radius: 0px; + border-color: #b2b2b2; + transition: border 100ms ease-out; + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.1), inset 0 1px rgba(9, 9, 9, 0.12), inset -1px 0 rgba(9, 9, 9, 0.1), inset 0 -1px rgba(9, 9, 9, 0.05); } + entry:focus, popover.background entry:focus, + #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, + #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, + #XfceNotifyWindow entry:active, #login_window entry:active { + transition: border 100ms ease-in; } + entry:selected, popover.background entry:selected, + #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, + #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { + background-color: #990000; + color: #dedede; } + entry:disabled, popover.background entry:disabled, + #XfceNotifyWindow entry:disabled, #login_window entry:disabled { + box-shadow: none; } + entry progress, popover.background entry progress, .osd entry progress, + #XfceNotifyWindow entry progress, #login_window entry progress { + background-color: #990000; + background-image: none; + border-width: 0; + border-radius: 0px; + color: #dedede; } + entry image.left, + #XfceNotifyWindow entry image.left, #login_window entry image.left { + padding-right: 3px; } + entry image.right, + #XfceNotifyWindow entry image.right, #login_window entry image.right { + padding-left: 3px; } + entry.warning, popover.background entry.warning, + #XfceNotifyWindow entry.warning, #login_window entry.warning { + color: #fff; + border-color: #bf5600; + background-color: mix(#dedede,#ef6c00,0.6); } + entry.warning image, + #XfceNotifyWindow entry.warning image, #login_window entry.warning image { + color: #fff; } + entry.warning:focus, + #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { + color: #fff; + border-color: mix(#990000,#ef6c00,0.3); + background-color: #ef6c00; + box-shadow: none; } + entry.warning selection, + #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { + background-color: #fff; + color: #ef6c00; } + entry.error, popover.background entry.error, + #XfceNotifyWindow entry.error, #login_window entry.error { + color: #fff; + border-color: #e21b0c; + background-color: mix(#dedede,#f44336,0.6); } + entry.error image, + #XfceNotifyWindow entry.error image, #login_window entry.error image { + color: #fff; } + entry.error:focus, + #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.error selection, + #XfceNotifyWindow entry.error selection, #login_window entry.error selection { + background-color: #fff; + color: #f44336; } + entry.search-missing, popover.background entry.search-missing, + #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { + color: #fff; + border-color: #e21b0c; + background-color: mix(#dedede,#f44336,0.6); } + entry.search-missing image, + #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { + color: #fff; } + entry.search-missing:focus, + #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.search-missing selection, + #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { + background-color: #fff; + color: #f44336; } + +/********* + ! Menubar +**********/ +menubar, .menubar { + -GtkWidget-window-dragging: true; + padding: 0; + border: 0; + background-color: #dedede; + background-image: none; + color: #2d2d2d; } + menubar > menuitem, .menubar > menuitem { + min-height: 16px; + padding: 4.5px 7.5px; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: #2d2d2d; } + menubar > menuitem:hover, .menubar > menuitem:hover { + border-color: mix(#dedede,#2d2d2d,0.21); + background-color: mix(#dedede,#2d2d2d,0.21); + background-image: none; + color: #313131; } + menubar > menuitem *:hover, .menubar > menuitem *:hover { + color: #313131; } + +/****** + ! Menu +*******/ +menu, +.menu, +.context-menu { + border: 0; + border-radius: 0; + padding: 3px; + background-color: #dedede; + color: #2d2d2d; } + .csd menu, .csd + .menu, .csd + .context-menu { + border: 0; } + menu:selected, + .menu:selected, + .context-menu:selected { + background-color: #990000; } + menu separator, .csd menu separator, + .menu separator, .csd + .menu separator, + .context-menu separator, .csd + .context-menu separator { + background-color: #c8c8c8; + margin: 1px 0; } + menu .separator, .csd menu .separator, + .menu .separator, .csd + .menu .separator, + .context-menu .separator, .csd + .context-menu .separator { + color: #c8c8c8; } + menu menuitem, + .menu menuitem, + .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 3px; + border-radius: 0; } + menu menuitem:active, menu menuitem:hover, + .menu menuitem:active, + .menu menuitem:hover, + .context-menu menuitem:active, + .context-menu menuitem:hover { + border: 0; + background-color: #990000; + background-image: none; + color: #dedede; } + menu menuitem *:active, menu menuitem *:hover, + .menu menuitem *:active, + .menu menuitem *:hover, + .context-menu menuitem *:active, + .context-menu menuitem *:hover { + color: #dedede; } + menu menuitem:disabled, menu menuitem *:disabled, + .menu menuitem:disabled, + .menu menuitem *:disabled, + .context-menu menuitem:disabled, + .context-menu menuitem *:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + menu menuitem arrow, + .menu menuitem arrow, + .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-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), + .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem.button, menu menuitem.button:focus, menu menuitem.button:active, menu menuitem.button:disabled, menu menuitem.button:active:disabled, menu menuitem.button.flat, menu menuitem.button.flat:focus, menu menuitem.button.flat:active, menu menuitem.button.flat:disabled, menu menuitem.button.flat:active:disabled, + .menu menuitem.button, + .menu menuitem.button:focus, + .menu menuitem.button:active, + .menu menuitem.button:disabled, + .menu menuitem.button:active:disabled, + .menu menuitem.button.flat, + .menu menuitem.button.flat:focus, + .menu menuitem.button.flat:active, + .menu menuitem.button.flat:disabled, + .menu menuitem.button.flat:active:disabled, + .context-menu menuitem.button, + .context-menu menuitem.button:focus, + .context-menu menuitem.button:active, + .context-menu menuitem.button:disabled, + .context-menu menuitem.button:active:disabled, + .context-menu menuitem.button.flat, + .context-menu menuitem.button.flat:focus, + .context-menu menuitem.button.flat:active, + .context-menu menuitem.button.flat:disabled, + .context-menu menuitem.button.flat:active:disabled { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; } + menu menuitem.button:hover, menu menuitem.button:focus:hover, menu menuitem.button:active:hover, menu menuitem.button:selected, menu menuitem.button.flat:hover, menu menuitem.button.flat:focus:hover, menu menuitem.button.flat:active:hover, menu menuitem.button.flat:selected, + .menu menuitem.button:hover, + .menu menuitem.button:focus:hover, + .menu menuitem.button:active:hover, + .menu menuitem.button:selected, + .menu menuitem.button.flat:hover, + .menu menuitem.button.flat:focus:hover, + .menu menuitem.button.flat:active:hover, + .menu menuitem.button.flat:selected, + .context-menu menuitem.button:hover, + .context-menu menuitem.button:focus:hover, + .context-menu menuitem.button:active:hover, + .context-menu menuitem.button:selected, + .context-menu menuitem.button.flat:hover, + .context-menu menuitem.button.flat:focus:hover, + .context-menu menuitem.button.flat:active:hover, + .context-menu menuitem.button.flat:selected { + background-image: none; + background-color: #990000; + color: #dedede; } + menu menuitem calendar, + .menu menuitem calendar, + .context-menu menuitem calendar { + color: #2d2d2d; } + menu menuitem calendar.header, + .menu menuitem calendar.header, + .context-menu menuitem calendar.header { + border-bottom: 1px solid #c8c8c8; + border-radius: 0; } + menu menuitem calendar.header:backdrop, + .menu menuitem calendar.header:backdrop, + .context-menu menuitem calendar.header:backdrop { + border-color: #c8c8c8; } + menu menuitem calendar.button, + .menu menuitem calendar.button, + .context-menu menuitem calendar.button { + color: rgba(45, 45, 45, 0.55); } + menu menuitem calendar.button:hover, + .menu menuitem calendar.button:hover, + .context-menu menuitem calendar.button:hover { + color: #2d2d2d; } + menu menuitem calendar:indeterminate, menu menuitem calendar:indeterminate:backdrop, + .menu menuitem calendar:indeterminate, + .menu menuitem calendar:indeterminate:backdrop, + .context-menu menuitem calendar:indeterminate, + .context-menu menuitem calendar:indeterminate:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, + .menu > arrow, + .context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 3px; + background-color: #dedede; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top, + .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.1); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom, + .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid mix(#2d2d2d,#dedede,0.1); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover, + .context-menu > arrow:hover { + background-color: mix(#2d2d2d,#dedede,0.1); } + menu > arrow:backdrop, + .menu > arrow:backdrop, + .context-menu > arrow:backdrop { + background-color: #dedede; } + menu > arrow:disabled, + .menu > arrow:disabled, + .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +.context-menu { + font: initial; } + +.monospace { + font-family: monospace; } + +menuitem accelerator { + color: rgba(45, 45, 45, 0.6); } + menuitem accelerator:hover { + color: rgba(222, 222, 222, 0.8); } + menuitem accelerator:disabled { + color: alpha(mix(#2d2d2d,#dedede,0.5),0.4); } +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; } +menuitem window decoration { + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } +menuitem entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + menuitem entry:focus, menuitem entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + menuitem entry:active, menuitem entry:active:hover, menuitem entry:active:focus, menuitem entry:active:hover:focus, menuitem entry:checked, menuitem entry:checked:hover, menuitem entry:checked:focus, menuitem entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + menuitem entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + menuitem entry:active:disabled, menuitem entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + menuitem entry:focus, menuitem entry:active { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.08),0.3); } + menuitem entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + menuitem entry:disabled:focus, menuitem entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + menuitem entry:disabled:active, menuitem entry:disabled:active:hover, menuitem entry:disabled:active:focus, menuitem entry:disabled:active:hover:focus, menuitem entry:disabled:checked, menuitem entry:disabled:checked:hover, menuitem entry:disabled:checked:focus, menuitem entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + menuitem entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + menuitem entry:disabled:active:disabled, menuitem entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + +/********* + ! Popover +**********/ +popover.background { + padding: 0px; + border-radius: 0px; + background-clip: border-box; + background-color: #dedede; + background-image: none; + color: #2d2d2d; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } + .csd popover.background, popover.background { + /*@include border($menu_bg_color);*/ + border-color: rgba(36, 36, 36, 0.5); + border-width: 1px; + border-style: solid; } + .csd popover.background:focus, .csd popover.background:hover, popover.background:focus, popover.background:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.5),0.3); } + .csd popover.background:active, .csd popover.background:active:hover, .csd popover.background:active:focus, .csd popover.background:active:hover:focus, .csd popover.background:checked, .csd popover.background:checked:hover, .csd popover.background:checked:focus, .csd popover.background:checked:hover:focus, popover.background:active, popover.background:active:hover, popover.background:active:focus, popover.background:active:hover:focus, popover.background:checked, popover.background:checked:hover, popover.background:checked:focus, popover.background:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.5); } + .csd popover.background:disabled, popover.background:disabled { + border-color: rgba(38, 38, 38, 0.5); } + .csd popover.background:active:disabled, .csd popover.background:checked:disabled, popover.background:active:disabled, popover.background:checked:disabled { + border-color: rgba(36, 36, 36, 0.5); } + popover.background:backdrop { + box-shadow: none; } + popover.background treeview.view:hover, popover.background treeview.view:selected, popover.background treeview.view:selected:focus, popover.background treeview.view:backdrop:selected, popover.background treeview.view:backdrop:selected:focus { + border-top-color: #990000; } + popover.background treeview.view, popover.background treeview.view:backdrop { + border-top-color: white; } + popover.background view:hover, popover.background .view:hover, popover.background iconview:hover, popover.background list:hover { + background-image: none; + background-color: #990000; + color: #dedede; } + popover.background view, popover.background view:backdrop, popover.background .view, popover.background iconview, popover.background .view:backdrop, popover.background iconview:backdrop, popover.background list, popover.background list:backdrop { + background-color: white; + background-image: none; + color: #2d2d2d; + border-color: #b2b2b2; } + popover.background list row, popover.background list row .button { + background-color: transparent; + background-image: none; + color: #2d2d2d; } + popover.background list row:focus, popover.background list row:hover, popover.background list row:active, popover.background list row .button:focus, popover.background list row .button:hover, popover.background list row .button:active { + background-image: none; + background-color: #990000; + color: #dedede; } + popover.background .frame { + border-color: #b2b2b2; + border-radius: 0px; } + popover.background entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + popover.background entry:focus, popover.background entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + popover.background entry:active, popover.background entry:active:hover, popover.background entry:active:focus, popover.background entry:active:hover:focus, popover.background entry:checked, popover.background entry:checked:hover, popover.background entry:checked:focus, popover.background entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + popover.background entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + popover.background entry:active:disabled, popover.background entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + popover.background entry:focus, popover.background entry:active { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.08),0.3); } + popover.background entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + popover.background entry:disabled:focus, popover.background entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + popover.background entry:disabled:active, popover.background entry:disabled:active:hover, popover.background entry:disabled:active:focus, popover.background entry:disabled:active:hover:focus, popover.background entry:disabled:checked, popover.background entry:disabled:checked:hover, popover.background entry:disabled:checked:focus, popover.background entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + popover.background entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + popover.background entry:disabled:active:disabled, popover.background entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + popover.background button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + popover.background button:focus, popover.background button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + popover.background button:active, popover.background button:active:hover, popover.background button:active:focus, popover.background button:active:hover:focus, popover.background button:checked, popover.background button:checked:hover, popover.background button:checked:focus, popover.background button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + popover.background button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + popover.background button:active:disabled, popover.background button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + popover.background button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + popover.background button:hover, popover.background button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + popover.background button:hover:focus, popover.background button:hover:hover, popover.background button.flat:hover:focus, popover.background button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + popover.background button:hover:active, popover.background button:hover:active:hover, popover.background button:hover:active:focus, popover.background button:hover:active:hover:focus, popover.background button:hover:checked, popover.background button:hover:checked:hover, popover.background button:hover:checked:focus, popover.background button:hover:checked:hover:focus, popover.background button.flat:hover:active, popover.background button.flat:hover:active:hover, popover.background button.flat:hover:active:focus, popover.background button.flat:hover:active:hover:focus, popover.background button.flat:hover:checked, popover.background button.flat:hover:checked:hover, popover.background button.flat:hover:checked:focus, popover.background button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + popover.background button:hover:disabled, popover.background button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + popover.background button:hover:active:disabled, popover.background button:hover:checked:disabled, popover.background button.flat:hover:active:disabled, popover.background button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + popover.background button:focus, popover.background button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + popover.background button:focus:focus, popover.background button:focus:hover, popover.background button.flat:focus:focus, popover.background button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + popover.background button:focus:active, popover.background button:focus:active:hover, popover.background button:focus:active:focus, popover.background button:focus:active:hover:focus, popover.background button:focus:checked, popover.background button:focus:checked:hover, popover.background button:focus:checked:focus, popover.background button:focus:checked:hover:focus, popover.background button.flat:focus:active, popover.background button.flat:focus:active:hover, popover.background button.flat:focus:active:focus, popover.background button.flat:focus:active:hover:focus, popover.background button.flat:focus:checked, popover.background button.flat:focus:checked:hover, popover.background button.flat:focus:checked:focus, popover.background button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + popover.background button:focus:disabled, popover.background button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + popover.background button:focus:active:disabled, popover.background button:focus:checked:disabled, popover.background button.flat:focus:active:disabled, popover.background button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + popover.background button:focus:hover, popover.background button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + popover.background button:focus:hover:focus, popover.background button:focus:hover:hover, popover.background button.flat:focus:hover:focus, popover.background button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + popover.background button:focus:hover:active, popover.background button:focus:hover:active:hover, popover.background button:focus:hover:active:focus, popover.background button:focus:hover:active:hover:focus, popover.background button:focus:hover:checked, popover.background button:focus:hover:checked:hover, popover.background button:focus:hover:checked:focus, popover.background button:focus:hover:checked:hover:focus, popover.background button.flat:focus:hover:active, popover.background button.flat:focus:hover:active:hover, popover.background button.flat:focus:hover:active:focus, popover.background button.flat:focus:hover:active:hover:focus, popover.background button.flat:focus:hover:checked, popover.background button.flat:focus:hover:checked:hover, popover.background button.flat:focus:hover:checked:focus, popover.background button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + popover.background button:focus:hover:disabled, popover.background button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + popover.background button:focus:hover:active:disabled, popover.background button:focus:hover:checked:disabled, popover.background button.flat:focus:hover:active:disabled, popover.background button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + popover.background button:checked, popover.background button:active, popover.background button.flat:checked, popover.background button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + popover.background button:checked:active, popover.background button:checked:active:hover, popover.background button:checked:active:focus, popover.background button:checked:active:hover:focus, popover.background button:checked:checked, popover.background button:checked:checked:hover, popover.background button:checked:checked:focus, popover.background button:checked:checked:hover:focus, popover.background button:active:active, popover.background button:active:active:hover, popover.background button:active:active:focus, popover.background button:active:active:hover:focus, popover.background button:active:checked, popover.background button:active:checked:hover, popover.background button:active:checked:focus, popover.background button:active:checked:hover:focus, popover.background button.flat:checked:active, popover.background button.flat:checked:active:hover, popover.background button.flat:checked:active:focus, popover.background button.flat:checked:active:hover:focus, popover.background button.flat:checked:checked, popover.background button.flat:checked:checked:hover, popover.background button.flat:checked:checked:focus, popover.background button.flat:checked:checked:hover:focus, popover.background button.flat:active:active, popover.background button.flat:active:active:hover, popover.background button.flat:active:active:focus, popover.background button.flat:active:active:hover:focus, popover.background button.flat:active:checked, popover.background button.flat:active:checked:hover, popover.background button.flat:active:checked:focus, popover.background button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + popover.background button:checked:disabled, popover.background button:active:disabled, popover.background button.flat:checked:disabled, popover.background button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + popover.background button:checked:active:disabled, popover.background button:checked:checked:disabled, popover.background button:active:active:disabled, popover.background button:active:checked:disabled, popover.background button.flat:checked:active:disabled, popover.background button.flat:checked:checked:disabled, popover.background button.flat:active:active:disabled, popover.background button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + popover.background button:focus, popover.background button:hover, popover.background button.flat:focus, popover.background button.flat:hover { + color: #2d2d2d; } + popover.background button:disabled:disabled, popover.background button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + popover.background button:active:disabled, popover.background button:checked:disabled, popover.background button.flat:active:disabled, popover.background button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + popover.background button.separator, popover.background button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + popover.background button.separator:disabled, popover.background button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + popover.background .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + popover.background .linked > button:focus, popover.background .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + popover.background .linked > button:active, popover.background .linked > button:active:hover, popover.background .linked > button:active:focus, popover.background .linked > button:active:hover:focus, popover.background .linked > button:checked, popover.background .linked > button:checked:hover, popover.background .linked > button:checked:focus, popover.background .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + popover.background .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + popover.background .linked > button:last-child, popover.background .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + popover.background .linked > button:last-child:hover, popover.background .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + popover.background .linked > button:disabled:last-child, popover.background .linked > button:disabled:only-child, popover.background .linked > button:active:disabled:last-child, popover.background .linked > button:active:disabled:only-child, popover.background .linked > button:checked:disabled:last-child, popover.background .linked > button:checked:disabled:only-child { + box-shadow: none; } + popover.background .linked > button:active:last-child, popover.background .linked > button:active:last-child:focus, popover.background .linked > button:active:last-child:hover, popover.background .linked > button:active:last-child:hover:focus, popover.background .linked > button:checked:last-child, popover.background .linked > button:checked:last-child:focus, popover.background .linked > button:checked:last-child:hover, popover.background .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + popover.background .linked > button:active:only-child, popover.background .linked > button:active:only-child:focus, popover.background .linked > button:active:only-child:hover, popover.background .linked > button:active:only-child:hover:focus, popover.background .linked > button:checked:only-child, popover.background .linked > button:checked:only-child:focus, popover.background .linked > button:checked:only-child:hover, popover.background .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { + border-style: none; + background-color: transparent; } + +modelbutton.flat, +menuitem.button.flat { + padding: 3px 5px; + outline-color: transparent; + transition: none; } + modelbutton.flat:hover, + menuitem.button.flat:hover { + background-color: #990000; + color: #dedede; } + modelbutton.flat:checked, + menuitem.button.flat:checked { + color: #2d2d2d; } + modelbutton.flat arrow.left, + menuitem.button.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, + menuitem.button.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child { + margin-right: 8px; } + +/*************** +! Dimmed label * +****************/ +.dim-label, label.separator { + opacity: .5; + text-shadow: none; } + +/*********** + ! Tooltip * +************/ +.tooltip.background, .tooltip.background.csd, +tooltip.background, +tooltip.background.csd { + background-color: #dedede; + background-clip: padding-box; + border: 1px solid #b2b2b2; + border-radius: 0px; + color: #2d2d2d; } +.tooltip *, +tooltip * { + background-color: transparent; + color: inherit; } + +/*********** + ! Dialogs * +************/ +messagedialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: 0; + -GtkDialog-action-area-border: 0; + -GtkDialog-button-spacing: 3px; + margin: 0; + padding: 0; } + +printdialog paper { + color: #2d2d2d; + border: 1px solid mix(#dedede,#2d2d2d,0.08); + background: #fff; + padding: 0; } + printdialog paper:backdrop { + color: mix(#2d2d2d,#dedede,0.5); + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } +printdialog .dialog-action-box { + margin: 6px; } + +/********************* + ! App notifications * +**********************/ +frame.app-notification { + border-style: solid; + border-color: rgba(178, 178, 178, 0.8); + border-width: 0 1px 1px; + border-radius: 0 0 0px 0px; + padding: 6px; + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + color: #2d2d2d; } + frame.app-notification button { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + frame.app-notification button:focus, frame.app-notification button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + frame.app-notification button:active, frame.app-notification button:active:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover:focus, frame.app-notification button:checked, frame.app-notification button:checked:hover, frame.app-notification button:checked:focus, frame.app-notification button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + frame.app-notification button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + frame.app-notification button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + frame.app-notification button:hover, frame.app-notification button.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + frame.app-notification button:hover:focus, frame.app-notification button:hover:hover, frame.app-notification button.flat:hover:focus, frame.app-notification button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + frame.app-notification button:hover:active, frame.app-notification button:hover:active:hover, frame.app-notification button:hover:active:focus, frame.app-notification button:hover:active:hover:focus, frame.app-notification button:hover:checked, frame.app-notification button:hover:checked:hover, frame.app-notification button:hover:checked:focus, frame.app-notification button:hover:checked:hover:focus, frame.app-notification button.flat:hover:active, frame.app-notification button.flat:hover:active:hover, frame.app-notification button.flat:hover:active:focus, frame.app-notification button.flat:hover:active:hover:focus, frame.app-notification button.flat:hover:checked, frame.app-notification button.flat:hover:checked:hover, frame.app-notification button.flat:hover:checked:focus, frame.app-notification button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + frame.app-notification button:hover:disabled, frame.app-notification button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + frame.app-notification button:hover:active:disabled, frame.app-notification button:hover:checked:disabled, frame.app-notification button.flat:hover:active:disabled, frame.app-notification button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + frame.app-notification button:focus, frame.app-notification button.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + frame.app-notification button:focus:focus, frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:focus, frame.app-notification button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + frame.app-notification button:focus:active, frame.app-notification button:focus:active:hover, frame.app-notification button:focus:active:focus, frame.app-notification button:focus:active:hover:focus, frame.app-notification button:focus:checked, frame.app-notification button:focus:checked:hover, frame.app-notification button:focus:checked:focus, frame.app-notification button:focus:checked:hover:focus, frame.app-notification button.flat:focus:active, frame.app-notification button.flat:focus:active:hover, frame.app-notification button.flat:focus:active:focus, frame.app-notification button.flat:focus:active:hover:focus, frame.app-notification button.flat:focus:checked, frame.app-notification button.flat:focus:checked:hover, frame.app-notification button.flat:focus:checked:focus, frame.app-notification button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + frame.app-notification button:focus:disabled, frame.app-notification button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + frame.app-notification button:focus:active:disabled, frame.app-notification button:focus:checked:disabled, frame.app-notification button.flat:focus:active:disabled, frame.app-notification button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + frame.app-notification button:focus:hover:focus, frame.app-notification button:focus:hover:hover, frame.app-notification button.flat:focus:hover:focus, frame.app-notification button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + frame.app-notification button:focus:hover:active, frame.app-notification button:focus:hover:active:hover, frame.app-notification button:focus:hover:active:focus, frame.app-notification button:focus:hover:active:hover:focus, frame.app-notification button:focus:hover:checked, frame.app-notification button:focus:hover:checked:hover, frame.app-notification button:focus:hover:checked:focus, frame.app-notification button:focus:hover:checked:hover:focus, frame.app-notification button.flat:focus:hover:active, frame.app-notification button.flat:focus:hover:active:hover, frame.app-notification button.flat:focus:hover:active:focus, frame.app-notification button.flat:focus:hover:active:hover:focus, frame.app-notification button.flat:focus:hover:checked, frame.app-notification button.flat:focus:hover:checked:hover, frame.app-notification button.flat:focus:hover:checked:focus, frame.app-notification button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + frame.app-notification button:focus:hover:disabled, frame.app-notification button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + frame.app-notification button:focus:hover:active:disabled, frame.app-notification button:focus:hover:checked:disabled, frame.app-notification button.flat:focus:hover:active:disabled, frame.app-notification button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + frame.app-notification button:checked, frame.app-notification button:active, frame.app-notification button.flat:checked, frame.app-notification button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + frame.app-notification button:checked:active, frame.app-notification button:checked:active:hover, frame.app-notification button:checked:active:focus, frame.app-notification button:checked:active:hover:focus, frame.app-notification button:checked:checked, frame.app-notification button:checked:checked:hover, frame.app-notification button:checked:checked:focus, frame.app-notification button:checked:checked:hover:focus, frame.app-notification button:active:active, frame.app-notification button:active:active:hover, frame.app-notification button:active:active:focus, frame.app-notification button:active:active:hover:focus, frame.app-notification button:active:checked, frame.app-notification button:active:checked:hover, frame.app-notification button:active:checked:focus, frame.app-notification button:active:checked:hover:focus, frame.app-notification button.flat:checked:active, frame.app-notification button.flat:checked:active:hover, frame.app-notification button.flat:checked:active:focus, frame.app-notification button.flat:checked:active:hover:focus, frame.app-notification button.flat:checked:checked, frame.app-notification button.flat:checked:checked:hover, frame.app-notification button.flat:checked:checked:focus, frame.app-notification button.flat:checked:checked:hover:focus, frame.app-notification button.flat:active:active, frame.app-notification button.flat:active:active:hover, frame.app-notification button.flat:active:active:focus, frame.app-notification button.flat:active:active:hover:focus, frame.app-notification button.flat:active:checked, frame.app-notification button.flat:active:checked:hover, frame.app-notification button.flat:active:checked:focus, frame.app-notification button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + frame.app-notification button:checked:disabled, frame.app-notification button:active:disabled, frame.app-notification button.flat:checked:disabled, frame.app-notification button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + frame.app-notification button:checked:active:disabled, frame.app-notification button:checked:checked:disabled, frame.app-notification button:active:active:disabled, frame.app-notification button:active:checked:disabled, frame.app-notification button.flat:checked:active:disabled, frame.app-notification button.flat:checked:checked:disabled, frame.app-notification button.flat:active:active:disabled, frame.app-notification button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + frame.app-notification button:focus, frame.app-notification button:hover, frame.app-notification button.flat:focus, frame.app-notification button.flat:hover { + color: #2d2d2d; } + frame.app-notification button:disabled:disabled, frame.app-notification button.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled, frame.app-notification button.flat:active:disabled, frame.app-notification button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + frame.app-notification button.separator, frame.app-notification button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + frame.app-notification button.separator:disabled, frame.app-notification button .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + frame.app-notification border { + border: 0; } + +/************* + ! 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: alpha(currentColor,0.8); } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/******************* + ! Symbolic images * +********************/ +.image { + color: alpha(currentColor,0.5); } + .image:hover { + color: alpha(currentColor,0.9); } + .image:selected, .image:selected:hover { + color: #dedede; } + +/**************** + ! Floating bar * +*****************/ +.floating-bar { + background-color: #dedede; + background-image: none; + border: 1px solid #b2b2b2; + border-radius: 0px; + color: #2d2d2d; } + .floating-bar.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; } + .floating-bar.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .floating-bar.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .floating-bar.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .floating-bar button { + border: 0; + background-color: transparent; + background-image: none; } + +/************************* + ! Touch text selections * +**************************/ +GtkBubbleWindow { + border-radius: 0px; + background-clip: border-box; } + GtkBubbleWindow.osd.background { + background-color: rgba(222, 222, 222, 0.8); } + GtkBubbleWindow .toolbar { + background-color: transparent; } + +/*************** + ! Font-viewer * +****************/ +SushiFontWidget { + padding: 3px 6px; } + +/************* + ! Gucharmap * +**************/ +GucharmapChartable { + background-color: #dedede; + color: #2d2d2d; } + +/************* + ! Evolution * +**************/ +EPreviewPane .entry { + background-color: #dedede; + color: #2d2d2d; } + +/******************* + ! Gnome Bluetooth * +********************/ +entry.entry.pin-entry { + font-style: normal; + font-size: 50px; + padding-left: 15px; + padding-right: 15px; } + +label.pin-label { + font-style: normal; + font-size: 50px; } + +/************************ + ! Shortcut window keys * +*************************/ +.keycap { + min-width: 20px; + min-height: 24px; + margin-top: 2px; + padding-bottom: 1.5px; + padding-left: 3px; + padding-right: 3px; + color: #2d2d2d; + background-color: #dedede; + border: 1px solid; + border-color: mix(mix(#dedede,#2d2d2d,0.08),#dedede,0.5); + border-radius: 0px; + box-shadow: inset 0 -3px mix(#dedede,#dedede,0.2); + font-size: smaller; } + .keycap:backdrop { + background-color: #dedede; + color: mix(#2d2d2d,#dedede,0.5); + transition: 200ms ease-out; } + +/***************** + ! Stackswitcher * +******************/ +stackswitcher button.text-button { + min-width: 80px; } +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 28px; + min-height: 28px; + padding: 0; } + +/******************* + ! Selected Items * +********************/ +entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, +#XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, +menuitem.button.flat:active, +menuitem.button.flat:active arrow, +menuitem.button.flat:selected, +menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + background-color: #990000; } + row:selected label, label:selected, entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, + #XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, + menuitem.button.flat:active, + menuitem.button.flat:active arrow, + menuitem.button.flat:selected, + menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + color: #dedede; + outline-color: rgba(222, 222, 222, 0.3); } + row:selected label:disabled, label:disabled:selected, label:disabled selection, entry selection:disabled, + #XfceNotifyWindow entry selection:disabled, #login_window entry selection:disabled, calendar:disabled:selected, row:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, + menuitem.button.flat:disabled:active, + menuitem.button.flat:active arrow:disabled, + menuitem.button.flat:disabled:selected, + menuitem.button.flat:selected arrow:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, .cs-category-view:disabled:selected, .cs-category-view iconview:disabled:selected:focus, .cs-category-view iconview:disabled:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:disabled:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected { + color: mix(#dedede,#990000,0.5); } + row:selected label:backdrop, label:backdrop:selected, label:backdrop selection, entry selection:backdrop, + #XfceNotifyWindow entry selection:backdrop, #login_window entry selection:backdrop, calendar:backdrop:selected, row:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:active, modelbutton.flat:active arrow:backdrop, modelbutton.flat:backdrop:selected, modelbutton.flat:selected arrow:backdrop, + menuitem.button.flat:backdrop:active, + menuitem.button.flat:active arrow:backdrop, + menuitem.button.flat:backdrop:selected, + menuitem.button.flat:selected arrow:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, .cs-category-view:backdrop:selected, .cs-category-view iconview:backdrop:selected:focus, .cs-category-view iconview:backdrop:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected { + background-color: #990000; + color: mix(#990000,#dedede,0.66); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, entry selection:backdrop:disabled, + #XfceNotifyWindow entry selection:backdrop:disabled, #login_window entry selection:backdrop:disabled, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:active, modelbutton.flat:active arrow:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, modelbutton.flat:selected arrow:backdrop:disabled, + menuitem.button.flat:backdrop:disabled:active, + menuitem.button.flat:active arrow:backdrop:disabled, + menuitem.button.flat:backdrop:disabled:selected, + menuitem.button.flat:selected arrow:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, .cs-category-view:backdrop:disabled:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:disabled:selected { + color: mix(mix(#990000,#dedede,0.66),#990000,0.3); } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********** + ! Notebook +***********/ +notebook { + padding: 0; } + notebook.frame { + border: 1px solid mix(#dedede,#2d2d2d,0.08); } + notebook.frame > header { + margin: -1px; } + notebook.frame > header.top { + margin-bottom: 0; } + notebook.frame > header.bottom { + margin-top: 0; } + notebook.frame > header.left { + margin-right: 0; } + notebook.frame > header.right { + margin-left: 0; } + notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; } + notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; } + notebook > stack:not(:only-child) { + background-color: #dedede; } + notebook > header { + padding: 3px; + background-color: #dedede; } + notebook > header.top { + box-shadow: inset 0 -1px mix(#dedede,#2d2d2d,0.08); } + notebook > header.bottom { + box-shadow: inset 0 1px mix(#dedede,#2d2d2d,0.08); } + notebook > header.right { + box-shadow: inset 1px 0 mix(#dedede,#2d2d2d,0.08); } + notebook > header.left { + box-shadow: inset -1px 0 mix(#dedede,#2d2d2d,0.08); } + notebook > header.top { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + border-top-width: 3px; + border-radius: 1px 1px 0 0; } + notebook > header.top > tabs > tab:checked { + border-top-color: #990000; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + border-bottom-width: 3px; + border-radius: 0 0 1px 1px; } + notebook > header.bottom > tabs > tab:checked { + border-bottom-color: #990000; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + border-right-width: 3px; + border-radius: 0 1px 1px 0; } + notebook > header.right > tabs > tab:checked { + border-right-color: #990000; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + border-left-width: 3px; + border-radius: 1px 0 0 1px; } + notebook > header.left > tabs > tab:checked { + border-left-color: #990000; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + 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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + 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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: mix(#2d2d2d,#dedede,0.5); } + notebook > header > tabs > arrow:hover { + color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.5),0.5); } + notebook > header > tabs > arrow:active { + color: #2d2d2d; } + notebook > header > tabs > arrow:disabled { + color: alpha(mix(#2d2d2d,#dedede,0.5),0.3); } + notebook > header.top > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 -1px mix(#dedede,#2d2d2d,0.08); } + notebook > header.bottom > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 1px mix(#dedede,#2d2d2d,0.08); } + notebook > header.left > tabs > tab:hover:not(:checked) { + box-shadow: inset -1px 0 mix(#dedede,#2d2d2d,0.08); } + notebook > header.right > tabs > tab:hover:not(:checked) { + box-shadow: inset 1px 0 mix(#dedede,#2d2d2d,0.08); } + notebook > header > tabs > tab { + color: rgba(45, 45, 45, 0.8); + background-color: alpha(mix(#dedede,#2d2d2d,0.1),0.7); } + notebook > header > tabs > tab:hover:not(:checked) { + color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.5),0.5); + background-color: rgba(222, 222, 222, 0.5); + border-color: mix(#dedede,#2d2d2d,0.08); } + notebook > header > tabs > tab:checked { + border-color: mix(#dedede,#2d2d2d,0.08); + color: #2d2d2d; + background-color: #dedede; } + notebook > header > tabs > tab button.flat { + min-height: 22px; + min-width: 16px; + padding: 0; + color: mix(#dedede,#2d2d2d,0.35); } + notebook > header > tabs > tab button.flat:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + color: #990000; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/******* + ! OSD * +********/ +overlay.osd { + background-color: transparent; } + +colorchooser .popover.osd { + border-radius: 0px; } + +button.color .osd colorswatch:only-child { + box-shadow: none; } +.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child { + box-shadow: none; } + +button.osd, +#XfceNotifyWindow button { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + button.osd:focus, button.osd:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + button.osd:active, button.osd:active:hover, button.osd:active:focus, button.osd:active:hover:focus, button.osd:checked, button.osd:checked:hover, button.osd:checked:focus, button.osd:checked:hover:focus, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover:focus, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + button.osd:disabled, + #XfceNotifyWindow button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + button.osd:active:disabled, button.osd:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + button.osd.flat, + #XfceNotifyWindow button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + button.osd:hover, button.osd.flat:hover, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + button.osd:hover:focus, button.osd:hover:hover, button.osd.flat:hover:focus, button.osd.flat:hover:hover, + #XfceNotifyWindow button:hover:focus, + #XfceNotifyWindow button:hover:hover, + #XfceNotifyWindow button.flat:hover:focus, + #XfceNotifyWindow button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button.osd:hover:active, button.osd:hover:active:hover, button.osd:hover:active:focus, button.osd:hover:active:hover:focus, button.osd:hover:checked, button.osd:hover:checked:hover, button.osd:hover:checked:focus, button.osd:hover:checked:hover:focus, button.osd.flat:hover:active, button.osd.flat:hover:active:hover, button.osd.flat:hover:active:focus, button.osd.flat:hover:active:hover:focus, button.osd.flat:hover:checked, button.osd.flat:hover:checked:hover, button.osd.flat:hover:checked:focus, button.osd.flat:hover:checked:hover:focus, + #XfceNotifyWindow button:hover:active, + #XfceNotifyWindow button:hover:active:hover, + #XfceNotifyWindow button:hover:active:focus, + #XfceNotifyWindow button:hover:active:hover:focus, + #XfceNotifyWindow button:hover:checked, + #XfceNotifyWindow button:hover:checked:hover, + #XfceNotifyWindow button:hover:checked:focus, + #XfceNotifyWindow button:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:hover:active, + #XfceNotifyWindow button.flat:hover:active:hover, + #XfceNotifyWindow button.flat:hover:active:focus, + #XfceNotifyWindow button.flat:hover:active:hover:focus, + #XfceNotifyWindow button.flat:hover:checked, + #XfceNotifyWindow button.flat:hover:checked:hover, + #XfceNotifyWindow button.flat:hover:checked:focus, + #XfceNotifyWindow button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button.osd:hover:disabled, button.osd.flat:hover:disabled, + #XfceNotifyWindow button:hover:disabled, + #XfceNotifyWindow button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button.osd:hover:active:disabled, button.osd:hover:checked:disabled, button.osd.flat:hover:active:disabled, button.osd.flat:hover:checked:disabled, + #XfceNotifyWindow button:hover:active:disabled, + #XfceNotifyWindow button:hover:checked:disabled, + #XfceNotifyWindow button.flat:hover:active:disabled, + #XfceNotifyWindow button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button.osd:focus, button.osd.flat:focus, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + button.osd:focus:focus, button.osd:focus:hover, button.osd.flat:focus:focus, button.osd.flat:focus:hover, + #XfceNotifyWindow button:focus:focus, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:focus, + #XfceNotifyWindow button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button.osd:focus:active, button.osd:focus:active:hover, button.osd:focus:active:focus, button.osd:focus:active:hover:focus, button.osd:focus:checked, button.osd:focus:checked:hover, button.osd:focus:checked:focus, button.osd:focus:checked:hover:focus, button.osd.flat:focus:active, button.osd.flat:focus:active:hover, button.osd.flat:focus:active:focus, button.osd.flat:focus:active:hover:focus, button.osd.flat:focus:checked, button.osd.flat:focus:checked:hover, button.osd.flat:focus:checked:focus, button.osd.flat:focus:checked:hover:focus, + #XfceNotifyWindow button:focus:active, + #XfceNotifyWindow button:focus:active:hover, + #XfceNotifyWindow button:focus:active:focus, + #XfceNotifyWindow button:focus:active:hover:focus, + #XfceNotifyWindow button:focus:checked, + #XfceNotifyWindow button:focus:checked:hover, + #XfceNotifyWindow button:focus:checked:focus, + #XfceNotifyWindow button:focus:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:active, + #XfceNotifyWindow button.flat:focus:active:hover, + #XfceNotifyWindow button.flat:focus:active:focus, + #XfceNotifyWindow button.flat:focus:active:hover:focus, + #XfceNotifyWindow button.flat:focus:checked, + #XfceNotifyWindow button.flat:focus:checked:hover, + #XfceNotifyWindow button.flat:focus:checked:focus, + #XfceNotifyWindow button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button.osd:focus:disabled, button.osd.flat:focus:disabled, + #XfceNotifyWindow button:focus:disabled, + #XfceNotifyWindow button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button.osd:focus:active:disabled, button.osd:focus:checked:disabled, button.osd.flat:focus:active:disabled, button.osd.flat:focus:checked:disabled, + #XfceNotifyWindow button:focus:active:disabled, + #XfceNotifyWindow button:focus:checked:disabled, + #XfceNotifyWindow button.flat:focus:active:disabled, + #XfceNotifyWindow button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button.osd:focus:hover, button.osd.flat:focus:hover, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + button.osd:focus:hover:focus, button.osd:focus:hover:hover, button.osd.flat:focus:hover:focus, button.osd.flat:focus:hover:hover, + #XfceNotifyWindow button:focus:hover:focus, + #XfceNotifyWindow button:focus:hover:hover, + #XfceNotifyWindow button.flat:focus:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button.osd:focus:hover:active, button.osd:focus:hover:active:hover, button.osd:focus:hover:active:focus, button.osd:focus:hover:active:hover:focus, button.osd:focus:hover:checked, button.osd:focus:hover:checked:hover, button.osd:focus:hover:checked:focus, button.osd:focus:hover:checked:hover:focus, button.osd.flat:focus:hover:active, button.osd.flat:focus:hover:active:hover, button.osd.flat:focus:hover:active:focus, button.osd.flat:focus:hover:active:hover:focus, button.osd.flat:focus:hover:checked, button.osd.flat:focus:hover:checked:hover, button.osd.flat:focus:hover:checked:focus, button.osd.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow button:focus:hover:active, + #XfceNotifyWindow button:focus:hover:active:hover, + #XfceNotifyWindow button:focus:hover:active:focus, + #XfceNotifyWindow button:focus:hover:active:hover:focus, + #XfceNotifyWindow button:focus:hover:checked, + #XfceNotifyWindow button:focus:hover:checked:hover, + #XfceNotifyWindow button:focus:hover:checked:focus, + #XfceNotifyWindow button:focus:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:active, + #XfceNotifyWindow button.flat:focus:hover:active:hover, + #XfceNotifyWindow button.flat:focus:hover:active:focus, + #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:checked, + #XfceNotifyWindow button.flat:focus:hover:checked:hover, + #XfceNotifyWindow button.flat:focus:hover:checked:focus, + #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button.osd:focus:hover:disabled, button.osd.flat:focus:hover:disabled, + #XfceNotifyWindow button:focus:hover:disabled, + #XfceNotifyWindow button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button.osd:focus:hover:active:disabled, button.osd:focus:hover:checked:disabled, button.osd.flat:focus:hover:active:disabled, button.osd.flat:focus:hover:checked:disabled, + #XfceNotifyWindow button:focus:hover:active:disabled, + #XfceNotifyWindow button:focus:hover:checked:disabled, + #XfceNotifyWindow button.flat:focus:hover:active:disabled, + #XfceNotifyWindow button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button.osd:checked, button.osd:active, button.osd.flat:checked, button.osd.flat:active, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button.flat:checked, + #XfceNotifyWindow button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + button.osd:checked:active, button.osd:checked:active:hover, button.osd:checked:active:focus, button.osd:checked:active:hover:focus, button.osd:checked:checked, button.osd:checked:checked:hover, button.osd:checked:checked:focus, button.osd:checked:checked:hover:focus, button.osd:active:active, button.osd:active:active:hover, button.osd:active:active:focus, button.osd:active:active:hover:focus, button.osd:active:checked, button.osd:active:checked:hover, button.osd:active:checked:focus, button.osd:active:checked:hover:focus, button.osd.flat:checked:active, button.osd.flat:checked:active:hover, button.osd.flat:checked:active:focus, button.osd.flat:checked:active:hover:focus, button.osd.flat:checked:checked, button.osd.flat:checked:checked:hover, button.osd.flat:checked:checked:focus, button.osd.flat:checked:checked:hover:focus, button.osd.flat:active:active, button.osd.flat:active:active:hover, button.osd.flat:active:active:focus, button.osd.flat:active:active:hover:focus, button.osd.flat:active:checked, button.osd.flat:active:checked:hover, button.osd.flat:active:checked:focus, button.osd.flat:active:checked:hover:focus, + #XfceNotifyWindow button:checked:active, + #XfceNotifyWindow button:checked:active:hover, + #XfceNotifyWindow button:checked:active:focus, + #XfceNotifyWindow button:checked:active:hover:focus, + #XfceNotifyWindow button:checked:checked, + #XfceNotifyWindow button:checked:checked:hover, + #XfceNotifyWindow button:checked:checked:focus, + #XfceNotifyWindow button:checked:checked:hover:focus, + #XfceNotifyWindow button:active:active, + #XfceNotifyWindow button:active:active:hover, + #XfceNotifyWindow button:active:active:focus, + #XfceNotifyWindow button:active:active:hover:focus, + #XfceNotifyWindow button:active:checked, + #XfceNotifyWindow button:active:checked:hover, + #XfceNotifyWindow button:active:checked:focus, + #XfceNotifyWindow button:active:checked:hover:focus, + #XfceNotifyWindow button.flat:checked:active, + #XfceNotifyWindow button.flat:checked:active:hover, + #XfceNotifyWindow button.flat:checked:active:focus, + #XfceNotifyWindow button.flat:checked:active:hover:focus, + #XfceNotifyWindow button.flat:checked:checked, + #XfceNotifyWindow button.flat:checked:checked:hover, + #XfceNotifyWindow button.flat:checked:checked:focus, + #XfceNotifyWindow button.flat:checked:checked:hover:focus, + #XfceNotifyWindow button.flat:active:active, + #XfceNotifyWindow button.flat:active:active:hover, + #XfceNotifyWindow button.flat:active:active:focus, + #XfceNotifyWindow button.flat:active:active:hover:focus, + #XfceNotifyWindow button.flat:active:checked, + #XfceNotifyWindow button.flat:active:checked:hover, + #XfceNotifyWindow button.flat:active:checked:focus, + #XfceNotifyWindow button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + button.osd:checked:disabled, button.osd:active:disabled, button.osd.flat:checked:disabled, button.osd.flat:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + button.osd:checked:active:disabled, button.osd:checked:checked:disabled, button.osd:active:active:disabled, button.osd:active:checked:disabled, button.osd.flat:checked:active:disabled, button.osd.flat:checked:checked:disabled, button.osd.flat:active:active:disabled, button.osd.flat:active:checked:disabled, + #XfceNotifyWindow button:checked:active:disabled, + #XfceNotifyWindow button:checked:checked:disabled, + #XfceNotifyWindow button:active:active:disabled, + #XfceNotifyWindow button:active:checked:disabled, + #XfceNotifyWindow button.flat:checked:active:disabled, + #XfceNotifyWindow button.flat:checked:checked:disabled, + #XfceNotifyWindow button.flat:active:active:disabled, + #XfceNotifyWindow button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + button.osd:focus, button.osd:hover, button.osd.flat:focus, button.osd.flat:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:focus, + #XfceNotifyWindow button.flat:hover { + color: #2d2d2d; } + button.osd:disabled:disabled, button.osd.flat:disabled:disabled, + #XfceNotifyWindow button:disabled:disabled, + #XfceNotifyWindow button.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + button.osd:active:disabled, button.osd:checked:disabled, button.osd.flat:active:disabled, button.osd.flat:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + button.osd.separator, button.osd .separator, + #XfceNotifyWindow button.separator, + #XfceNotifyWindow button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + button.osd.separator:disabled, button.osd .separator:disabled, + #XfceNotifyWindow button.separator:disabled, + #XfceNotifyWindow button .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + button.osd.image-button, + #XfceNotifyWindow button.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + +toolbar.osd { + -GtkToolbar-button-relief: normal; + padding: 3px; + border: 1px solid rgba(178, 178, 178, 0.8); + border-radius: 0px; + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + color: #2d2d2d; } + toolbar.osd separator { + color: rgba(200, 200, 200, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + +progressbar.osd { + margin: 2px; + min-height: 2px; + min-width: 2px; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; } + progressbar.osd progress { + border-style: none; + border-radius: 0; + background-color: #990000; + background-image: none; } + +.osd, +#XfceNotifyWindow { + background-color: rgba(222, 222, 222, 0.8); + color: #2d2d2d; + /* used by gnome-settings-daemon's media-keys OSD */ + /* used by Documents */ } + .osd.background, + #XfceNotifyWindow.background { + background-color: rgba(222, 222, 222, 0.6); + color: #2d2d2d; } + .osd .frame, + #XfceNotifyWindow .frame { + background-clip: border-box; + background-origin: border-box; } + .osd button, + #XfceNotifyWindow button { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .osd button:focus, .osd button:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd button:active, .osd button:active:hover, .osd button:active:focus, .osd button:active:hover:focus, .osd button:checked, .osd button:checked:hover, .osd button:checked:focus, .osd button:checked:hover:focus, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover:focus, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd button:disabled, + #XfceNotifyWindow button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd button:active:disabled, .osd button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd button.flat, + #XfceNotifyWindow button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + .osd button:hover, .osd button.flat:hover, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .osd button:hover:focus, .osd button:hover:hover, .osd button.flat:hover:focus, .osd button.flat:hover:hover, + #XfceNotifyWindow button:hover:focus, + #XfceNotifyWindow button:hover:hover, + #XfceNotifyWindow button.flat:hover:focus, + #XfceNotifyWindow button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd button:hover:active, .osd button:hover:active:hover, .osd button:hover:active:focus, .osd button:hover:active:hover:focus, .osd button:hover:checked, .osd button:hover:checked:hover, .osd button:hover:checked:focus, .osd button:hover:checked:hover:focus, .osd button.flat:hover:active, .osd button.flat:hover:active:hover, .osd button.flat:hover:active:focus, .osd button.flat:hover:active:hover:focus, .osd button.flat:hover:checked, .osd button.flat:hover:checked:hover, .osd button.flat:hover:checked:focus, .osd button.flat:hover:checked:hover:focus, + #XfceNotifyWindow button:hover:active, + #XfceNotifyWindow button:hover:active:hover, + #XfceNotifyWindow button:hover:active:focus, + #XfceNotifyWindow button:hover:active:hover:focus, + #XfceNotifyWindow button:hover:checked, + #XfceNotifyWindow button:hover:checked:hover, + #XfceNotifyWindow button:hover:checked:focus, + #XfceNotifyWindow button:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:hover:active, + #XfceNotifyWindow button.flat:hover:active:hover, + #XfceNotifyWindow button.flat:hover:active:focus, + #XfceNotifyWindow button.flat:hover:active:hover:focus, + #XfceNotifyWindow button.flat:hover:checked, + #XfceNotifyWindow button.flat:hover:checked:hover, + #XfceNotifyWindow button.flat:hover:checked:focus, + #XfceNotifyWindow button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd button:hover:disabled, .osd button.flat:hover:disabled, + #XfceNotifyWindow button:hover:disabled, + #XfceNotifyWindow button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd button:hover:active:disabled, .osd button:hover:checked:disabled, .osd button.flat:hover:active:disabled, .osd button.flat:hover:checked:disabled, + #XfceNotifyWindow button:hover:active:disabled, + #XfceNotifyWindow button:hover:checked:disabled, + #XfceNotifyWindow button.flat:hover:active:disabled, + #XfceNotifyWindow button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd button:focus, .osd button.flat:focus, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .osd button:focus:focus, .osd button:focus:hover, .osd button.flat:focus:focus, .osd button.flat:focus:hover, + #XfceNotifyWindow button:focus:focus, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:focus, + #XfceNotifyWindow button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd button:focus:active, .osd button:focus:active:hover, .osd button:focus:active:focus, .osd button:focus:active:hover:focus, .osd button:focus:checked, .osd button:focus:checked:hover, .osd button:focus:checked:focus, .osd button:focus:checked:hover:focus, .osd button.flat:focus:active, .osd button.flat:focus:active:hover, .osd button.flat:focus:active:focus, .osd button.flat:focus:active:hover:focus, .osd button.flat:focus:checked, .osd button.flat:focus:checked:hover, .osd button.flat:focus:checked:focus, .osd button.flat:focus:checked:hover:focus, + #XfceNotifyWindow button:focus:active, + #XfceNotifyWindow button:focus:active:hover, + #XfceNotifyWindow button:focus:active:focus, + #XfceNotifyWindow button:focus:active:hover:focus, + #XfceNotifyWindow button:focus:checked, + #XfceNotifyWindow button:focus:checked:hover, + #XfceNotifyWindow button:focus:checked:focus, + #XfceNotifyWindow button:focus:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:active, + #XfceNotifyWindow button.flat:focus:active:hover, + #XfceNotifyWindow button.flat:focus:active:focus, + #XfceNotifyWindow button.flat:focus:active:hover:focus, + #XfceNotifyWindow button.flat:focus:checked, + #XfceNotifyWindow button.flat:focus:checked:hover, + #XfceNotifyWindow button.flat:focus:checked:focus, + #XfceNotifyWindow button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd button:focus:disabled, .osd button.flat:focus:disabled, + #XfceNotifyWindow button:focus:disabled, + #XfceNotifyWindow button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd button:focus:active:disabled, .osd button:focus:checked:disabled, .osd button.flat:focus:active:disabled, .osd button.flat:focus:checked:disabled, + #XfceNotifyWindow button:focus:active:disabled, + #XfceNotifyWindow button:focus:checked:disabled, + #XfceNotifyWindow button.flat:focus:active:disabled, + #XfceNotifyWindow button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd button:focus:hover, .osd button.flat:focus:hover, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .osd button:focus:hover:focus, .osd button:focus:hover:hover, .osd button.flat:focus:hover:focus, .osd button.flat:focus:hover:hover, + #XfceNotifyWindow button:focus:hover:focus, + #XfceNotifyWindow button:focus:hover:hover, + #XfceNotifyWindow button.flat:focus:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd button:focus:hover:active, .osd button:focus:hover:active:hover, .osd button:focus:hover:active:focus, .osd button:focus:hover:active:hover:focus, .osd button:focus:hover:checked, .osd button:focus:hover:checked:hover, .osd button:focus:hover:checked:focus, .osd button:focus:hover:checked:hover:focus, .osd button.flat:focus:hover:active, .osd button.flat:focus:hover:active:hover, .osd button.flat:focus:hover:active:focus, .osd button.flat:focus:hover:active:hover:focus, .osd button.flat:focus:hover:checked, .osd button.flat:focus:hover:checked:hover, .osd button.flat:focus:hover:checked:focus, .osd button.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow button:focus:hover:active, + #XfceNotifyWindow button:focus:hover:active:hover, + #XfceNotifyWindow button:focus:hover:active:focus, + #XfceNotifyWindow button:focus:hover:active:hover:focus, + #XfceNotifyWindow button:focus:hover:checked, + #XfceNotifyWindow button:focus:hover:checked:hover, + #XfceNotifyWindow button:focus:hover:checked:focus, + #XfceNotifyWindow button:focus:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:active, + #XfceNotifyWindow button.flat:focus:hover:active:hover, + #XfceNotifyWindow button.flat:focus:hover:active:focus, + #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:checked, + #XfceNotifyWindow button.flat:focus:hover:checked:hover, + #XfceNotifyWindow button.flat:focus:hover:checked:focus, + #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd button:focus:hover:disabled, .osd button.flat:focus:hover:disabled, + #XfceNotifyWindow button:focus:hover:disabled, + #XfceNotifyWindow button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd button:focus:hover:active:disabled, .osd button:focus:hover:checked:disabled, .osd button.flat:focus:hover:active:disabled, .osd button.flat:focus:hover:checked:disabled, + #XfceNotifyWindow button:focus:hover:active:disabled, + #XfceNotifyWindow button:focus:hover:checked:disabled, + #XfceNotifyWindow button.flat:focus:hover:active:disabled, + #XfceNotifyWindow button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd button:checked, .osd button:active, .osd button.flat:checked, .osd button.flat:active, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button.flat:checked, + #XfceNotifyWindow button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd button:checked:active, .osd button:checked:active:hover, .osd button:checked:active:focus, .osd button:checked:active:hover:focus, .osd button:checked:checked, .osd button:checked:checked:hover, .osd button:checked:checked:focus, .osd button:checked:checked:hover:focus, .osd button:active:active, .osd button:active:active:hover, .osd button:active:active:focus, .osd button:active:active:hover:focus, .osd button:active:checked, .osd button:active:checked:hover, .osd button:active:checked:focus, .osd button:active:checked:hover:focus, .osd button.flat:checked:active, .osd button.flat:checked:active:hover, .osd button.flat:checked:active:focus, .osd button.flat:checked:active:hover:focus, .osd button.flat:checked:checked, .osd button.flat:checked:checked:hover, .osd button.flat:checked:checked:focus, .osd button.flat:checked:checked:hover:focus, .osd button.flat:active:active, .osd button.flat:active:active:hover, .osd button.flat:active:active:focus, .osd button.flat:active:active:hover:focus, .osd button.flat:active:checked, .osd button.flat:active:checked:hover, .osd button.flat:active:checked:focus, .osd button.flat:active:checked:hover:focus, + #XfceNotifyWindow button:checked:active, + #XfceNotifyWindow button:checked:active:hover, + #XfceNotifyWindow button:checked:active:focus, + #XfceNotifyWindow button:checked:active:hover:focus, + #XfceNotifyWindow button:checked:checked, + #XfceNotifyWindow button:checked:checked:hover, + #XfceNotifyWindow button:checked:checked:focus, + #XfceNotifyWindow button:checked:checked:hover:focus, + #XfceNotifyWindow button:active:active, + #XfceNotifyWindow button:active:active:hover, + #XfceNotifyWindow button:active:active:focus, + #XfceNotifyWindow button:active:active:hover:focus, + #XfceNotifyWindow button:active:checked, + #XfceNotifyWindow button:active:checked:hover, + #XfceNotifyWindow button:active:checked:focus, + #XfceNotifyWindow button:active:checked:hover:focus, + #XfceNotifyWindow button.flat:checked:active, + #XfceNotifyWindow button.flat:checked:active:hover, + #XfceNotifyWindow button.flat:checked:active:focus, + #XfceNotifyWindow button.flat:checked:active:hover:focus, + #XfceNotifyWindow button.flat:checked:checked, + #XfceNotifyWindow button.flat:checked:checked:hover, + #XfceNotifyWindow button.flat:checked:checked:focus, + #XfceNotifyWindow button.flat:checked:checked:hover:focus, + #XfceNotifyWindow button.flat:active:active, + #XfceNotifyWindow button.flat:active:active:hover, + #XfceNotifyWindow button.flat:active:active:focus, + #XfceNotifyWindow button.flat:active:active:hover:focus, + #XfceNotifyWindow button.flat:active:checked, + #XfceNotifyWindow button.flat:active:checked:hover, + #XfceNotifyWindow button.flat:active:checked:focus, + #XfceNotifyWindow button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd button:checked:disabled, .osd button:active:disabled, .osd button.flat:checked:disabled, .osd button.flat:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd button:checked:active:disabled, .osd button:checked:checked:disabled, .osd button:active:active:disabled, .osd button:active:checked:disabled, .osd button.flat:checked:active:disabled, .osd button.flat:checked:checked:disabled, .osd button.flat:active:active:disabled, .osd button.flat:active:checked:disabled, + #XfceNotifyWindow button:checked:active:disabled, + #XfceNotifyWindow button:checked:checked:disabled, + #XfceNotifyWindow button:active:active:disabled, + #XfceNotifyWindow button:active:checked:disabled, + #XfceNotifyWindow button.flat:checked:active:disabled, + #XfceNotifyWindow button.flat:checked:checked:disabled, + #XfceNotifyWindow button.flat:active:active:disabled, + #XfceNotifyWindow button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd button:focus, .osd button:hover, .osd button.flat:focus, .osd button.flat:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:focus, + #XfceNotifyWindow button.flat:hover { + color: #2d2d2d; } + .osd button:disabled:disabled, .osd button.flat:disabled:disabled, + #XfceNotifyWindow button:disabled:disabled, + #XfceNotifyWindow button.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + .osd button:active:disabled, .osd button:checked:disabled, .osd button.flat:active:disabled, .osd button.flat:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd button.separator, .osd button .separator, + #XfceNotifyWindow button.separator, + #XfceNotifyWindow button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + .osd button.separator:disabled, .osd button .separator:disabled, + #XfceNotifyWindow button.separator:disabled, + #XfceNotifyWindow button .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + .osd entry, + #XfceNotifyWindow entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + .osd entry:focus, .osd entry:hover, + #XfceNotifyWindow entry:focus, + #XfceNotifyWindow entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + .osd entry:active, .osd entry:active:hover, .osd entry:active:focus, .osd entry:active:hover:focus, .osd entry:checked, .osd entry:checked:hover, .osd entry:checked:focus, .osd entry:checked:hover:focus, + #XfceNotifyWindow entry:active, + #XfceNotifyWindow entry:active:hover, + #XfceNotifyWindow entry:active:focus, + #XfceNotifyWindow entry:active:hover:focus, + #XfceNotifyWindow entry:checked, + #XfceNotifyWindow entry:checked:hover, + #XfceNotifyWindow entry:checked:focus, + #XfceNotifyWindow entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + .osd entry:disabled, + #XfceNotifyWindow entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + .osd entry:active:disabled, .osd entry:checked:disabled, + #XfceNotifyWindow entry:active:disabled, + #XfceNotifyWindow entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + .osd entry:focus, .osd entry:active, + #XfceNotifyWindow entry:focus, + #XfceNotifyWindow entry:active { + border-color: mix(#990000,rgba(189, 189, 189, 0.8),0.3); } + .osd entry:disabled, + #XfceNotifyWindow entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + .osd entry:disabled:focus, .osd entry:disabled:hover, + #XfceNotifyWindow entry:disabled:focus, + #XfceNotifyWindow entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + .osd entry:disabled:active, .osd entry:disabled:active:hover, .osd entry:disabled:active:focus, .osd entry:disabled:active:hover:focus, .osd entry:disabled:checked, .osd entry:disabled:checked:hover, .osd entry:disabled:checked:focus, .osd entry:disabled:checked:hover:focus, + #XfceNotifyWindow entry:disabled:active, + #XfceNotifyWindow entry:disabled:active:hover, + #XfceNotifyWindow entry:disabled:active:focus, + #XfceNotifyWindow entry:disabled:active:hover:focus, + #XfceNotifyWindow entry:disabled:checked, + #XfceNotifyWindow entry:disabled:checked:hover, + #XfceNotifyWindow entry:disabled:checked:focus, + #XfceNotifyWindow entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + .osd entry:disabled:disabled, + #XfceNotifyWindow entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + .osd entry:disabled:active:disabled, .osd entry:disabled:checked:disabled, + #XfceNotifyWindow entry:disabled:active:disabled, + #XfceNotifyWindow entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + .osd trough, .osd.trough, + #XfceNotifyWindow trough, + #XfceNotifyWindow.trough { + background-color: rgba(45, 45, 45, 0.3); } + .osd progressbar, .osd.progressbar, + #XfceNotifyWindow progressbar, + #XfceNotifyWindow.progressbar { + background-color: #2d2d2d; } + .osd scale slider, + #XfceNotifyWindow scale slider { + background-color: rgba(240, 240, 240, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.8); } + .osd scale slider:focus, .osd scale slider:hover, + #XfceNotifyWindow scale slider:focus, + #XfceNotifyWindow scale slider:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.8),0.3); } + .osd scale slider:active, .osd scale slider:active:hover, .osd scale slider:active:focus, .osd scale slider:active:hover:focus, .osd scale slider:checked, .osd scale slider:checked:hover, .osd scale slider:checked:focus, .osd scale slider:checked:hover:focus, + #XfceNotifyWindow scale slider:active, + #XfceNotifyWindow scale slider:active:hover, + #XfceNotifyWindow scale slider:active:focus, + #XfceNotifyWindow scale slider:active:hover:focus, + #XfceNotifyWindow scale slider:checked, + #XfceNotifyWindow scale slider:checked:hover, + #XfceNotifyWindow scale slider:checked:focus, + #XfceNotifyWindow scale slider:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.8); } + .osd scale slider:disabled, + #XfceNotifyWindow scale slider:disabled { + border-color: rgba(189, 189, 189, 0.8); } + .osd scale slider:active:disabled, .osd scale slider:checked:disabled, + #XfceNotifyWindow scale slider:active:disabled, + #XfceNotifyWindow scale slider:checked:disabled { + border-color: rgba(178, 178, 178, 0.8); } + .osd scale slider:disabled, + #XfceNotifyWindow scale slider:disabled { + background-color: rgba(200, 200, 200, 0.8); + background-image: none; } + .osd scale trough, + #XfceNotifyWindow scale trough { + border-color: rgba(178, 178, 178, 0.8); + background-color: rgba(240, 240, 240, 0.8); + background-image: none; } + .osd scale trough.highlight, + #XfceNotifyWindow scale trough.highlight { + border-color: #990000; + background-color: #990000; + background-image: none; } + .osd scale trough:disabled, .osd scale trough.highlight:disabled, + #XfceNotifyWindow scale trough:disabled, + #XfceNotifyWindow scale trough.highlight:disabled { + border-color: rgba(189, 189, 189, 0.8); + background-color: rgba(200, 200, 200, 0.8); + background-image: none; } + .osd scale trough, + #XfceNotifyWindow scale trough { + background-color: rgba(240, 240, 240, 0.8); } + .osd scale trough highlight, + #XfceNotifyWindow scale trough highlight { + background-color: #990000; } + .osd scale slider, + #XfceNotifyWindow scale slider { + background-clip: border-box; + background-color: #990000; + border-color: #990000; } + .osd scale slider:hover, + #XfceNotifyWindow scale slider:hover { + background-color: #cc0000; + border-color: #cc0000; } + .osd scale slider:active, + #XfceNotifyWindow scale slider:active { + background-color: #660000; + border-color: #660000; } + .osd.view, iconview.osd, .osd .view, .osd iconview, .osd view, + #XfceNotifyWindow.view, + iconview#XfceNotifyWindow, + #XfceNotifyWindow .view, + #XfceNotifyWindow iconview, + #XfceNotifyWindow view { + background-color: rgba(222, 222, 222, 0.8); } + .osd scrollbar trough, + #XfceNotifyWindow scrollbar trough { + background-color: rgba(222, 222, 222, 0.8); } + .osd scrollbar slider, + #XfceNotifyWindow scrollbar slider { + border: 1px solid mix(rgba(193, 193, 193, 0.8),#2d2d2d,0.21); + border-radius: 0; + background-color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.21); } + .osd scrollbar slider:hover, + #XfceNotifyWindow scrollbar slider:hover { + border-color: mix(rgba(193, 193, 193, 0.8),#2d2d2d,0.31); + background-color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.31); } + .osd scrollbar slider:active, + #XfceNotifyWindow scrollbar slider:active { + border-color: #8a0000; + background-color: #990000; } + .osd iconview.cell:selected, .osd iconview.cell:selected:focus, + #XfceNotifyWindow iconview.cell:selected, + #XfceNotifyWindow iconview.cell:selected:focus { + background-color: transparent; + border: 3px solid mix(rgba(193, 193, 193, 0.8),#2d2d2d,0.21); + border-radius: 0px; + outline-color: transparent; } + .osd .page-thumbnail, + #XfceNotifyWindow .page-thumbnail { + border: 1px solid rgba(200, 200, 200, 0.8); + /* when there's no pixbuf yet */ + background-color: rgba(222, 222, 222, 0.8); } + .osd popover.background, + #XfceNotifyWindow popover.background { + box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.5); } + .osd popover.background > toolbar button, + #XfceNotifyWindow popover.background > toolbar button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; } + .osd spinbutton:not(.vertical), + #XfceNotifyWindow spinbutton:not(.vertical) { + background-color: #dedede; + background-image: none; + border-color: #b2b2b2; + padding: 0; + color: #2d2d2d; + caret-color: #2d2d2d; } + .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):hover, + #XfceNotifyWindow spinbutton:not(.vertical):focus, + #XfceNotifyWindow spinbutton:not(.vertical):hover { + border-color: mix(#990000,#dedede,0.3); } + .osd spinbutton:not(.vertical):active, .osd spinbutton:not(.vertical):active:hover, .osd spinbutton:not(.vertical):active:focus, .osd spinbutton:not(.vertical):active:hover:focus, .osd spinbutton:not(.vertical):checked, .osd spinbutton:not(.vertical):checked:hover, .osd spinbutton:not(.vertical):checked:focus, .osd spinbutton:not(.vertical):checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical):active, + #XfceNotifyWindow spinbutton:not(.vertical):active:hover, + #XfceNotifyWindow spinbutton:not(.vertical):active:focus, + #XfceNotifyWindow spinbutton:not(.vertical):active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical):checked, + #XfceNotifyWindow spinbutton:not(.vertical):checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical):checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical):checked:hover:focus { + border-color: #9b9b9b; } + .osd spinbutton:not(.vertical):disabled, + #XfceNotifyWindow spinbutton:not(.vertical):disabled { + border-color: #bdbdbd; } + .osd spinbutton:not(.vertical):active:disabled, .osd spinbutton:not(.vertical):checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical):active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical):checked:disabled { + border-color: #b2b2b2; } + .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active, + #XfceNotifyWindow spinbutton:not(.vertical):focus, + #XfceNotifyWindow spinbutton:not(.vertical):active { + border-color: mix(#990000,rgba(189, 189, 189, 0.8),0.3); } + .osd spinbutton:not(.vertical):disabled, + #XfceNotifyWindow spinbutton:not(.vertical):disabled { + background-color: #c8c8c8; + background-image: none; + color: mix(#dedede,#2d2d2d,0.5); } + .osd spinbutton:not(.vertical) button, + #XfceNotifyWindow spinbutton:not(.vertical) button { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); + border-radius: 0; + border-color: rgba(189, 189, 189, 0.5); + border-style: none none none solid; + background-image: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover:focus, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd spinbutton:not(.vertical) button:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton:not(.vertical) button.flat, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .osd spinbutton:not(.vertical) button:hover:focus, .osd spinbutton:not(.vertical) button:hover:hover, .osd spinbutton:not(.vertical) button.flat:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton:not(.vertical) button:hover:active, .osd spinbutton:not(.vertical) button:hover:active:hover, .osd spinbutton:not(.vertical) button:hover:active:focus, .osd spinbutton:not(.vertical) button:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:hover:checked, .osd spinbutton:not(.vertical) button:hover:checked:hover, .osd spinbutton:not(.vertical) button:hover:checked:focus, .osd spinbutton:not(.vertical) button:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:active, .osd spinbutton:not(.vertical) button.flat:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton:not(.vertical) button:hover:disabled, .osd spinbutton:not(.vertical) button.flat:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton:not(.vertical) button:hover:active:disabled, .osd spinbutton:not(.vertical) button:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button.flat:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .osd spinbutton:not(.vertical) button:focus:focus, .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton:not(.vertical) button:focus:active, .osd spinbutton:not(.vertical) button:focus:active:hover, .osd spinbutton:not(.vertical) button:focus:active:focus, .osd spinbutton:not(.vertical) button:focus:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:checked, .osd spinbutton:not(.vertical) button:focus:checked:hover, .osd spinbutton:not(.vertical) button:focus:checked:focus, .osd spinbutton:not(.vertical) button:focus:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:active, .osd spinbutton:not(.vertical) button.flat:focus:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton:not(.vertical) button:focus:disabled, .osd spinbutton:not(.vertical) button.flat:focus:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton:not(.vertical) button:focus:active:disabled, .osd spinbutton:not(.vertical) button:focus:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .osd spinbutton:not(.vertical) button:focus:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton:not(.vertical) button:focus:hover:active, .osd spinbutton:not(.vertical) button:focus:hover:active:hover, .osd spinbutton:not(.vertical) button:focus:hover:active:focus, .osd spinbutton:not(.vertical) button:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton:not(.vertical) button:focus:hover:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton:not(.vertical) button:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button:focus:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button.flat:checked, .osd spinbutton:not(.vertical) button.flat:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd spinbutton:not(.vertical) button:checked:active, .osd spinbutton:not(.vertical) button:checked:active:hover, .osd spinbutton:not(.vertical) button:checked:active:focus, .osd spinbutton:not(.vertical) button:checked:active:hover:focus, .osd spinbutton:not(.vertical) button:checked:checked, .osd spinbutton:not(.vertical) button:checked:checked:hover, .osd spinbutton:not(.vertical) button:checked:checked:focus, .osd spinbutton:not(.vertical) button:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button:active:active, .osd spinbutton:not(.vertical) button:active:active:hover, .osd spinbutton:not(.vertical) button:active:active:focus, .osd spinbutton:not(.vertical) button:active:active:hover:focus, .osd spinbutton:not(.vertical) button:active:checked, .osd spinbutton:not(.vertical) button:active:checked:hover, .osd spinbutton:not(.vertical) button:active:checked:focus, .osd spinbutton:not(.vertical) button:active:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:active, .osd spinbutton:not(.vertical) button.flat:checked:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:active:focus, .osd spinbutton:not(.vertical) button.flat:checked:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover, .osd spinbutton:not(.vertical) button.flat:checked:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:active, .osd spinbutton:not(.vertical) button.flat:active:active:hover, .osd spinbutton:not(.vertical) button.flat:active:active:focus, .osd spinbutton:not(.vertical) button.flat:active:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:checked, .osd spinbutton:not(.vertical) button.flat:active:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:checked:focus, .osd spinbutton:not(.vertical) button.flat:active:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd spinbutton:not(.vertical) button:checked:active:disabled, .osd spinbutton:not(.vertical) button:checked:checked:disabled, .osd spinbutton:not(.vertical) button:active:active:disabled, .osd spinbutton:not(.vertical) button:active:checked:disabled, .osd spinbutton:not(.vertical) button.flat:checked:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:active:disabled, .osd spinbutton:not(.vertical) button.flat:active:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:focus, .osd spinbutton:not(.vertical) button.flat:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { + color: #2d2d2d; } + .osd spinbutton:not(.vertical) button:disabled:disabled, .osd spinbutton:not(.vertical) button.flat:disabled:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd spinbutton:not(.vertical) button.separator, .osd spinbutton:not(.vertical) button .separator, + #XfceNotifyWindow spinbutton:not(.vertical) button.separator, + #XfceNotifyWindow spinbutton:not(.vertical) button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + .osd spinbutton:not(.vertical) button.separator:disabled, .osd spinbutton:not(.vertical) button .separator:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.separator:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + .osd spinbutton:not(.vertical) button:dir(rtl), + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover { + color: #2d2d2d; } + .osd spinbutton:not(.vertical) button:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { + color: alpha(mix(#2d2d2d,#dedede,0.6),0.8); } + .osd spinbutton:not(.vertical) button:backdrop, + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop { + color: mix(#dedede,mix(#2d2d2d,#dedede,0.5),0.9); } + .osd spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .osd spinbutton:not(.vertical) button:backdrop:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(184, 184, 184, 0.8); + border-style: none none none solid; } + .osd spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child, + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 0px 0 0 0px; } + .osd spinbutton:not(.vertical) button:dir(ltr):last-child, + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 0px 0px 0; } + .osd spinbutton.vertical button:first-child, + #XfceNotifyWindow spinbutton.vertical button:first-child { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover:focus, .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd spinbutton.vertical button:first-child:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton.vertical button:first-child.flat, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .osd spinbutton.vertical button:first-child:hover:focus, .osd spinbutton.vertical button:first-child:hover:hover, .osd spinbutton.vertical button:first-child.flat:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton.vertical button:first-child:hover:active, .osd spinbutton.vertical button:first-child:hover:active:hover, .osd spinbutton.vertical button:first-child:hover:active:focus, .osd spinbutton.vertical button:first-child:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:hover:checked, .osd spinbutton.vertical button:first-child:hover:checked:hover, .osd spinbutton.vertical button:first-child:hover:checked:focus, .osd spinbutton.vertical button:first-child:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:active, .osd spinbutton.vertical button:first-child.flat:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton.vertical button:first-child:hover:disabled, .osd spinbutton.vertical button:first-child.flat:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton.vertical button:first-child:hover:active:disabled, .osd spinbutton.vertical button:first-child:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child.flat:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .osd spinbutton.vertical button:first-child:focus:focus, .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton.vertical button:first-child:focus:active, .osd spinbutton.vertical button:first-child:focus:active:hover, .osd spinbutton.vertical button:first-child:focus:active:focus, .osd spinbutton.vertical button:first-child:focus:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:checked, .osd spinbutton.vertical button:first-child:focus:checked:hover, .osd spinbutton.vertical button:first-child:focus:checked:focus, .osd spinbutton.vertical button:first-child:focus:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:active, .osd spinbutton.vertical button:first-child.flat:focus:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton.vertical button:first-child:focus:disabled, .osd spinbutton.vertical button:first-child.flat:focus:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton.vertical button:first-child:focus:active:disabled, .osd spinbutton.vertical button:first-child:focus:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .osd spinbutton.vertical button:first-child:focus:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton.vertical button:first-child:focus:hover:active, .osd spinbutton.vertical button:first-child:focus:hover:active:hover, .osd spinbutton.vertical button:first-child:focus:hover:active:focus, .osd spinbutton.vertical button:first-child:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton.vertical button:first-child:focus:hover:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton.vertical button:first-child:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child:focus:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child.flat:checked, .osd spinbutton.vertical button:first-child.flat:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd spinbutton.vertical button:first-child:checked:active, .osd spinbutton.vertical button:first-child:checked:active:hover, .osd spinbutton.vertical button:first-child:checked:active:focus, .osd spinbutton.vertical button:first-child:checked:active:hover:focus, .osd spinbutton.vertical button:first-child:checked:checked, .osd spinbutton.vertical button:first-child:checked:checked:hover, .osd spinbutton.vertical button:first-child:checked:checked:focus, .osd spinbutton.vertical button:first-child:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child:active:active, .osd spinbutton.vertical button:first-child:active:active:hover, .osd spinbutton.vertical button:first-child:active:active:focus, .osd spinbutton.vertical button:first-child:active:active:hover:focus, .osd spinbutton.vertical button:first-child:active:checked, .osd spinbutton.vertical button:first-child:active:checked:hover, .osd spinbutton.vertical button:first-child:active:checked:focus, .osd spinbutton.vertical button:first-child:active:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:active, .osd spinbutton.vertical button:first-child.flat:checked:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:active:focus, .osd spinbutton.vertical button:first-child.flat:checked:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover, .osd spinbutton.vertical button:first-child.flat:checked:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:active, .osd spinbutton.vertical button:first-child.flat:active:active:hover, .osd spinbutton.vertical button:first-child.flat:active:active:focus, .osd spinbutton.vertical button:first-child.flat:active:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:checked, .osd spinbutton.vertical button:first-child.flat:active:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:checked:focus, .osd spinbutton.vertical button:first-child.flat:active:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd spinbutton.vertical button:first-child:checked:active:disabled, .osd spinbutton.vertical button:first-child:checked:checked:disabled, .osd spinbutton.vertical button:first-child:active:active:disabled, .osd spinbutton.vertical button:first-child:active:checked:disabled, .osd spinbutton.vertical button:first-child.flat:checked:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:active:disabled, .osd spinbutton.vertical button:first-child.flat:active:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:focus, .osd spinbutton.vertical button:first-child.flat:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { + color: #2d2d2d; } + .osd spinbutton.vertical button:first-child:disabled:disabled, .osd spinbutton.vertical button:first-child.flat:disabled:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:disabled:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd spinbutton.vertical button:first-child.separator, .osd spinbutton.vertical button:first-child .separator, + #XfceNotifyWindow spinbutton.vertical button:first-child.separator, + #XfceNotifyWindow spinbutton.vertical button:first-child .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + .osd spinbutton.vertical button:first-child.separator:disabled, .osd spinbutton.vertical button:first-child .separator:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.separator:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: 0; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, mix(#dedede,#2d2d2d,0.08) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #d1d1d1; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9) 1px, transparent 1px); + background-color: #d6d6d6; + transition: 200ms ease-out; } + +/***************** + ! Progress bars * +******************/ +progressbar { + padding: 0; + border-radius: 0px; + font-size: smaller; + color: rgba(45, 45, 45, 0.6); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar trough { + border: 1px solid mix(#dedede,#2d2d2d,0.17); + background-color: #f0f0f0; + background-image: none; + border-radius: 0px; } + progressbar progress { + background-color: #990000; + background-image: none; + border-radius: 0; } + progressbar progress.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + progressbar progress.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + progressbar progress.bottom { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } + progressbar progress.top { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } + +levelbar.horizontal block { + min-width: 34px; + min-height: 4px; } +levelbar.vertical block { + min-width: 4px; + min-height: 34px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + background-color: #f0f0f0; + background-image: none; + border: 1px solid mix(#dedede,#2d2d2d,0.17); + border-radius: 0px; + padding: 2px; } +levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.horizontal.discrete block:first-child { + margin: 0; } +levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar.vertical.discrete block:first-child { + margin: 0; } +levelbar block { + background-color: #990000; + background-image: none; + border-color: transparent; + border-radius: 0px; } + levelbar block.low { + background-color: #ef6c00; + border-color: transparent; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #4caf50; + border-color: transparent; } + levelbar block.full { + background-color: #7a0000; + border-color: transparent; } + levelbar block.empty { + background-color: transparent; + border-color: transparent; + box-shadow: none; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 3px; } + scale.horizontal trough { + padding: 0 3px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 3px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; } + scale.fine-tune slider { + margin: -7px; } + scale.fine-tune highlight { + background-color: #a80000; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 2.5px; + background-color: mix(#dedede,#2d2d2d,0.2); } + scale trough:disabled { + background-color: mix(#dedede,#2d2d2d,0.1); } + menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: #dedede; } + menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: mix(#dedede,#990000,0.55); } + menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 2.5px; + background-color: #990000; } + scale highlight:disabled { + background-color: rgba(153, 0, 0, 0.55); } + scale fill { + border-radius: 2.5px; + background-color: rgba(153, 0, 0, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #dedede; + border: 1px solid rgba(45, 45, 45, 0.16); + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: #ebebeb; } + scale slider:active { + background-clip: border-box; + background-color: #990000; + border-color: #990000; } + scale slider:disabled { + background-color: mix(#dedede,#dedede,0.55); + border-color: rgba(45, 45, 45, 0); } + menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: #dedede; + border-color: #dedede; } + menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: mix(#dedede,#990000,0.85); + border-color: mix(#dedede,#990000,0.85); } + menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: mix(#dedede,#990000,0.5); + border-color: mix(#dedede,#990000,0.5); } + menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: mix(#dedede,#990000,0.55); + border-color: mix(#dedede,#990000,0.55); } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + scale.color trough { + padding: 0; + border: 0; + background-image: none; } + scale.color highlight, scale.color fill { + margin: 0; } + scale.color.horizontal { + padding: 0 0 6px 0; } + scale.color.horizontal trough { + 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 { + margin-bottom: 0; + margin-top: 0; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 6px; } + scale.color.vertical:dir(ltr) trough { + 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 { + margin-left: 0; + margin-right: 0; } + scale.color.vertical:dir(rtl) { + padding: 0 6px 0 0; } + scale.color.vertical:dir(rtl) trough { + 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 { + margin-right: 0; + margin-left: 0; } + +/*********** + ! Scrollbar +************/ +scrollbar { + background-color: #d1d1d1; + transition: 300ms ease-out; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.bottom { + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.left { + border-right: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.right { + border-left: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar:backdrop { + background-color: #d6d6d6; + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); + transition: 400ms ease-in; } + scrollbar slider { + min-width: 7px; + min-height: 7px; + border: 1px solid transparent; + border-radius: 0px; + background-clip: padding-box; + background-color: mix(#dedede,#2d2d2d,0.5); } + scrollbar slider:hover { + background-color: mix(#dedede,#2d2d2d,0.7); } + scrollbar slider:hover:active { + background-color: maroon; } + scrollbar slider:backdrop { + background-color: mix(mix(#2d2d2d,#dedede,0.5),#dedede,0.4); } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar.fine-tune slider:active { + background-color: #b30000; } + scrollbar.overlay-indicator { + opacity: .8; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: .4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + background-color: #2d2d2d; + border: 1px solid #fff; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + border-color: transparent; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 7px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 7px; } + scrollbar button { + min-width: 7px; + min-height: 7px; + padding: 0; + border: 0; + border-radius: 0; + border-color: mix(#dedede,#2d2d2d,0.08); + background-color: transparent; + box-shadow: none; + color: mix(#dedede,#2d2d2d,0.5); } + scrollbar button:hover { + color: mix(#dedede,#2d2d2d,0.7); } + scrollbar button:active, scrollbar button:checked { + color: maroon; } + scrollbar button:backdrop { + color: mix(mix(#2d2d2d,#dedede,0.5),#dedede,0.4); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + border-left: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + border-right: 1px solid mix(#dedede,#2d2d2d,0.08); } + +/********* + ! Sidebar +**********/ +.sidebar { + border-style: none; + background-color: mix(#dedede,#dedede,0.5); } + 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 mix(#dedede,#2d2d2d,0.08); + 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 mix(#dedede,#2d2d2d,0.08); + border-right-style: none; } + .sidebar:backdrop { + background-color: mix(#dedede,#dedede,0.5); + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); + transition: 200ms ease-out; } + .sidebar .frame, .sidebar frame { + border-width: 0; } + .sidebar list { + background-color: transparent; } + 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 row { + padding: 6px 3px; } + stacksidebar row > label { + padding-left: 3px; + padding-right: 3px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 32px; + padding: 0; } + placessidebar row > revealer { + padding: 0 6px; } + placessidebar row:selected { + color: #dedede; } + placessidebar row:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + placessidebar row:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } + placessidebar row:backdrop:selected { + color: mix(#990000,#dedede,0.66); } + placessidebar row:backdrop:disabled { + color: #b8b8b8; } + placessidebar row image.sidebar-icon { + opacity: 0.7; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; + padding-left: 3px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; + padding-right: 3px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 20px; + min-width: 20px; + margin-top: 2px; + margin-bottom: 2px; + 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: #990000; } + 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: #dedede; + background-color: #4e9a06; } + +/****** +! Paned +*******/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#c8c8c8); + background-size: 1px 1px; + background-position: center center; } + paned > separator:selected { + background-image: image(#990000); } + paned > separator:backdrop { + background-image: image(mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #dedede; + background-image: image(#b2b2b2), image(#b2b2b2); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #dedede; + background-image: image(mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9)), image(mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9)); } +paned.horizontal > separator { + background-repeat: repeat-y; + padding: 0 2px; + margin: 0 -2px; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + background-repeat: repeat-x; + padding: 2px 0; + margin: -2px 0; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } +paned.titlebar > separator { + background-image: image(#c8c8c8); } + +/******************* + ! Spinner animation +********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background-image: none; + color: #990000; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: .5; } + +/*********************** + ! Check and Radio items +************************/ +radio { + background-image: none; + -gtk-icon-source: url("../assets/radio-unchecked.svg"); + min-width: 16px; + min-height: 16px; + margin-right: 3px; } + radio:disabled { + -gtk-icon-source: url("../assets/radio-unchecked-disabled.svg"); } + radio:checked, radio:active { + -gtk-icon-source: url("../assets/radio-checked.svg"); } + radio:checked:disabled, radio:active:disabled { + -gtk-icon-source: url("../assets/radio-checked-disabled.svg"); } + radio:indeterminate { + -gtk-icon-source: url("../assets/radio-mixed.svg"); } + radio:indeterminate:disabled { + -gtk-icon-source: url("../assets/radio-mixed-disabled.svg"); } + menuitem radio, modelbutton radio { + -gtk-icon-source: url("../assets/menuitem-radio-unchecked.svg"); } + menuitem radio:disabled, modelbutton radio:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-checked-disabled.svg"); } + menuitem radio:checked, menuitem radio:active, modelbutton radio:checked, modelbutton radio:active { + -gtk-icon-source: url("../assets/menuitem-radio-checked.svg"); } + menuitem radio:checked:hover, menuitem radio:active:hover, modelbutton radio:checked:hover, modelbutton radio:active:hover { + -gtk-icon-source: url("../assets/menuitem-radio-checked-hover.svg"); } + menuitem radio:checked:disabled, menuitem radio:active:disabled, modelbutton radio:checked:disabled, modelbutton radio:active:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-checked-disabled.svg"); } + menuitem radio:indeterminate, modelbutton radio:indeterminate { + -gtk-icon-source: url("../assets/menuitem-radio-mixed.svg"); } + menuitem radio:indeterminate:hover, modelbutton radio:indeterminate:hover { + -gtk-icon-source: url("../assets/menuitem-radio-mixed-hover.svg"); } + menuitem radio:indeterminate:disabled, modelbutton radio:indeterminate:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-mixed-disabled.svg"); } + +check { + background-image: none; + -gtk-icon-source: url("../assets/checkbox-unchecked.svg"); + min-width: 16px; + min-height: 16px; + margin-right: 3px; } + check:disabled { + -gtk-icon-source: url("../assets/checkbox-unchecked-disabled.svg"); } + check:checked, check:active { + -gtk-icon-source: url("../assets/checkbox-checked.svg"); } + check:checked:disabled, check:active:disabled { + -gtk-icon-source: url("../assets/checkbox-checked-disabled.svg"); } + check:indeterminate { + -gtk-icon-source: url("../assets/checkbox-mixed.svg"); } + check:indeterminate:disabled { + -gtk-icon-source: url("../assets/checkbox-mixed-disabled.svg"); } + menuitem check, modelbutton check { + -gtk-icon-source: url("../assets/menuitem-checkbox-unchecked.svg"); } + menuitem check:disabled, modelbutton check:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-disabled.svg"); } + menuitem check:checked, menuitem check:active, modelbutton check:checked, modelbutton check:active { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked.svg"); } + menuitem check:checked:hover, menuitem check:active:hover, modelbutton check:checked:hover, modelbutton check:active:hover { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-hover.svg"); } + menuitem check:checked:disabled, menuitem check:active:disabled, modelbutton check:checked:disabled, modelbutton check:active:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-disabled.svg"); } + menuitem check:indeterminate, modelbutton check:indeterminate { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed.svg"); } + menuitem check:indeterminate:hover, modelbutton check:indeterminate:hover { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-hover.svg"); } + menuitem check:indeterminate:disabled, modelbutton check:indeterminate:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-disabled.svg"); } + +radio:dir(rtl), check:dir(rtl) { + margin-right: 0; + margin-left: 3px; } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +/******** + ! Switch +*********/ +switch { + border-radius: 0px; + padding: 2px; + border: none; + outline: none; + transition: background-color .3s linear; + min-width: 88px; + min-height: 24px; + background-color: mix(#dedede,#dedede,0.3); + color: #2d2d2d; + box-shadow: inset 1px -1px 0 rgba(9, 9, 9, 0.06), inset -1px 1px 0 rgba(9, 9, 9, 0.06); } + switch slider { + background-color: mix(#2d2d2d,#dedede,0.5); + transition: all 0.3s ease-in; + box-shadow: 0 1px 2px 0 rgba(9, 9, 9, 0.07), 1px 0 2px 0 rgba(9, 9, 9, 0.07); + border-radius: 0px; } + switch:checked { + background-color: #990000; + background-image: none; + border-color: #990000; + color: #dedede; } + switch:checked slider { + background-color: #fff; + box-shadow: 0 1px 3px 0 rgba(9, 9, 9, 0.1); } + switch:disabled { + background-color: mix(#dedede,#dedede,0.5); + background-image: none; + border-color: #dedede; + color: #dedede; + box-shadow: none; } + switch:disabled slider { + background-color: #dedede; } + list row:selected switch { + background-color: #dedede; + color: mix(#dedede,#dedede,0.5); } + list row:selected switch slider { + background-color: mix(mix(#dedede,#dedede,0.5),#dedede,0.4); } + list row:selected switch:checked { + color: #990000; + background-color: mix(#2d2d2d,#dedede,0.5); } + list row:selected switch:checked slider { + background-color: #990000; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Toolbar +**********/ +/*************** + ! Generic views +****************/ +.view, iconview, +.view text, +iconview text, +textview text { + color: #2d2d2d; + background-color: #dedede; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: mix(#dedede,#2d2d2d,0.8); + background-color: #dedede; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 0px; } + +textview border { + background-color: mix(#dedede,#dedede,0.5); } + +/************ +! Treeview +*************/ +.rubberband, +rubberband, +flowbox rubberband, +treeview.view rubberband { + border: 1px solid #980000; + background-color: rgba(152, 0, 0, 0.2); } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #dedede; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #dedede; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #990000; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 1px 4px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #dedede; } + treeview.view header button:disabled { + border-color: #dedede; + background-image: none; } + treeview.view header button:backdrop { + border-color: #dedede; + border-style: none solid solid none; + color: mix(mix(#2d2d2d,#dedede,0.5),#dedede,0.5); + background-image: none; + background-color: #dedede; } + treeview.view header button:backdrop:disabled { + border-color: #dedede; + background-image: none; } + +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + border-left-color: mix(#2d2d2d,#dedede,0.5); + border-top-color: #dedede; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: mix(#dedede,#990000,0.5); + border-top-color: rgba(45, 45, 45, 0.1); } + treeview.view:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + treeview.view:disabled:selected { + color: mix(#dedede,#990000,0.4); } + treeview.view:disabled:selected:backdrop { + color: mix(mix(#990000,#dedede,0.66),#990000,0.3); } + treeview.view:disabled:backdrop { + color: #b8b8b8; } + treeview.view.separator { + min-height: 2px; + color: #dedede; } + treeview.view.separator:backdrop { + color: rgba(222, 222, 222, 0.1); } + treeview.view:backdrop { + border-left-color: mix(mix(#2d2d2d,#dedede,0.5),#dedede,0.5); + border-top: #dedede; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: mix(#990000,#2d2d2d,0.3); } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: mix(#dedede,#2d2d2d,0.7); } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #2d2d2d; } + treeview.view.expander:selected { + color: mix(#990000,#dedede,0.7); } + treeview.view.expander:selected:hover { + color: #dedede; } + treeview.view.expander:selected:backdrop { + color: mix(#990000,mix(#990000,#dedede,0.66),0.7); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: mix(#dedede,mix(#2d2d2d,#dedede,0.5),0.7); } + treeview.view.progressbar { + color: #dedede; + border-radius: 0px; + border: 1px solid mix(#990000,#2d2d2d,0.3); + background-color: #990000; } + treeview.view.progressbar:selected { + border: 1px solid mix(#990000,#dedede,0.2); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + color: #dedede; + box-shadow: none; + background-color: #990000; + background-image: none; + border-radius: 0px; } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + color: mix(#990000,#dedede,0.66); + border-color: mix(#990000,#2d2d2d,0.3); + background-color: mix(#dedede,#990000,0.9); } + treeview.view.progressbar:disabled { + background-color: #dedede; + background-image: none; + border-color: #bdbdbd; } + treeview.view.progressbar:backdrop { + color: #dedede; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(45, 45, 45, 0.1); + border-radius: 0px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(222, 222, 222, 0.3); + border-width: 1px 0; + border-style: solid; + border-color: #990000; + border-radius: 0px; } + treeview.view header button { + color: mix(#2d2d2d,#dedede,0.5); + background-color: #dedede; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: mix(mix(#2d2d2d,#dedede,0.5),#2d2d2d,0.5); + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #2d2d2d; + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view 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: 0 6px; + transition: none; + background-image: none; + background-color: #990000; + color: #dedede; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #dedede; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #990000; } + +/*********** + ! Separator +************/ +separator { + background: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +/********** + ! Frames * +***********/ +frame > border, .frame { + border: 1px solid mix(#dedede,#2d2d2d,0.08); } + frame > border.flat, .frame.flat { + border-style: none; } + frame > border:backdrop, .frame:backdrop { + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } + +/* avoid double borders when a viewport is packed into a GtkScrolledWindow */ +scrolledwindow viewport.frame { + border: 0; } + +/*************** + ! Places view * +****************/ +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; } + +/************** + ! Window frame +***************/ +decoration { + border-radius: 0px 0px 0 0; + /* this is used for the resize cursor area */ + border-width: 1px; + border-style: solid; + border-color: #dedede; } + decoration:backdrop { + border-color: #dedede; + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: 0 0 0 1px #990000; } + .solid-csd decoration { + border-radius: 0; + box-shadow: none; } + .csd.popup decoration { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + tooltip.csd decoration { + border-radius: 0px; + box-shadow: none; } + messagedialog.csd decoration { + border-radius: 0px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +/*********************** + ! Fallback mode panel * +************************/ +panel-plug, +panel-toplevel.background, clock-box, clock-box:backdrop, +panel-applet > menubar, +panel-applet > menubar:backdrop, +panel-toplevel .gnome-panel-menu-bar, +panel-toplevel .gnome-panel-menu-bar:backdrop, clock-box menuitem, clock-box:backdrop menuitem, +panel-applet > menubar menuitem, +panel-applet > menubar:backdrop menuitem, +panel-toplevel .gnome-panel-menu-bar menuitem, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem, wnck-pager, wnck-tasklist, .mate-panel-menu-bar, .xfce4-panel, UnityPanelWidget, .unity-panel { + background-color: #dedede; + background-image: none; + color: #2d2d2d; } + +clock-box menuitem label, clock-box:backdrop menuitem label, +panel-applet > menubar menuitem label, +panel-applet > menubar:backdrop menuitem label, +panel-toplevel .gnome-panel-menu-bar menuitem label, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem label, gp-calendar-window label, +#tasklist-button label, +#clock-applet-button label, +#showdesktop-button label { + font-weight: normal; + color: #2d2d2d; } + +#clock-applet-button, #clock-applet-button:backdrop, panel-applet button, panel-applet button:backdrop, .xfce4-panel button, #login_window, #shutdown_dialog, #restart_dialog { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: #2d2d2d; } + #clock-applet-button:hover, panel-applet button:hover, .xfce4-panel button:hover, #login_window:hover, #shutdown_dialog:hover, #restart_dialog:hover { + background-color: mix(#dedede,#2d2d2d,0.11); + background-image: none; + border-color: mix(#dedede,#2d2d2d,0.11); + color: #313131; } + #clock-applet-button:active, panel-applet button:active, .xfce4-panel button:active, #login_window:active, #shutdown_dialog:active, #restart_dialog:active, #clock-applet-button:checked, panel-applet button:checked, .xfce4-panel button:checked, #login_window:checked, #shutdown_dialog:checked, #restart_dialog:checked { + background-color: mix(#dedede,#2d2d2d,0.21); + background-image: none; + border-color: mix(#dedede,#2d2d2d,0.21); + color: #313131; } + #clock-applet-button:active:hover, panel-applet button:active:hover, .xfce4-panel button:active:hover, #login_window:active:hover, #shutdown_dialog:active:hover, #restart_dialog:active:hover, #clock-applet-button:checked:hover, panel-applet button:checked:hover, .xfce4-panel button:checked:hover, #login_window:checked:hover, #shutdown_dialog:checked:hover, #restart_dialog:checked:hover { + background-color: mix(#dedede,#2d2d2d,0.31); + background-image: none; + border-color: mix(#dedede,#2d2d2d,0.31); } + +panel-plug, +panel-toplevel.background { + padding: 0; } + +.gp-text-color { + color: #000; } + +panel-applet { + border: 0; } + +clock-box menuitem, clock-box:backdrop menuitem, +panel-applet > menubar menuitem, +panel-applet > menubar:backdrop menuitem, +panel-toplevel .gnome-panel-menu-bar menuitem, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem { + border: 0; } + +/**************** + ! MATE styles * +*****************/ +.mate-panel-menu-bar { + border: 0; + padding: 0; + text-shadow: none; } + +#PanelApplet label, +.mate-panel-menu-bar menubar > menuitem { + color: #2d2d2d; } + +PanelSeparator, MatePanelAppletFrameDBus { + border-width: 0; + color: transparent; + background-image: -gtk-scaled(url("../assets/pane-handle.png"), url("../assets/pane-handle@2.png")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; } + +#PanelApplet button, +#PanelApplet button.flat, +#PanelApplet button.toggle +#PanelApplet button.flat.toggle { + background-image: none; + background-color: transparent; + border-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 1px; + color: #2d2d2d; + text-shadow: none; + box-shadow: none; + padding: 2px; } + +#PanelApplet button:hover:active, +#PanelApplet button:checked, +#PanelApplet button:checked:hover, +#PanelApplet button.flat:hover:active, +#PanelApplet button.flat:checked, +#PanelApplet button.flat:checked:hover, +#PanelApplet button.toggle:hover:active, +#PanelApplet button.toggle:checked, +#PanelApplet button.toggle:checked:hover, +#PanelApplet button.flat.toggle:hover:active, +#PanelApplet button.flat.toggle:checked, +#PanelApplet button.flat.toggle:checked:hover { + background-image: none; + background-color: darker(#dedede); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: lighter(#2d2d2d); + text-shadow: none; + padding: 2px; } + +#PanelApplet button:hover, +#PanelApplet button.flat:hover, +#PanelApplet button.toggle:hover, +#PanelApplet button.flat.toggle:hover { + background-image: none; + background-color: white; + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: #dedede; + text-shadow: none; + padding: 2px; } + +.mate-panel-menu-bar menubar > menuitem { + padding: 3px 7px; } + +/********************* + ! Cinnamon Settings * +**********************/ +.cs-category-view, .cs-category-view:backdrop, .cs-category-view .view, .cs-category-view iconview, .cs-category-view .view:backdrop, .cs-category-view iconview:backdrop { + background-color: transparent; } + +/**************** + ! Gnome clocks * +*****************/ +.clocks-analog-frame.trough { + color: mix(#2d2d2d,#dedede,0.85); } +.clocks-analog-frame.progress { + color: mix(#dedede,#990000,0.5); } +.clocks-analog-frame.progress-fast { + color: #6b0000; } + +/***************** + ! Gnome Builder * +******************/ +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: 0; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 0px 0px 0 0; } + +/************************ + ! Unity-Control-Center * +*************************/ +.background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame { + border: 0 none transparent; } + .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:backdrop, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop { + background-color: transparent; } + +/*********************** + ! Unity Greeter * + ***********************/ +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.lightdm.button, .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.9); + border-radius: 1px; + padding: 3px; + color: #fff; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.6); + border-color: rgba(255, 255, 255, 0.2); + border-radius: 0px; + padding: 1px; + color: #fff; } + .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { + color: #fff; } +.lightdm.menubar *, .lightdm.menubar.menuitem { + padding: 0px; } +.lightdm.option-button { + padding: 3px; + background: none; + border: 0; } +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.3); + border-width: 1px; } + .lightdm.toggle-button.selected:hover { + background-color: rgba(255, 255, 255, 0.3); } +.lightdm.button:hover { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.6); + text-shadow: none; } +.lightdm.entry, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.button:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.6); + border-radius: 1px; + padding: 5px; + color: #fff; + text-shadow: none; } +.lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { + background-image: none; + border-image: none; } +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.6); + border-width: 1px; + border-style: solid; + color: #fff; } +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.2); } + +.lightdm-combo.menu { + background-color: #f0f0f0; + border-radius: 0; + padding: 0; + color: #fff; } + +/********* + ! Gedit * +**********/ +GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; } + GeditWindow .pane-separator, GeditWindow .pane-separator:hover { + border-color: #c8c8c8; + background-color: #dedede; } + +.gedit-document-panel { + background-color: #dedede; + color: mix(#2d2d2d,#dedede,0.1); } + .gedit-document-panel list row { + padding: 3px; } + .gedit-document-panel list row button { + padding: 1px; + border-radius: 0px; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + -gtk-icon-shadow: none; } + .gedit-document-panel .prelight-row button { + border-color: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.8); } + .gedit-document-panel .prelight-row button:active { + border-color: rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.08); + color: #fff; } + .gedit-document-panel list row button:hover, .gedit-document-panel .prelight-row button:hover { + border-color: rgba(0, 0, 0, 0.1); + color: #fff; } + +.gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { + border-top: 1px solid #c8c8c8; + background-color: #dedede; } + +.gedit-document-panel-document-row:hover { + background-color: #e9e9e9; } + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.5); + color: #fff; } + +.gedit-document-panel-placeholder-row { + border: 0; + background-color: rgba(0, 0, 0, 0.08); + transition: all 200ms ease-in; } + +statusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; } + statusbar GeditSmallButton button, GeditStatusMenuButton button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; } + statusbar GeditSmallButton button:hover, statusbar GeditSmallButton button:active, statusbar GeditSmallButton button:active:hover, GeditStatusMenuButton button:hover, GeditStatusMenuButton button:active, GeditStatusMenuButton button:active:hover { + border-color: #b2b2b2; } + statusbar GeditSmallButton button:active, GeditStatusMenuButton button:active { + background-color: lightgray; + color: #2d2d2d; } + +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 0 0 0px 0px; + border-width: 0 1px 1px; + border-style: solid; + border-color: #b2b2b2; + background-color: #dedede; } + GeditViewFrame .gedit-search-slider .not-found { + background-color: #f44336; + background-image: none; + color: #fff; } + +GeditFileBrowserWidget .toolbar { + padding: 1.5px; + border-top: 0; + background-color: #dedede; + background-image: none; } + +.gedit-search-entry-occurrences-tag { + margin: 1.5px; + padding: 1.5px; + color: mix(#2d2d2d,#dedede,0.5); } + +.gedit-bottom-panel-paned, +.gedit-side-panel-paned, +paned.titlebar { + margin-right: 0; } + +.gedit-bottom-panel-paned notebook { + border-top: none; } + +/************ + ! Nautilus * +*************/ +.nautilus-desktop, .nautilus-desktop:backdrop, .nautilus-desktop *, .nautilus-desktop *:backdrop { + color: #fff; + text-shadow: 1px 1px #000; } + .nautilus-desktop:active, .nautilus-desktop:backdrop:active, .nautilus-desktop *:active, .nautilus-desktop *:backdrop:active { + color: #2d2d2d; } + .nautilus-desktop:selected, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:selected { + color: #dedede; } + .nautilus-desktop:active, .nautilus-desktop:hover, .nautilus-desktop:selected, .nautilus-desktop:backdrop:active, .nautilus-desktop:backdrop:hover, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:active, .nautilus-desktop *:hover, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:active, .nautilus-desktop *:backdrop:hover, .nautilus-desktop *:backdrop:selected { + text-shadow: none; } + +.nautilus-window toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: #b2b2b2; } +.nautilus-window .sidebar { + border: 0; } + .nautilus-window .sidebar frame { + border: 0; } +.nautilus-window notebook { + background-color: #dedede; + border: 0; } + .nautilus-window notebook frame { + border: 0; } +.nautilus-window .searchbar-container { + margin-top: -1px; } + .nautilus-window .searchbar-container searchbar { + padding-top: 0px; + padding-bottom: 1px; + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.08); } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(45, 45, 45, 0.5); + border-color: rgba(41, 41, 41, 0.5); } + .disk-space-display.used { + background-color: rgba(153, 0, 0, 0.8); + border-color: rgba(138, 0, 0, 0.8); } + .disk-space-display.free { + background-color: lightgray; + border-color: #bebebe; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: #fff; + background-color: #f44336; } +.conflict-row.activatable:hover { + background-color: #f65d52; } +.conflict-row.activatable:selected { + color: #dedede; + background-color: #990000; } + +/******** + ! Nemo * +*********/ +.nemo-desktop, .nemo-desktop:backdrop, .nemo-desktop *, .nemo-desktop *:backdrop { + color: #fff; + text-shadow: 1px 1px #000; } + .nemo-desktop:active, .nemo-desktop:backdrop:active, .nemo-desktop *:active, .nemo-desktop *:backdrop:active { + color: #2d2d2d; } + .nemo-desktop:selected, .nemo-desktop:backdrop:selected, .nemo-desktop *:selected, .nemo-desktop *:backdrop:selected { + color: #dedede; } + .nemo-desktop:active, .nemo-desktop:hover, .nemo-desktop:selected, .nemo-desktop:backdrop:active, .nemo-desktop:backdrop:hover, .nemo-desktop:backdrop:selected, .nemo-desktop *:active, .nemo-desktop *:hover, .nemo-desktop *:selected, .nemo-desktop *:backdrop:active, .nemo-desktop *:backdrop:hover, .nemo-desktop *:backdrop:selected { + text-shadow: none; } + +.nemo-window { + /* Status Bar */ } + .nemo-window toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: #b2b2b2; + /* Path Bar */ } + .nemo-window toolbar button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .nemo-window toolbar button:focus, .nemo-window toolbar button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .nemo-window toolbar button:active, .nemo-window toolbar button:active:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover:focus, .nemo-window toolbar button:checked, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .nemo-window toolbar button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .nemo-window toolbar button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .nemo-window toolbar button:hover:focus, .nemo-window toolbar button:hover:hover, .nemo-window toolbar button.flat:hover:focus, .nemo-window toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .nemo-window toolbar button:hover:active, .nemo-window toolbar button:hover:active:hover, .nemo-window toolbar button:hover:active:focus, .nemo-window toolbar button:hover:active:hover:focus, .nemo-window toolbar button:hover:checked, .nemo-window toolbar button:hover:checked:hover, .nemo-window toolbar button:hover:checked:focus, .nemo-window toolbar button:hover:checked:hover:focus, .nemo-window toolbar button.flat:hover:active, .nemo-window toolbar button.flat:hover:active:hover, .nemo-window toolbar button.flat:hover:active:focus, .nemo-window toolbar button.flat:hover:active:hover:focus, .nemo-window toolbar button.flat:hover:checked, .nemo-window toolbar button.flat:hover:checked:hover, .nemo-window toolbar button.flat:hover:checked:focus, .nemo-window toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .nemo-window toolbar button:hover:disabled, .nemo-window toolbar button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .nemo-window toolbar button:hover:active:disabled, .nemo-window toolbar button:hover:checked:disabled, .nemo-window toolbar button.flat:hover:active:disabled, .nemo-window toolbar button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .nemo-window toolbar button:focus, .nemo-window toolbar button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar button:focus:focus, .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:focus, .nemo-window toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .nemo-window toolbar button:focus:active, .nemo-window toolbar button:focus:active:hover, .nemo-window toolbar button:focus:active:focus, .nemo-window toolbar button:focus:active:hover:focus, .nemo-window toolbar button:focus:checked, .nemo-window toolbar button:focus:checked:hover, .nemo-window toolbar button:focus:checked:focus, .nemo-window toolbar button:focus:checked:hover:focus, .nemo-window toolbar button.flat:focus:active, .nemo-window toolbar button.flat:focus:active:hover, .nemo-window toolbar button.flat:focus:active:focus, .nemo-window toolbar button.flat:focus:active:hover:focus, .nemo-window toolbar button.flat:focus:checked, .nemo-window toolbar button.flat:focus:checked:hover, .nemo-window toolbar button.flat:focus:checked:focus, .nemo-window toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .nemo-window toolbar button:focus:disabled, .nemo-window toolbar button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .nemo-window toolbar button:focus:active:disabled, .nemo-window toolbar button:focus:checked:disabled, .nemo-window toolbar button.flat:focus:active:disabled, .nemo-window toolbar button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .nemo-window toolbar button:focus:hover:focus, .nemo-window toolbar button:focus:hover:hover, .nemo-window toolbar button.flat:focus:hover:focus, .nemo-window toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .nemo-window toolbar button:focus:hover:active, .nemo-window toolbar button:focus:hover:active:hover, .nemo-window toolbar button:focus:hover:active:focus, .nemo-window toolbar button:focus:hover:active:hover:focus, .nemo-window toolbar button:focus:hover:checked, .nemo-window toolbar button:focus:hover:checked:hover, .nemo-window toolbar button:focus:hover:checked:focus, .nemo-window toolbar button:focus:hover:checked:hover:focus, .nemo-window toolbar button.flat:focus:hover:active, .nemo-window toolbar button.flat:focus:hover:active:hover, .nemo-window toolbar button.flat:focus:hover:active:focus, .nemo-window toolbar button.flat:focus:hover:active:hover:focus, .nemo-window toolbar button.flat:focus:hover:checked, .nemo-window toolbar button.flat:focus:hover:checked:hover, .nemo-window toolbar button.flat:focus:hover:checked:focus, .nemo-window toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .nemo-window toolbar button:focus:hover:disabled, .nemo-window toolbar button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .nemo-window toolbar button:focus:hover:active:disabled, .nemo-window toolbar button:focus:hover:checked:disabled, .nemo-window toolbar button.flat:focus:hover:active:disabled, .nemo-window toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .nemo-window toolbar button:checked, .nemo-window toolbar button:active, .nemo-window toolbar button.flat:checked, .nemo-window toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .nemo-window toolbar button:checked:active, .nemo-window toolbar button:checked:active:hover, .nemo-window toolbar button:checked:active:focus, .nemo-window toolbar button:checked:active:hover:focus, .nemo-window toolbar button:checked:checked, .nemo-window toolbar button:checked:checked:hover, .nemo-window toolbar button:checked:checked:focus, .nemo-window toolbar button:checked:checked:hover:focus, .nemo-window toolbar button:active:active, .nemo-window toolbar button:active:active:hover, .nemo-window toolbar button:active:active:focus, .nemo-window toolbar button:active:active:hover:focus, .nemo-window toolbar button:active:checked, .nemo-window toolbar button:active:checked:hover, .nemo-window toolbar button:active:checked:focus, .nemo-window toolbar button:active:checked:hover:focus, .nemo-window toolbar button.flat:checked:active, .nemo-window toolbar button.flat:checked:active:hover, .nemo-window toolbar button.flat:checked:active:focus, .nemo-window toolbar button.flat:checked:active:hover:focus, .nemo-window toolbar button.flat:checked:checked, .nemo-window toolbar button.flat:checked:checked:hover, .nemo-window toolbar button.flat:checked:checked:focus, .nemo-window toolbar button.flat:checked:checked:hover:focus, .nemo-window toolbar button.flat:active:active, .nemo-window toolbar button.flat:active:active:hover, .nemo-window toolbar button.flat:active:active:focus, .nemo-window toolbar button.flat:active:active:hover:focus, .nemo-window toolbar button.flat:active:checked, .nemo-window toolbar button.flat:active:checked:hover, .nemo-window toolbar button.flat:active:checked:focus, .nemo-window toolbar button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button:active:disabled, .nemo-window toolbar button.flat:checked:disabled, .nemo-window toolbar button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .nemo-window toolbar button:checked:active:disabled, .nemo-window toolbar button:checked:checked:disabled, .nemo-window toolbar button:active:active:disabled, .nemo-window toolbar button:active:checked:disabled, .nemo-window toolbar button.flat:checked:active:disabled, .nemo-window toolbar button.flat:checked:checked:disabled, .nemo-window toolbar button.flat:active:active:disabled, .nemo-window toolbar button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .nemo-window toolbar button:focus, .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:focus, .nemo-window toolbar button.flat:hover { + color: #2d2d2d; } + .nemo-window toolbar button:disabled:disabled, .nemo-window toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button.flat:active:disabled, .nemo-window toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .nemo-window toolbar button.separator, .nemo-window toolbar button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + .nemo-window toolbar button.separator:disabled, .nemo-window toolbar button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + .nemo-window toolbar .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .nemo-window toolbar .linked > button:focus, .nemo-window toolbar .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar .linked > button:active, .nemo-window toolbar .linked > button:active:hover, .nemo-window toolbar .linked > button:active:focus, .nemo-window toolbar .linked > button:active:hover:focus, .nemo-window toolbar .linked > button:checked, .nemo-window toolbar .linked > button:checked:hover, .nemo-window toolbar .linked > button:checked:focus, .nemo-window toolbar .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + .nemo-window toolbar .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + .nemo-window toolbar .linked > button:last-child, .nemo-window toolbar .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .nemo-window toolbar .linked > button:last-child:hover, .nemo-window toolbar .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar .linked > button:disabled:last-child, .nemo-window toolbar .linked > button:disabled:only-child, .nemo-window toolbar .linked > button:active:disabled:last-child, .nemo-window toolbar .linked > button:active:disabled:only-child, .nemo-window toolbar .linked > button:checked:disabled:last-child, .nemo-window toolbar .linked > button:checked:disabled:only-child { + box-shadow: none; } + .nemo-window toolbar .linked > button:active:last-child, .nemo-window toolbar .linked > button:active:last-child:focus, .nemo-window toolbar .linked > button:active:last-child:hover, .nemo-window toolbar .linked > button:active:last-child:hover:focus, .nemo-window toolbar .linked > button:checked:last-child, .nemo-window toolbar .linked > button:checked:last-child:focus, .nemo-window toolbar .linked > button:checked:last-child:hover, .nemo-window toolbar .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .nemo-window toolbar .linked > button:active:only-child, .nemo-window toolbar .linked > button:active:only-child:focus, .nemo-window toolbar .linked > button:active:only-child:hover, .nemo-window toolbar .linked > button:active:only-child:hover:focus, .nemo-window toolbar .linked > button:checked:only-child, .nemo-window toolbar .linked > button:checked:only-child:focus, .nemo-window toolbar .linked > button:checked:only-child:hover, .nemo-window toolbar .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .nemo-window toolbar separator, .nemo-window toolbar separator:disabled { + color: #c8c8c8; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + .nemo-window toolbar.primary-toolbar button.image-button { + padding: 0 8px; } + .nemo-window toolbar combobox, .nemo-window toolbar button { + padding: 3px; } + .nemo-window toolbar combobox.text-button, .nemo-window toolbar button.text-button { + padding: 3px; } + .nemo-window toolbar combobox.image-button, .nemo-window toolbar button.image-button { + padding: 3px; } + .nemo-window toolbar toolitem stack { + margin-left: 15px; } + .nemo-window toolbar toolitem stack widget button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); + -NemoPathbarButton-border-radius: 0px; } + .nemo-window toolbar toolitem stack widget button:focus, .nemo-window toolbar toolitem stack widget button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar toolitem stack widget button:active, .nemo-window toolbar toolitem stack widget button:active:hover, .nemo-window toolbar toolitem stack widget button:active:focus, .nemo-window toolbar toolitem stack widget button:active:hover:focus, .nemo-window toolbar toolitem stack widget button:checked, .nemo-window toolbar toolitem stack widget button:checked:hover, .nemo-window toolbar toolitem stack widget button:checked:focus, .nemo-window toolbar toolitem stack widget button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + .nemo-window toolbar toolitem stack widget button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + .nemo-window toolbar toolitem stack widget button:last-child, .nemo-window toolbar toolitem stack widget button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .nemo-window toolbar toolitem stack widget button:last-child:hover, .nemo-window toolbar toolitem stack widget button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar toolitem stack widget button:disabled:last-child, .nemo-window toolbar toolitem stack widget button:disabled:only-child, .nemo-window toolbar toolitem stack widget button:active:disabled:last-child, .nemo-window toolbar toolitem stack widget button:active:disabled:only-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:last-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:only-child { + box-shadow: none; } + .nemo-window toolbar toolitem stack widget button:active:last-child, .nemo-window toolbar toolitem stack widget button:active:last-child:focus, .nemo-window toolbar toolitem stack widget button:active:last-child:hover, .nemo-window toolbar toolitem stack widget button:active:last-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child, .nemo-window toolbar toolitem stack widget button:checked:last-child:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .nemo-window toolbar toolitem stack widget button:active:only-child, .nemo-window toolbar toolitem stack widget button:active:only-child:focus, .nemo-window toolbar toolitem stack widget button:active:only-child:hover, .nemo-window toolbar toolitem stack widget button:active:only-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child, .nemo-window toolbar toolitem stack widget button:checked:only-child:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .nemo-window grid > widget:last-child button { + min-height: 16px; + min-width: 16px; + padding: 2px 4px; } + .nemo-window grid > widget:last-child button:first-child { + margin-left: 20px; } + .nemo-window grid > widget:last-child button:first-child + button { + margin-right: 15px; } + .nemo-window grid > widget:last-child button:first-child + button + separator + button { + margin-left: 15px; } + .nemo-window grid > widget:last-child > box > scale { + margin-right: 12px; } + .nemo-window grid > widget:last-child statusbar { + border: 0; } + .nemo-window .sidebar { + /* Nemo Query Editor (File Search Bar) */ } + .nemo-window .sidebar .frame { + border: 0; } + .nemo-window .sidebar image { + padding-left: 3px; + padding-right: 3px; } + .nemo-window .sidebar .nemo-places-sidebar, .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { + background-color: mix(#dedede,#dedede,0.5); } + .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { + -NemoPlacesTreeView-disk-full-bg-color: #b2b2b2; + -NemoPlacesTreeView-disk-full-fg-color: #990000; + -NemoPlacesTreeView-disk-full-bar-width: 2px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 0; + -NemoPlacesTreeView-disk-full-max-length: 75px; } + .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + -NemoPlacesTreeView-disk-full-bg-color: #dedede; + -NemoPlacesTreeView-disk-full-fg-color: #b80000; } + .nemo-window .sidebar + separator + box .primary-toolbar { + background-color: #dadada; + background-image: none; + padding-top: 0px; + padding-bottom: 0px; + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.08); } + .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(2) { + border-right: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(3) { + margin-left: -6px; + border-left: none; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat { + background-color: white; + background-image: none; + border-color: rgba(0, 0, 0, 0.12); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); + padding: 5px 6px; } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:hover { + border-color: mix(#990000,rgba(0, 0, 0, 0.12),0.3); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover:focus { + border-color: rgba(0, 0, 0, 0.12); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:disabled { + border-color: rgba(0, 0, 0, 0.12); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:disabled, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:disabled { + border-color: rgba(0, 0, 0, 0.12); } + .nemo-window notebook { + background-color: #dedede; + border-width: 0; } + .nemo-window notebook tabs { + border: 0; } + +/*********************** + ! Fallback mode panel * +************************/ +/************ + ! Synaptic * +*************/ +GtkWindow > GtkVBox > .dock, GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar { + background-color: #dedede; + background-image: none; + padding: 3px; + border: 0; + color: #2d2d2d; } + +/*********************** + ! Fallback mode panel * +************************/ +/*************** + ! Xfce styles * +****************/ +.XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: #dedede; + color: #2d2d2d; } + +.xfce4-panel { + font: inherit; } + .xfce4-panel menu { + -gtk-icon-effect: none; + text-shadow: none; } + +/*********************** + ! Fallback mode panel * +************************/ +/**************** + ! Unity styles * +*****************/ +UnityDecoration { + -UnityDecoration-extents: 24px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); + -UnityDecoration-inactive-shadow-radius: 5px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #990000; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; } + UnityDecoration .top { + border: 1px solid #990000; + border-bottom: 0; + border-radius: 0px 0px 0 0; + padding: 1px 6px 0 6px; + background-color: #dedede; + color: mix(#2d2d2d,#dedede,0.1); + text-shadow: none; } + UnityDecoration .top:hover { + border-radius: 0; + border-color: mix(#dedede,#2d2d2d,0.21); + background-color: mix(#dedede,#2d2d2d,0.21); + background-image: none; + color: #313131; } + UnityDecoration .top:backdrop { + border: 1px solid #dedede; + color: mix(#2d2d2d,#dedede,0.4); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom { + background-color: #dedede; } + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: mix(#9b9b9b,#2d2d2d,0.21); } + +UnityPanelWidget, .unity-panel { + border: 0; } + +.unity-panel.menuitem, .unity-panel .menuitem { + border-width: 0 1px; + color: #2d2d2d; } + .unity-panel.menuitem:hover, .unity-panel.menuitem *:hover, .unity-panel .menuitem:hover, .unity-panel .menuitem *:hover { + border-color: mix(#dedede,#2d2d2d,0.21); + background-color: mix(#dedede,#2d2d2d,0.21); + background-image: none; + color: #313131; } + +SheetStyleDialog.unity-force-quit { + background-color: #dedede; } + +/*********************** + ! LightDM GTK Greeter * + ***********************/ +#panel_window { + background-color: #dedede; + background-image: none; + color: #fff; + font-weight: bold; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } + #panel_window menubar { + padding-left: 3px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + background-image: none; + border-style: none; + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } + #panel_window menubar:hover, #panel_window menubar > menuitem:hover { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + color: #fff; } + #panel_window menubar *:hover, #panel_window menubar > menuitem *:hover { + color: #fff; } + #panel_window menubar:disabled, #panel_window menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.7); } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#content_frame { + padding-bottom: 9px; } + +#login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: 0px; + background-color: #dedede; + color: #2d2d2d; + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(#9b9b9b,#2d2d2d,0.21), inset -1px 0 mix(#9b9b9b,#2d2d2d,0.21), inset 0 1px mix(#9b9b9b,#2d2d2d,0.21), inset 0 -1px mix(#9b9b9b,#2d2d2d,0.21); } + +#login_window menu { + border-radius: 0; } +#login_window button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + #login_window button:focus, #login_window button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + #login_window button:active, #login_window button:active:hover, #login_window button:active:focus, #login_window button:active:hover:focus, #login_window button:checked, #login_window button:checked:hover, #login_window button:checked:focus, #login_window button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + #login_window button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + #login_window button:active:disabled, #login_window button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + #login_window button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + #login_window button:hover, #login_window button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + #login_window button:hover:focus, #login_window button:hover:hover, #login_window button.flat:hover:focus, #login_window button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + #login_window button:hover:active, #login_window button:hover:active:hover, #login_window button:hover:active:focus, #login_window button:hover:active:hover:focus, #login_window button:hover:checked, #login_window button:hover:checked:hover, #login_window button:hover:checked:focus, #login_window button:hover:checked:hover:focus, #login_window button.flat:hover:active, #login_window button.flat:hover:active:hover, #login_window button.flat:hover:active:focus, #login_window button.flat:hover:active:hover:focus, #login_window button.flat:hover:checked, #login_window button.flat:hover:checked:hover, #login_window button.flat:hover:checked:focus, #login_window button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + #login_window button:hover:disabled, #login_window button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + #login_window button:hover:active:disabled, #login_window button:hover:checked:disabled, #login_window button.flat:hover:active:disabled, #login_window button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + #login_window button:focus, #login_window button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + #login_window button:focus:focus, #login_window button:focus:hover, #login_window button.flat:focus:focus, #login_window button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + #login_window button:focus:active, #login_window button:focus:active:hover, #login_window button:focus:active:focus, #login_window button:focus:active:hover:focus, #login_window button:focus:checked, #login_window button:focus:checked:hover, #login_window button:focus:checked:focus, #login_window button:focus:checked:hover:focus, #login_window button.flat:focus:active, #login_window button.flat:focus:active:hover, #login_window button.flat:focus:active:focus, #login_window button.flat:focus:active:hover:focus, #login_window button.flat:focus:checked, #login_window button.flat:focus:checked:hover, #login_window button.flat:focus:checked:focus, #login_window button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + #login_window button:focus:disabled, #login_window button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + #login_window button:focus:active:disabled, #login_window button:focus:checked:disabled, #login_window button.flat:focus:active:disabled, #login_window button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + #login_window button:focus:hover, #login_window button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + #login_window button:focus:hover:focus, #login_window button:focus:hover:hover, #login_window button.flat:focus:hover:focus, #login_window button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + #login_window button:focus:hover:active, #login_window button:focus:hover:active:hover, #login_window button:focus:hover:active:focus, #login_window button:focus:hover:active:hover:focus, #login_window button:focus:hover:checked, #login_window button:focus:hover:checked:hover, #login_window button:focus:hover:checked:focus, #login_window button:focus:hover:checked:hover:focus, #login_window button.flat:focus:hover:active, #login_window button.flat:focus:hover:active:hover, #login_window button.flat:focus:hover:active:focus, #login_window button.flat:focus:hover:active:hover:focus, #login_window button.flat:focus:hover:checked, #login_window button.flat:focus:hover:checked:hover, #login_window button.flat:focus:hover:checked:focus, #login_window button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + #login_window button:focus:hover:disabled, #login_window button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + #login_window button:focus:hover:active:disabled, #login_window button:focus:hover:checked:disabled, #login_window button.flat:focus:hover:active:disabled, #login_window button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + #login_window button:checked, #login_window button:active, #login_window button.flat:checked, #login_window button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + #login_window button:checked:active, #login_window button:checked:active:hover, #login_window button:checked:active:focus, #login_window button:checked:active:hover:focus, #login_window button:checked:checked, #login_window button:checked:checked:hover, #login_window button:checked:checked:focus, #login_window button:checked:checked:hover:focus, #login_window button:active:active, #login_window button:active:active:hover, #login_window button:active:active:focus, #login_window button:active:active:hover:focus, #login_window button:active:checked, #login_window button:active:checked:hover, #login_window button:active:checked:focus, #login_window button:active:checked:hover:focus, #login_window button.flat:checked:active, #login_window button.flat:checked:active:hover, #login_window button.flat:checked:active:focus, #login_window button.flat:checked:active:hover:focus, #login_window button.flat:checked:checked, #login_window button.flat:checked:checked:hover, #login_window button.flat:checked:checked:focus, #login_window button.flat:checked:checked:hover:focus, #login_window button.flat:active:active, #login_window button.flat:active:active:hover, #login_window button.flat:active:active:focus, #login_window button.flat:active:active:hover:focus, #login_window button.flat:active:checked, #login_window button.flat:active:checked:hover, #login_window button.flat:active:checked:focus, #login_window button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + #login_window button:checked:disabled, #login_window button:active:disabled, #login_window button.flat:checked:disabled, #login_window button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + #login_window button:checked:active:disabled, #login_window button:checked:checked:disabled, #login_window button:active:active:disabled, #login_window button:active:checked:disabled, #login_window button.flat:checked:active:disabled, #login_window button.flat:checked:checked:disabled, #login_window button.flat:active:active:disabled, #login_window button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #login_window button:focus, #login_window button:hover, #login_window button.flat:focus, #login_window button.flat:hover { + color: #2d2d2d; } + #login_window button:disabled:disabled, #login_window button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + #login_window button:active:disabled, #login_window button:checked:disabled, #login_window button.flat:active:disabled, #login_window button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #login_window button.separator, #login_window button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + #login_window button.separator:disabled, #login_window button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } +#login_window entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + #login_window entry:focus, #login_window entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + #login_window entry:active, #login_window entry:active:hover, #login_window entry:active:focus, #login_window entry:active:hover:focus, #login_window entry:checked, #login_window entry:checked:hover, #login_window entry:checked:focus, #login_window entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + #login_window entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + #login_window entry:active:disabled, #login_window entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + #login_window entry:focus, #login_window entry:active { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.08),0.3); } + #login_window entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + #login_window entry:disabled:focus, #login_window entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + #login_window entry:disabled:active, #login_window entry:disabled:active:hover, #login_window entry:disabled:active:focus, #login_window entry:disabled:active:hover:focus, #login_window entry:disabled:checked, #login_window entry:disabled:checked:hover, #login_window entry:disabled:checked:focus, #login_window entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + #login_window entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + #login_window entry:disabled:active:disabled, #login_window entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + +#user_combobox { + color: #2d2d2d; + font-size: 18px; } + #user_combobox menu { + font-weight: normal; } + #user_combobox arrow { + color: mix(#2d2d2d,#dedede,0.5); } + +#user_image { + border-radius: 0px; + /* draw border using box-shadow */ + box-shadow: inset 1px 0 #9b9b9b, inset -1px 0 #9b9b9b, inset 0 1px #9b9b9b, inset 0 -1px #9b9b9b; } + +#user_image_border { + border-radius: 0px; + background-color: #c8c8c8; + background-image: none; + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.07), inset 0 1px rgba(9, 9, 9, 0.08), inset -1px 0 rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + +#buttonbox_frame { + padding-top: 6px; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + background-color: transparent; + background-image: none; + box-shadow: none; } + +/* shutdown button */ +#shutdown_button button { + background-color: #f44336; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + #shutdown_button button:focus, #shutdown_button button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #shutdown_button button:active, #shutdown_button button:active:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover:focus, #shutdown_button button:checked, #shutdown_button button:checked:hover, #shutdown_button button:checked:focus, #shutdown_button button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #shutdown_button button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button.flat { + color: #fff; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + #shutdown_button button:hover, #shutdown_button button.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + #shutdown_button button:hover:focus, #shutdown_button button:hover:hover, #shutdown_button button.flat:hover:focus, #shutdown_button button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:hover:active, #shutdown_button button:hover:active:hover, #shutdown_button button:hover:active:focus, #shutdown_button button:hover:active:hover:focus, #shutdown_button button:hover:checked, #shutdown_button button:hover:checked:hover, #shutdown_button button:hover:checked:focus, #shutdown_button button:hover:checked:hover:focus, #shutdown_button button.flat:hover:active, #shutdown_button button.flat:hover:active:hover, #shutdown_button button.flat:hover:active:focus, #shutdown_button button.flat:hover:active:hover:focus, #shutdown_button button.flat:hover:checked, #shutdown_button button.flat:hover:checked:hover, #shutdown_button button.flat:hover:checked:focus, #shutdown_button button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:hover:disabled, #shutdown_button button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:hover:active:disabled, #shutdown_button button:hover:checked:disabled, #shutdown_button button.flat:hover:active:disabled, #shutdown_button button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:focus, #shutdown_button button.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + #shutdown_button button:focus:focus, #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:focus, #shutdown_button button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:focus:active, #shutdown_button button:focus:active:hover, #shutdown_button button:focus:active:focus, #shutdown_button button:focus:active:hover:focus, #shutdown_button button:focus:checked, #shutdown_button button:focus:checked:hover, #shutdown_button button:focus:checked:focus, #shutdown_button button:focus:checked:hover:focus, #shutdown_button button.flat:focus:active, #shutdown_button button.flat:focus:active:hover, #shutdown_button button.flat:focus:active:focus, #shutdown_button button.flat:focus:active:hover:focus, #shutdown_button button.flat:focus:checked, #shutdown_button button.flat:focus:checked:hover, #shutdown_button button.flat:focus:checked:focus, #shutdown_button button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:focus:disabled, #shutdown_button button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:focus:active:disabled, #shutdown_button button:focus:checked:disabled, #shutdown_button button.flat:focus:active:disabled, #shutdown_button button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + #shutdown_button button:focus:hover:focus, #shutdown_button button:focus:hover:hover, #shutdown_button button.flat:focus:hover:focus, #shutdown_button button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:focus:hover:active, #shutdown_button button:focus:hover:active:hover, #shutdown_button button:focus:hover:active:focus, #shutdown_button button:focus:hover:active:hover:focus, #shutdown_button button:focus:hover:checked, #shutdown_button button:focus:hover:checked:hover, #shutdown_button button:focus:hover:checked:focus, #shutdown_button button:focus:hover:checked:hover:focus, #shutdown_button button.flat:focus:hover:active, #shutdown_button button.flat:focus:hover:active:hover, #shutdown_button button.flat:focus:hover:active:focus, #shutdown_button button.flat:focus:hover:active:hover:focus, #shutdown_button button.flat:focus:hover:checked, #shutdown_button button.flat:focus:hover:checked:hover, #shutdown_button button.flat:focus:hover:checked:focus, #shutdown_button button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:focus:hover:disabled, #shutdown_button button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:focus:hover:active:disabled, #shutdown_button button:focus:hover:checked:disabled, #shutdown_button button.flat:focus:hover:active:disabled, #shutdown_button button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:checked, #shutdown_button button:active, #shutdown_button button.flat:checked, #shutdown_button button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #shutdown_button button:checked:active, #shutdown_button button:checked:active:hover, #shutdown_button button:checked:active:focus, #shutdown_button button:checked:active:hover:focus, #shutdown_button button:checked:checked, #shutdown_button button:checked:checked:hover, #shutdown_button button:checked:checked:focus, #shutdown_button button:checked:checked:hover:focus, #shutdown_button button:active:active, #shutdown_button button:active:active:hover, #shutdown_button button:active:active:focus, #shutdown_button button:active:active:hover:focus, #shutdown_button button:active:checked, #shutdown_button button:active:checked:hover, #shutdown_button button:active:checked:focus, #shutdown_button button:active:checked:hover:focus, #shutdown_button button.flat:checked:active, #shutdown_button button.flat:checked:active:hover, #shutdown_button button.flat:checked:active:focus, #shutdown_button button.flat:checked:active:hover:focus, #shutdown_button button.flat:checked:checked, #shutdown_button button.flat:checked:checked:hover, #shutdown_button button.flat:checked:checked:focus, #shutdown_button button.flat:checked:checked:hover:focus, #shutdown_button button.flat:active:active, #shutdown_button button.flat:active:active:hover, #shutdown_button button.flat:active:active:focus, #shutdown_button button.flat:active:active:hover:focus, #shutdown_button button.flat:active:checked, #shutdown_button button.flat:active:checked:hover, #shutdown_button button.flat:active:checked:focus, #shutdown_button button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #shutdown_button button:checked:disabled, #shutdown_button button:active:disabled, #shutdown_button button.flat:checked:disabled, #shutdown_button button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #shutdown_button button:checked:active:disabled, #shutdown_button button:checked:checked:disabled, #shutdown_button button:active:active:disabled, #shutdown_button button:active:checked:disabled, #shutdown_button button.flat:checked:active:disabled, #shutdown_button button.flat:checked:checked:disabled, #shutdown_button button.flat:active:active:disabled, #shutdown_button button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #shutdown_button button:focus, #shutdown_button button:hover, #shutdown_button button.flat:focus, #shutdown_button button.flat:hover { + color: #fff; } + #shutdown_button button:disabled:disabled, #shutdown_button button.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#fff,0.5); + box-shadow: none; } + #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled, #shutdown_button button.flat:active:disabled, #shutdown_button button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #shutdown_button button.separator, #shutdown_button button .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + #shutdown_button button.separator:disabled, #shutdown_button button .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/* restart button */ +#restart_button button { + background-color: #ef6c00; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + #restart_button button:focus, #restart_button button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #restart_button button:active, #restart_button button:active:hover, #restart_button button:active:focus, #restart_button button:active:hover:focus, #restart_button button:checked, #restart_button button:checked:hover, #restart_button button:checked:focus, #restart_button button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #restart_button button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #restart_button button:active:disabled, #restart_button button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button.flat { + color: #fff; + border-color: rgba(239, 108, 0, 0); + background-color: rgba(239, 108, 0, 0); + background-image: none; + box-shadow: none; } + #restart_button button:hover, #restart_button button.flat:hover { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + #restart_button button:hover:focus, #restart_button button:hover:hover, #restart_button button.flat:hover:focus, #restart_button button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:hover:active, #restart_button button:hover:active:hover, #restart_button button:hover:active:focus, #restart_button button:hover:active:hover:focus, #restart_button button:hover:checked, #restart_button button:hover:checked:hover, #restart_button button:hover:checked:focus, #restart_button button:hover:checked:hover:focus, #restart_button button.flat:hover:active, #restart_button button.flat:hover:active:hover, #restart_button button.flat:hover:active:focus, #restart_button button.flat:hover:active:hover:focus, #restart_button button.flat:hover:checked, #restart_button button.flat:hover:checked:hover, #restart_button button.flat:hover:checked:focus, #restart_button button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:hover:disabled, #restart_button button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:hover:active:disabled, #restart_button button:hover:checked:disabled, #restart_button button.flat:hover:active:disabled, #restart_button button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:focus, #restart_button button.flat:focus { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + #restart_button button:focus:focus, #restart_button button:focus:hover, #restart_button button.flat:focus:focus, #restart_button button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:focus:active, #restart_button button:focus:active:hover, #restart_button button:focus:active:focus, #restart_button button:focus:active:hover:focus, #restart_button button:focus:checked, #restart_button button:focus:checked:hover, #restart_button button:focus:checked:focus, #restart_button button:focus:checked:hover:focus, #restart_button button.flat:focus:active, #restart_button button.flat:focus:active:hover, #restart_button button.flat:focus:active:focus, #restart_button button.flat:focus:active:hover:focus, #restart_button button.flat:focus:checked, #restart_button button.flat:focus:checked:hover, #restart_button button.flat:focus:checked:focus, #restart_button button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:focus:disabled, #restart_button button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:focus:active:disabled, #restart_button button:focus:checked:disabled, #restart_button button.flat:focus:active:disabled, #restart_button button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:focus:hover, #restart_button button.flat:focus:hover { + background-color: #ff7808; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + #restart_button button:focus:hover:focus, #restart_button button:focus:hover:hover, #restart_button button.flat:focus:hover:focus, #restart_button button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:focus:hover:active, #restart_button button:focus:hover:active:hover, #restart_button button:focus:hover:active:focus, #restart_button button:focus:hover:active:hover:focus, #restart_button button:focus:hover:checked, #restart_button button:focus:hover:checked:hover, #restart_button button:focus:hover:checked:focus, #restart_button button:focus:hover:checked:hover:focus, #restart_button button.flat:focus:hover:active, #restart_button button.flat:focus:hover:active:hover, #restart_button button.flat:focus:hover:active:focus, #restart_button button.flat:focus:hover:active:hover:focus, #restart_button button.flat:focus:hover:checked, #restart_button button.flat:focus:hover:checked:hover, #restart_button button.flat:focus:hover:checked:focus, #restart_button button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:focus:hover:disabled, #restart_button button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:focus:hover:active:disabled, #restart_button button:focus:hover:checked:disabled, #restart_button button.flat:focus:hover:active:disabled, #restart_button button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:checked, #restart_button button:active, #restart_button button.flat:checked, #restart_button button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #restart_button button:checked:active, #restart_button button:checked:active:hover, #restart_button button:checked:active:focus, #restart_button button:checked:active:hover:focus, #restart_button button:checked:checked, #restart_button button:checked:checked:hover, #restart_button button:checked:checked:focus, #restart_button button:checked:checked:hover:focus, #restart_button button:active:active, #restart_button button:active:active:hover, #restart_button button:active:active:focus, #restart_button button:active:active:hover:focus, #restart_button button:active:checked, #restart_button button:active:checked:hover, #restart_button button:active:checked:focus, #restart_button button:active:checked:hover:focus, #restart_button button.flat:checked:active, #restart_button button.flat:checked:active:hover, #restart_button button.flat:checked:active:focus, #restart_button button.flat:checked:active:hover:focus, #restart_button button.flat:checked:checked, #restart_button button.flat:checked:checked:hover, #restart_button button.flat:checked:checked:focus, #restart_button button.flat:checked:checked:hover:focus, #restart_button button.flat:active:active, #restart_button button.flat:active:active:hover, #restart_button button.flat:active:active:focus, #restart_button button.flat:active:active:hover:focus, #restart_button button.flat:active:checked, #restart_button button.flat:active:checked:hover, #restart_button button.flat:active:checked:focus, #restart_button button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #restart_button button:checked:disabled, #restart_button button:active:disabled, #restart_button button.flat:checked:disabled, #restart_button button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #restart_button button:checked:active:disabled, #restart_button button:checked:checked:disabled, #restart_button button:active:active:disabled, #restart_button button:active:checked:disabled, #restart_button button.flat:checked:active:disabled, #restart_button button.flat:checked:checked:disabled, #restart_button button.flat:active:active:disabled, #restart_button button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #restart_button button:focus, #restart_button button:hover, #restart_button button.flat:focus, #restart_button button.flat:hover { + color: #fff; } + #restart_button button:disabled:disabled, #restart_button button.flat:disabled:disabled { + background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#ef6c00,#fff,0.5); + box-shadow: none; } + #restart_button button:active:disabled, #restart_button button:checked:disabled, #restart_button button.flat:active:disabled, #restart_button button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #restart_button button.separator, #restart_button button .separator { + border: 1px solid currentColor; + color: rgba(239, 108, 0, 0.9); } + #restart_button button.separator:disabled, #restart_button button .separator:disabled { + color: rgba(239, 108, 0, 0.85); } + +/* password warning */ +#greeter_infobar { + font-weight: bold; } + +/********************** + ! Genome Terminal * +***********************/ +VteTerminal { + background-color: #dedede; + color: #2d2d2d; } + +terminal-window junction, terminal-window scrollbar trough { + background-color: #dedede; + border-color: #b2b2b2; } +terminal-window scrollbar.vertical slider { + background-color: mix(#dedede,#2d2d2d,0.2); } + terminal-window scrollbar.vertical slider:hover { + background-color: mix(#dedede,#2d2d2d,0.3); } + terminal-window scrollbar.vertical slider:hover:active { + background-color: #990000; } + terminal-window scrollbar.vertical slider:disabled { + background-color: transparent; } + +/****************** + ! Budgie Desktop * +*******************/ +.budgie-container { + background-color: transparent; } + +.raven { + background-color: rgba(222, 222, 222, 0.93); } + .raven .raven-header { + background-color: #dedede; + border: solid mix(#dedede,#2d2d2d,0.08); + border-width: 1px 0; } + .raven .raven-background { + background-color: rgba(222, 222, 222, 0.93); } + +.raven-mpris { + background-color: rgba(222, 222, 222, 0.7); } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/Redcore-daylight/gtk-3.20/dist/gtk.css b/Redcore-daylight/gtk-3.20/dist/gtk.css new file mode 100644 index 0000000..b5214d6 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/dist/gtk.css @@ -0,0 +1,7778 @@ +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +/* dark color scheme */ +@define-color dark_bg_color #dedede; +@define-color dark_fg_color #2d2d2d; +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color #dedede; +@define-color theme_fg_color #2d2d2d; +@define-color theme_base_color #dedede; +@define-color theme_text_color #2d2d2d; +@define-color theme_selected_bg_color #990000; +@define-color theme_selected_fg_color #dedede; +@define-color theme_tooltip_bg_color #dedede; +@define-color theme_tooltip_fg_color #2d2d2d; +/* shadow effects */ +@define-color light_shadow #dfdfdf; +@define-color dark_shadow #090909; +/* misc colors used by gtk+ */ +@define-color info_fg_color #fff; +@define-color info_bg_color #03a9f4; +@define-color warning_fg_color #fff; +@define-color warning_bg_color #ef6c00; +@define-color question_fg_color #fff; +@define-color question_bg_color #673ab7; +@define-color error_fg_color #fff; +@define-color error_bg_color #f44336; +@define-color link_color #3f51b5; +@define-color success_color #4caf50; +@define-color warning_color #ef6c00; +@define-color error_color #f44336; +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; +@define-color borders mix(#dedede,#2d2d2d,0.08); +@define-color unfocused_borders mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); +@define-color button_bg_color #dedede; +@define-color button_fg_color #2d2d2d; +@define-color header_button_bg_color #dedede; +@define-color header_button_fg_color #2d2d2d; +@define-color insensitive_bg_color mix(#dedede,#dedede,0.6); +@define-color insensitive_fg_color mix(#2d2d2d,#dedede,0.5); +/* osd */ +@define-color osd_base #dedede; +@define-color osd_bg rgba(222, 222, 222, 0.8); +@define-color osd_fg #2d2d2d; +@define-color osd_insensitive_bg_color mix(#2d2d2d,rgba(222, 222, 222, 0.8),0.5); +@define-color osd_insensitive_fg_color mix(#2d2d2d,#dedede,0.6); +@define-color osd_borders_color rgba(189, 189, 189, 0.8); +/* lightdm greeter colors */ +@define-color lightdm_bg_color #dedede; +@define-color lightdm_fg_color #2d2d2d; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color mix(#2d2d2d,#dedede,0.5); +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #2d2d2d; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #dedede; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #dedede; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #990000; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #dedede; +/* insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #b8b8b8; +/* window manager colors */ +@define-color wm_bg #dedede; +@define-color wm_border_focused #990000; +@define-color wm_border_unfocused #dedede; +@define-color wm_title_focused mix(#2d2d2d,#dedede,0.1); +@define-color wm_title_unfocused mix(#2d2d2d,#dedede,0.4); +@define-color wm_icons_focused mix(#2d2d2d,#dedede,0.1); +@define-color wm_icons_focused_prelight #990000; +@define-color wm_icons_focused_pressed #7a0000; +@define-color wm_icons_unfocused mix(#2d2d2d,#dedede,0.4); +@define-color wm_icons_unfocused_prelight #990000; +@define-color wm_icons_unfocused_pressed #7a0000; +/************** + ! GTK settings +***************/ +* { + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + -GtkWidget-cursor-aspect-ratio: 0.04; + outline-color: rgba(153, 0, 0, 0.5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + -gtk-outline-radius: 0px; } + +/************* + ! Base states + *************/ +*:selected, .gtkstyle-fallback:selected, GucharmapChartable:focus, GucharmapChartable:hover, GucharmapChartable:active, GucharmapChartable:selected, .gedit-document-panel-document-row:selected, .gedit-document-panel-document-row:selected:hover, GeditViewFrame .gedit-search-slider .not-found:selected, :focus:selected, GucharmapChartable:focus, .gedit-document-panel-document-row:focus:selected:hover, GeditViewFrame .gedit-search-slider .not-found:focus:selected { + background-color: #990000; + color: #dedede; } + +* { + /* hyperlinks */ + -GtkIMHtml-hyperlink-color: #3f51b5; } + *:disabled, *:disabled:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + *:disabled, *:disabled { + -gtk-icon-effect: dim; } + *:hover { + -gtk-icon-effect: highlight; } + *:link, *:visited { + color: #3f51b5; } + +.background { + background-color: #dedede; + color: #2d2d2d; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + .background.csd { + background-color: #dedede; } + +.gtkstyle-fallback { + background-color: rgba(222, 222, 222, 0.5); + color: #2d2d2d; } + .gtkstyle-fallback:hover { + background-color: #f4f4f4; + color: #2d2d2d; } + .gtkstyle-fallback:active { + background-color: #c8c8c8; + color: #2d2d2d; } + .gtkstyle-fallback:disabled { + background-color: #dddddd; + color: mix(#2d2d2d,#dedede,0.5); } + +image, image:disabled, label, label:disabled, box, box:disabled, grid, grid:disabled { + background-color: transparent; } + +label.separator { + color: #2d2d2d; } + label.separator:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } +label selection { + background-color: #990000; + color: #dedede; } +label:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + label:disabled:backdrop { + color: #b8b8b8; } +label:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } + +assistant .sidebar { + background-color: #dedede; + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + assistant .sidebar:backdrop { + background-color: #dedede; + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 3px 6px; } +assistant .sidebar label.highlight { + background-color: mix(#2d2d2d,#dedede,0.8); } + +/********* + ! Buttons +**********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#990000), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)); } } +stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), 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; } + stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + +button, headerbar button, .titlebar:not(headerbar) button, toolbar button, toolbar.inline-toolbar button, .suggested-action, headerbar.selection-mode button.suggested-action, +.titlebar:not(headerbar).selection-mode button.suggested-action, .destructive-action, headerbar.selection-mode button, +.titlebar:not(headerbar).selection-mode button, infobar.info button, infobar.warning button, infobar.question button, infobar.error button, popover.background button, frame.app-notification button, button.osd, +#XfceNotifyWindow button, .osd button, .osd spinbutton:not(.vertical) button, +#XfceNotifyWindow spinbutton:not(.vertical) button, .osd spinbutton.vertical button:first-child, +#XfceNotifyWindow spinbutton.vertical button:first-child, .nemo-window toolbar button, .nemo-window .sidebar + separator + box .primary-toolbar button.flat, #login_window button, #shutdown_button button, #restart_button button { + min-height: 20px; + min-width: 20px; + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-radius: 0px; + transition: 150ms ease; + outline-color: transparent; } + +calendar.view, calendar.view:backdrop, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, menu menuitem calendar.button, +.menu menuitem calendar.button, +.context-menu menuitem calendar.button, menu menuitem calendar.button:hover, +.menu menuitem calendar.button:hover, +.context-menu menuitem calendar.button:hover, modelbutton.flat, +menuitem.button.flat, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +spinbutton:not(.vertical) button, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat { + border-radius: 0; + border-left-style: none; + border-right-style: solid; } + spinbutton:not(.vertical) button:dir(rtl), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), toolbar.inline-toolbar toolbutton > button.flat:dir(rtl) { + border-radius: 0; + border-right-style: none; + border-left-style: solid; } + +.linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; } + .linked.vertical > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; } + +.inline-toolbar button, .linked > button, combobox box button, combobox box entry, headerbar .linked > button, .titlebar:not(headerbar) .linked > button, toolbar .linked > button, headerbar.selection-mode .linked > button, +.titlebar:not(headerbar).selection-mode .linked > button, popover.background .linked > button, .nemo-window toolbar .linked > button, .nemo-window toolbar toolitem stack widget button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; } + .inline-toolbar button:first-child, .linked > button:first-child, combobox box button:first-child, combobox box entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked > button:first-child, .titlebar:not(headerbar) .linked > button:first-child, toolbar .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, popover.background .linked > button:first-child, .nemo-window toolbar toolitem stack widget button:first-child { + border-width: 1px; + border-radius: 0px; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .inline-toolbar button:first-child:dir(rtl), .linked > button:first-child:dir(rtl), combobox box button:first-child:dir(rtl), combobox box entry:first-child:dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:dir(rtl), headerbar .linked > button:first-child:dir(rtl), .titlebar:not(headerbar) .linked > button:first-child:dir(rtl), toolbar .linked > button:first-child:dir(rtl), toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(rtl), popover.background .linked > button:first-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:first-child:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + .inline-toolbar button:last-child, .linked > button:last-child, combobox box button:last-child, combobox box entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, toolbar .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, popover.background .linked > button:last-child, .nemo-window toolbar toolitem stack widget button:last-child { + border-width: 1px; + border-radius: 0px; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), combobox box button:last-child:dir(rtl), combobox box entry:last-child:dir(rtl), .linked:not(.vertical) > combobox:last-child > box > button.combo:dir(rtl), headerbar .linked > button:last-child:dir(rtl), .titlebar:not(headerbar) .linked > button:last-child:dir(rtl), toolbar .linked > button:last-child:dir(rtl), toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl), popover.background .linked > button:last-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:last-child:dir(rtl) { + border-left-style: solid; + border-right-style: none; } + .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, popover.background .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child, .inline-toolbar button:first-child:only-child, .linked > button:first-child:only-child, combobox box button:first-child:only-child, combobox box entry:first-child:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, headerbar .linked > button:first-child:only-child, .titlebar:not(headerbar) .linked > button:first-child:only-child, toolbar .linked > button:first-child:only-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat:first-child, popover.background .linked > button:first-child:only-child, .nemo-window toolbar toolitem stack widget button:first-child:only-child { + border-width: 1px; + border-style: solid; } + .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, popover.background .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child { + border-radius: 0px; } + +.linked.vertical > button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; } + .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-width: 1px; + border-radius: 0px; + border-top-style: solid; + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > button:first-child:dir(rtl), .linked.vertical > combobox:first-child > box > button.combo:dir(rtl) { + border-top-style: none; + border-bottom-style: solid; } + .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-width: 1px; + border-radius: 0px; + border-top-style: none; + border-bottom-style: solid; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > button:last-child:dir(rtl), .linked.vertical > combobox:last-child > box > button.combo:dir(rtl) { + border-top-style: solid; + border-bottom-style: none; } + .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > button:first-child:only-child, .linked.vertical > combobox:first-child > box > button.combo:only-child, .linked.vertical > combobox:only-child > box > button.combo:first-child { + border-width: 1px; + border-style: solid; } + .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 0px; } + +infobar.info button.close, infobar.warning button.close, infobar.question button.close, infobar.error button.close, notebook > header > tabs > arrow { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + infobar.info button.close:focus, infobar.warning button.close:focus, infobar.question button.close:focus, infobar.error button.close:focus, notebook > header > tabs > arrow:focus, infobar.info button.close:hover, infobar.warning button.close:hover, infobar.question button.close:hover, infobar.error button.close:hover, notebook > header > tabs > arrow:hover { + border: 1px solid rgba(222, 222, 222, 0.3); + background-color: rgba(45, 45, 45, 0.2); + background-image: none; + box-shadow: none; } + infobar.info button.close:active, infobar.warning button.close:active, infobar.question button.close:active, infobar.error button.close:active, notebook > header > tabs > arrow:active, infobar.info button.close:checked, infobar.warning button.close:checked, infobar.question button.close:checked, infobar.error button.close:checked, notebook > header > tabs > arrow:checked, infobar.info button.close:active:hover, infobar.warning button.close:active:hover, infobar.question button.close:active:hover, infobar.error button.close:active:hover, notebook > header > tabs > arrow:active:hover, infobar.info button.close:checked:hover, infobar.warning button.close:checked:hover, infobar.question button.close:checked:hover, infobar.error button.close:checked:hover, notebook > header > tabs > arrow:checked:hover { + border: 1px solid rgba(153, 0, 0, 0.3); + background-color: rgba(222, 222, 222, 0.1); + background-image: none; + box-shadow: none; } + +button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + button:focus, button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + button:active, button:active:hover, button:active:focus, button:active:hover:focus, button:checked, button:checked:hover, button:checked:focus, button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + button:active:disabled, button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + button:hover, button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + button:hover:focus, button:hover:hover, button.flat:hover:focus, button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button:hover:active, button:hover:active:hover, button:hover:active:focus, button:hover:active:hover:focus, button:hover:checked, button:hover:checked:hover, button:hover:checked:focus, button:hover:checked:hover:focus, button.flat:hover:active, button.flat:hover:active:hover, button.flat:hover:active:focus, button.flat:hover:active:hover:focus, button.flat:hover:checked, button.flat:hover:checked:hover, button.flat:hover:checked:focus, button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button:hover:disabled, button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button:hover:active:disabled, button:hover:checked:disabled, button.flat:hover:active:disabled, button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button:focus, button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + button:focus:focus, button:focus:hover, button.flat:focus:focus, button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button:focus:active, button:focus:active:hover, button:focus:active:focus, button:focus:active:hover:focus, button:focus:checked, button:focus:checked:hover, button:focus:checked:focus, button:focus:checked:hover:focus, button.flat:focus:active, button.flat:focus:active:hover, button.flat:focus:active:focus, button.flat:focus:active:hover:focus, button.flat:focus:checked, button.flat:focus:checked:hover, button.flat:focus:checked:focus, button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button:focus:disabled, button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button:focus:active:disabled, button:focus:checked:disabled, button.flat:focus:active:disabled, button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button:focus:hover, button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + button:focus:hover:focus, button:focus:hover:hover, button.flat:focus:hover:focus, button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button:focus:hover:active, button:focus:hover:active:hover, button:focus:hover:active:focus, button:focus:hover:active:hover:focus, button:focus:hover:checked, button:focus:hover:checked:hover, button:focus:hover:checked:focus, button:focus:hover:checked:hover:focus, button.flat:focus:hover:active, button.flat:focus:hover:active:hover, button.flat:focus:hover:active:focus, button.flat:focus:hover:active:hover:focus, button.flat:focus:hover:checked, button.flat:focus:hover:checked:hover, button.flat:focus:hover:checked:focus, button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button:focus:hover:disabled, button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button:focus:hover:active:disabled, button:focus:hover:checked:disabled, button.flat:focus:hover:active:disabled, button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button:checked, button:active, button.flat:checked, button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + button:checked:active, button:checked:active:hover, button:checked:active:focus, button:checked:active:hover:focus, button:checked:checked, button:checked:checked:hover, button:checked:checked:focus, button:checked:checked:hover:focus, button:active:active, button:active:active:hover, button:active:active:focus, button:active:active:hover:focus, button:active:checked, button:active:checked:hover, button:active:checked:focus, button:active:checked:hover:focus, button.flat:checked:active, button.flat:checked:active:hover, button.flat:checked:active:focus, button.flat:checked:active:hover:focus, button.flat:checked:checked, button.flat:checked:checked:hover, button.flat:checked:checked:focus, button.flat:checked:checked:hover:focus, button.flat:active:active, button.flat:active:active:hover, button.flat:active:active:focus, button.flat:active:active:hover:focus, button.flat:active:checked, button.flat:active:checked:hover, button.flat:active:checked:focus, button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + button:checked:disabled, button:active:disabled, button.flat:checked:disabled, button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + button:checked:active:disabled, button:checked:checked:disabled, button:active:active:disabled, button:active:checked:disabled, button.flat:checked:active:disabled, button.flat:checked:checked:disabled, button.flat:active:active:disabled, button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + button:focus, button:hover, button.flat:focus, button.flat:hover { + color: #2d2d2d; } + button:disabled:disabled, button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + button:active:disabled, button:checked:disabled, button.flat:active:disabled, button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + button.separator, button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + button.separator:disabled, button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + .inline-toolbar button, .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .inline-toolbar button:focus, .inline-toolbar button:hover, .linked > button:focus, .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .inline-toolbar button:active, .inline-toolbar button:active:hover, .inline-toolbar button:active:focus, .inline-toolbar button:active:hover:focus, .inline-toolbar button:checked, .inline-toolbar button:checked:hover, .inline-toolbar button:checked:focus, .inline-toolbar button:checked:hover:focus, .linked > button:active, .linked > button:active:hover, .linked > button:active:focus, .linked > button:active:hover:focus, .linked > button:checked, .linked > button:checked:hover, .linked > button:checked:focus, .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + .inline-toolbar button:disabled, .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + .inline-toolbar button:last-child, .inline-toolbar button:only-child, .linked > button:last-child, .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .inline-toolbar button:last-child:hover, .inline-toolbar button:only-child:hover, .linked > button:last-child:hover, .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .inline-toolbar button:disabled:last-child, .inline-toolbar button:disabled:only-child, .inline-toolbar button:active:disabled:last-child, .inline-toolbar button:active:disabled:only-child, .inline-toolbar button:checked:disabled:last-child, .inline-toolbar button:checked:disabled:only-child, .linked > button:disabled:last-child, .linked > button:disabled:only-child, .linked > button:active:disabled:last-child, .linked > button:active:disabled:only-child, .linked > button:checked:disabled:last-child, .linked > button:checked:disabled:only-child { + box-shadow: none; } + .inline-toolbar button:active:last-child, .inline-toolbar button:active:last-child:focus, .inline-toolbar button:active:last-child:hover, .inline-toolbar button:active:last-child:hover:focus, .inline-toolbar button:checked:last-child, .inline-toolbar button:checked:last-child:focus, .inline-toolbar button:checked:last-child:hover, .inline-toolbar button:checked:last-child:hover:focus, .linked > button:active:last-child, .linked > button:active:last-child:focus, .linked > button:active:last-child:hover, .linked > button:active:last-child:hover:focus, .linked > button:checked:last-child, .linked > button:checked:last-child:focus, .linked > button:checked:last-child:hover, .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .inline-toolbar button:active:only-child, .inline-toolbar button:active:only-child:focus, .inline-toolbar button:active:only-child:hover, .inline-toolbar button:active:only-child:hover:focus, .inline-toolbar button:checked:only-child, .inline-toolbar button:checked:only-child:focus, .inline-toolbar button:checked:only-child:hover, .inline-toolbar button:checked:only-child:hover:focus, .linked > button:active:only-child, .linked > button:active:only-child:focus, .linked > button:active:only-child:hover, .linked > button:active:only-child:hover:focus, .linked > button:checked:only-child, .linked > button:checked:only-child:focus, .linked > button:checked:only-child:hover, .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .linked.vertical > button { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .linked.vertical > button:focus, .linked.vertical > button:hover { + box-shadow: inset 0 -1px mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .linked.vertical > button:active, .linked.vertical > button:active:hover, .linked.vertical > button:active:focus, .linked.vertical > button:active:hover:focus, .linked.vertical > button:checked, .linked.vertical > button:checked:hover, .linked.vertical > button:checked:focus, .linked.vertical > button:checked:hover:focus { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 1px 0 rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.05); } + .linked.vertical > button:disabled { + box-shadow: inset 0 -1px #b2b2b2; } + .linked.vertical > button:last-child, .linked.vertical > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .linked.vertical > button:last-child:hover, .linked.vertical > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .linked.vertical > button:disabled:last-child, .linked.vertical > button:disabled:only-child, .linked.vertical > button:active:disabled:last-child, .linked.vertical > button:active:disabled:only-child, .linked.vertical > button:checked:disabled:last-child, .linked.vertical > button:checked:disabled:only-child { + box-shadow: none; } + .linked.vertical > button:active:last-child, .linked.vertical > button:active:last-child:focus, .linked.vertical > button:active:last-child:hover, .linked.vertical > button:active:last-child:hover:focus, .linked.vertical > button:checked:last-child, .linked.vertical > button:checked:last-child:focus, .linked.vertical > button:checked:last-child:hover, .linked.vertical > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .linked.vertical > button:active:only-child, .linked.vertical > button:active:only-child:focus, .linked.vertical > button:active:only-child:hover, .linked.vertical > button:active:only-child:hover:focus, .linked.vertical > button:checked:only-child, .linked.vertical > button:checked:only-child:focus, .linked.vertical > button:checked:only-child:hover, .linked.vertical > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + button.circular, button.nautilus-circular-button.image-button, button.circular-button { + padding: 0; + min-width: 28px; + min-height: 28px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; } + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { + padding: 0; } + +spinbutton:disabled { + opacity: .4; } +spinbutton button { + color: #2d2d2d; } + spinbutton button:active, spinbutton button:checked, spinbutton button:hover { + background-color: white; + background-image: none; } + spinbutton button:disabled { + color: mix(#2d2d2d,#dedede,0.7); } + spinbutton button:backdrop { + color: mix(#dedede,mix(#2d2d2d,#dedede,0.5),0.9); } + spinbutton button:backdrop:disabled { + color: rgba(184, 184, 184, 0.8); } +spinbutton:not(.vertical) { + /*@extend %entry;*/ + background-color: #dedede; + background-image: none; + /*@include border($base_color);*/ + padding: 0; + border-radius: 0px; + color: #2d2d2d; + caret-color: #2d2d2d; + /*&:focus, &:active { border-color: border_focus($borders_color); }*/ } + spinbutton:not(.vertical):disabled { + background-color: #c8c8c8; + background-image: none; + color: mix(#dedede,#2d2d2d,0.5); } + spinbutton:not(.vertical) entry { + border-radius: 0px 0 0 0px; + border-right-width: 0; + box-shadow: none; } + spinbutton:not(.vertical) button { + border-radius: 0; + /*border-color: alpha($borders_color, .8);*/ + /*border-style: none none none solid;*/ + background-image: none; + box-shadow: none; + /* + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.08); + } + + &:hover { + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.11); + } + } + */ } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + border-color: alpha(mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9),0.8); } + spinbutton:not(.vertical) button:backdrop:disabled { + border-style: none none none solid; } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 0px 0 0 0px; } + spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 0px 0px 0; } +spinbutton.vertical button, spinbutton.vertical entry { + min-width: 0; + padding-left: 1px; + padding-right: 1px; } +spinbutton.vertical entry { + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } +spinbutton.vertical button.up { + border-style: solid solid none solid; + border-radius: 0px 0px 0 0; } +spinbutton.vertical button.down { + border-style: none solid solid solid; + border-radius: 0 0 0px 0px; } + +/****************** +! ComboBoxes * +*******************/ +combobox button.combo { + min-width: 0; + padding-left: 5px; + padding-right: 5px; } +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox box button, combobox box entry { + padding: 3px 5px; } + +/********* + ! Entry * +**********/ +.linked:not(.vertical) > entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; } + .linked:not(.vertical) > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .linked:not(.vertical) > entry:first-child:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; } + .linked:not(.vertical) > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .linked:not(.vertical) > entry:last-child:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; } + .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { + border-width: 1px; } + .linked:not(.vertical) > entry:only-child { + border-radius: 0px; } + +.linked.vertical > entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } + .linked.vertical > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > entry:first-child:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; } + .linked.vertical > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > entry:last-child:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; } + .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { + border-width: 1px; } + .linked.vertical > entry:only-child { + border-radius: 0px; } + +entry, menuitem entry, popover.background entry, .osd entry, +#XfceNotifyWindow entry, #login_window entry { + border-width: 1px; + border-style: solid; + border-radius: 0px; + border-color: #b2b2b2; + transition: border 100ms ease-out; + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.1), inset 0 1px rgba(9, 9, 9, 0.12), inset -1px 0 rgba(9, 9, 9, 0.1), inset 0 -1px rgba(9, 9, 9, 0.05); } + entry:focus, popover.background entry:focus, + #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, + #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, + #XfceNotifyWindow entry:active, #login_window entry:active { + transition: border 100ms ease-in; } + entry:selected, popover.background entry:selected, + #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, + #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { + background-color: #990000; + color: #dedede; } + entry:disabled, popover.background entry:disabled, + #XfceNotifyWindow entry:disabled, #login_window entry:disabled { + box-shadow: none; } + entry progress, popover.background entry progress, .osd entry progress, + #XfceNotifyWindow entry progress, #login_window entry progress { + background-color: #990000; + background-image: none; + border-width: 0; + border-radius: 0px; + color: #dedede; } + entry image.left, + #XfceNotifyWindow entry image.left, #login_window entry image.left { + padding-right: 3px; } + entry image.right, + #XfceNotifyWindow entry image.right, #login_window entry image.right { + padding-left: 3px; } + entry.warning, popover.background entry.warning, + #XfceNotifyWindow entry.warning, #login_window entry.warning { + color: #fff; + border-color: #bf5600; + background-color: mix(#dedede,#ef6c00,0.6); } + entry.warning image, + #XfceNotifyWindow entry.warning image, #login_window entry.warning image { + color: #fff; } + entry.warning:focus, + #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { + color: #fff; + border-color: mix(#990000,#ef6c00,0.3); + background-color: #ef6c00; + box-shadow: none; } + entry.warning selection, + #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { + background-color: #fff; + color: #ef6c00; } + entry.error, popover.background entry.error, + #XfceNotifyWindow entry.error, #login_window entry.error { + color: #fff; + border-color: #e21b0c; + background-color: mix(#dedede,#f44336,0.6); } + entry.error image, + #XfceNotifyWindow entry.error image, #login_window entry.error image { + color: #fff; } + entry.error:focus, + #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.error selection, + #XfceNotifyWindow entry.error selection, #login_window entry.error selection { + background-color: #fff; + color: #f44336; } + entry.search-missing, popover.background entry.search-missing, + #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { + color: #fff; + border-color: #e21b0c; + background-color: mix(#dedede,#f44336,0.6); } + entry.search-missing image, + #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { + color: #fff; } + entry.search-missing:focus, + #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.search-missing selection, + #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { + background-color: #fff; + color: #f44336; } + +entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + entry:focus, entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + entry:active, entry:active:hover, entry:active:focus, entry:active:hover:focus, entry:checked, entry:checked:hover, entry:checked:focus, entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + entry:active:disabled, entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + entry:focus, entry:active { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.08),0.3); } + entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + entry:disabled:focus, entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + entry:disabled:active, entry:disabled:active:hover, entry:disabled:active:focus, entry:disabled:active:hover:focus, entry:disabled:checked, entry:disabled:checked:hover, entry:disabled:checked:focus, entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + entry:disabled:active:disabled, entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Toolbar +**********/ +toolbar { + padding: 2px; + border-style: none; } + toolbar.horizontal separator { + margin: 0 5px 1px; } + toolbar.vertical separator { + margin: 5px 1px 5px 0; } + +headerbar { + border-width: 0 0 1px; + border-style: solid; } + headerbar entry, + headerbar spinbutton, + headerbar separator, + headerbar button { + margin-top: 6px; + margin-bottom: 6px; } + headerbar switch { + margin-top: 4px; + margin-bottom: 4px; } + window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 0px; } + window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 0px; } + +headerbar, .titlebar:not(headerbar) { + background-color: #dedede; + background-image: none; + border-color: #b2b2b2; + color: #2d2d2d; + background-color: #dedede; + background-image: none; + border-radius: 0px 0px 0 0; + color: mix(#2d2d2d,#dedede,0.1); + padding: 0 6px; + min-height: 42px; } + headerbar:focus, .titlebar:focus:not(headerbar), headerbar:hover, .titlebar:hover:not(headerbar) { + border-color: mix(#990000,#dedede,0.3); } + headerbar:active, .titlebar:active:not(headerbar), headerbar:active:hover, .titlebar:active:hover:not(headerbar), headerbar:active:focus, .titlebar:active:focus:not(headerbar), headerbar:active:hover:focus, .titlebar:active:hover:focus:not(headerbar), headerbar:checked, .titlebar:checked:not(headerbar), headerbar:checked:hover, .titlebar:checked:hover:not(headerbar), headerbar:checked:focus, .titlebar:checked:focus:not(headerbar), headerbar:checked:hover:focus, .titlebar:checked:hover:focus:not(headerbar) { + border-color: #9b9b9b; } + headerbar:disabled, .titlebar:disabled:not(headerbar) { + border-color: #bdbdbd; } + headerbar:active:disabled, .titlebar:active:disabled:not(headerbar), headerbar:checked:disabled, .titlebar:checked:disabled:not(headerbar) { + border-color: #b2b2b2; } + headerbar:disabled, .titlebar:disabled:not(headerbar) { + background-color: #c8c8c8; + background-image: none; + color: mix(#2d2d2d,#dedede,0.5); } + headerbar .title, .titlebar:not(headerbar) .title { + font-weight: bold; + padding: 0 6px; } + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding: 0 6px; } + headerbar button, .titlebar:not(headerbar) button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + headerbar button:disabled, .titlebar:not(headerbar) button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + headerbar button.flat, .titlebar:not(headerbar) button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + color: #2d2d2d; } + headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + headerbar .linked > button, .titlebar:not(headerbar) .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + headerbar .linked > button:focus, .titlebar:not(headerbar) .linked > button:focus, headerbar .linked > button:hover, .titlebar:not(headerbar) .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar .linked > button:active, .titlebar:not(headerbar) .linked > button:active, headerbar .linked > button:active:hover, .titlebar:not(headerbar) .linked > button:active:hover, headerbar .linked > button:active:focus, .titlebar:not(headerbar) .linked > button:active:focus, headerbar .linked > button:active:hover:focus, .titlebar:not(headerbar) .linked > button:active:hover:focus, headerbar .linked > button:checked, .titlebar:not(headerbar) .linked > button:checked, headerbar .linked > button:checked:hover, .titlebar:not(headerbar) .linked > button:checked:hover, headerbar .linked > button:checked:focus, .titlebar:not(headerbar) .linked > button:checked:focus, headerbar .linked > button:checked:hover:focus, .titlebar:not(headerbar) .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + headerbar .linked > button:disabled, .titlebar:not(headerbar) .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + headerbar .linked > button:last-child:hover, .titlebar:not(headerbar) .linked > button:last-child:hover, headerbar .linked > button:only-child:hover, .titlebar:not(headerbar) .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar .linked > button:disabled:last-child, .titlebar:not(headerbar) .linked > button:disabled:last-child, headerbar .linked > button:disabled:only-child, .titlebar:not(headerbar) .linked > button:disabled:only-child, headerbar .linked > button:active:disabled:last-child, .titlebar:not(headerbar) .linked > button:active:disabled:last-child, headerbar .linked > button:active:disabled:only-child, .titlebar:not(headerbar) .linked > button:active:disabled:only-child, headerbar .linked > button:checked:disabled:last-child, .titlebar:not(headerbar) .linked > button:checked:disabled:last-child, headerbar .linked > button:checked:disabled:only-child, .titlebar:not(headerbar) .linked > button:checked:disabled:only-child { + box-shadow: none; } + headerbar .linked > button:active:last-child, .titlebar:not(headerbar) .linked > button:active:last-child, headerbar .linked > button:active:last-child:focus, .titlebar:not(headerbar) .linked > button:active:last-child:focus, headerbar .linked > button:active:last-child:hover, .titlebar:not(headerbar) .linked > button:active:last-child:hover, headerbar .linked > button:active:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:last-child:hover:focus, headerbar .linked > button:checked:last-child, .titlebar:not(headerbar) .linked > button:checked:last-child, headerbar .linked > button:checked:last-child:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:focus, headerbar .linked > button:checked:last-child:hover, .titlebar:not(headerbar) .linked > button:checked:last-child:hover, headerbar .linked > button:checked:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + headerbar .linked > button:active:only-child, .titlebar:not(headerbar) .linked > button:active:only-child, headerbar .linked > button:active:only-child:focus, .titlebar:not(headerbar) .linked > button:active:only-child:focus, headerbar .linked > button:active:only-child:hover, .titlebar:not(headerbar) .linked > button:active:only-child:hover, headerbar .linked > button:active:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:only-child:hover:focus, headerbar .linked > button:checked:only-child, .titlebar:not(headerbar) .linked > button:checked:only-child, headerbar .linked > button:checked:only-child:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:focus, headerbar .linked > button:checked:only-child:hover, .titlebar:not(headerbar) .linked > button:checked:only-child:hover, headerbar .linked > button:checked:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + headerbar combobox, .titlebar:not(headerbar) combobox, headerbar button, .titlebar:not(headerbar) button { + padding: 3px; } + headerbar combobox.text-button, .titlebar:not(headerbar) combobox.text-button, headerbar button.text-button, .titlebar:not(headerbar) button.text-button { + padding: 3px; } + headerbar combobox.image-button, .titlebar:not(headerbar) combobox.image-button, headerbar button.image-button, .titlebar:not(headerbar) button.image-button { + padding: 3px; } + headerbar separator, .titlebar:not(headerbar) separator, headerbar separator:disabled, .titlebar:not(headerbar) separator:disabled { + color: #858585; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + headerbar:backdrop, .titlebar:backdrop:not(headerbar) { + background-color: #dedede; + background-image: none; + color: mix(#2d2d2d,#dedede,0.6); + text-shadow: none; } + headerbar.default-decoration, .default-decoration.titlebar:not(headerbar) { + min-height: 24px; + box-shadow: none; + border: 0; } + headerbar.default-decoration button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0; + padding: 0; } + .tiled headerbar:backdrop, .tiled .titlebar:backdrop:not(headerbar), .tiled headerbar, .tiled .titlebar:not(headerbar), .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar), .maximized headerbar, .maximized .titlebar:not(headerbar) { + border-radius: 0; } + headerbar .title, .titlebar:not(headerbar) .title { + font-weight: bold; } + headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { + margin-left: 3px; } + headerbar button, .titlebar:not(headerbar) button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + headerbar button:disabled, .titlebar:not(headerbar) button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + headerbar button.flat, .titlebar:not(headerbar) button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + color: #2d2d2d; } + headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + headerbar button.titlebutton + separator.titlebutton, .titlebar:not(headerbar) button.titlebutton + separator.titlebutton { + margin-left: 0; + margin-right: 3px; } + headerbar button.titlebutton, .titlebar:not(headerbar) button.titlebutton { + border: 0; + background-image: none; + background-color: transparent; + color: mix(#2d2d2d,#dedede,0.1); + box-shadow: none; } + headerbar button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:hover, headerbar button.titlebutton:hover:focus, .titlebar:not(headerbar) button.titlebutton:hover:focus { + background-image: none; + background-color: transparent; + color: #990000; + box-shadow: none; } + headerbar button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:active, headerbar button.titlebutton:active:hover, .titlebar:not(headerbar) button.titlebutton:active:hover { + background-image: none; + background-color: transparent; + color: #8a0000; + box-shadow: none; } + headerbar button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop { + background: none; + color: mix(#2d2d2d,#dedede,0.6); + -gtk-icon-shadow: none; } + +toolbar { + background-color: #dedede; + background-image: none; + border-color: #b2b2b2; + color: #2d2d2d; } + toolbar:focus, toolbar:hover { + border-color: mix(#990000,#dedede,0.3); } + toolbar:active, toolbar:active:hover, toolbar:active:focus, toolbar:active:hover:focus, toolbar:checked, toolbar:checked:hover, toolbar:checked:focus, toolbar:checked:hover:focus { + border-color: #9b9b9b; } + toolbar:disabled { + border-color: #bdbdbd; } + toolbar:active:disabled, toolbar:checked:disabled { + border-color: #b2b2b2; } + toolbar:disabled { + background-color: #c8c8c8; + background-image: none; + color: mix(#2d2d2d,#dedede,0.5); } + toolbar .title { + font-weight: bold; + padding: 0 6px; } + toolbar .subtitle { + font-size: smaller; + padding: 0 6px; } + toolbar button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + toolbar button:focus, toolbar button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + toolbar button:active, toolbar button:active:hover, toolbar button:active:focus, toolbar button:active:hover:focus, toolbar button:checked, toolbar button:checked:hover, toolbar button:checked:focus, toolbar button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + toolbar button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + toolbar button:active:disabled, toolbar button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + toolbar button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + toolbar button:hover, toolbar button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + toolbar button:hover:focus, toolbar button:hover:hover, toolbar button.flat:hover:focus, toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar button:hover:active, toolbar button:hover:active:hover, toolbar button:hover:active:focus, toolbar button:hover:active:hover:focus, toolbar button:hover:checked, toolbar button:hover:checked:hover, toolbar button:hover:checked:focus, toolbar button:hover:checked:hover:focus, toolbar button.flat:hover:active, toolbar button.flat:hover:active:hover, toolbar button.flat:hover:active:focus, toolbar button.flat:hover:active:hover:focus, toolbar button.flat:hover:checked, toolbar button.flat:hover:checked:hover, toolbar button.flat:hover:checked:focus, toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar button:hover:disabled, toolbar button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar button:hover:active:disabled, toolbar button:hover:checked:disabled, toolbar button.flat:hover:active:disabled, toolbar button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar button:focus, toolbar button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + toolbar button:focus:focus, toolbar button:focus:hover, toolbar button.flat:focus:focus, toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar button:focus:active, toolbar button:focus:active:hover, toolbar button:focus:active:focus, toolbar button:focus:active:hover:focus, toolbar button:focus:checked, toolbar button:focus:checked:hover, toolbar button:focus:checked:focus, toolbar button:focus:checked:hover:focus, toolbar button.flat:focus:active, toolbar button.flat:focus:active:hover, toolbar button.flat:focus:active:focus, toolbar button.flat:focus:active:hover:focus, toolbar button.flat:focus:checked, toolbar button.flat:focus:checked:hover, toolbar button.flat:focus:checked:focus, toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar button:focus:disabled, toolbar button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar button:focus:active:disabled, toolbar button:focus:checked:disabled, toolbar button.flat:focus:active:disabled, toolbar button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar button:focus:hover, toolbar button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + toolbar button:focus:hover:focus, toolbar button:focus:hover:hover, toolbar button.flat:focus:hover:focus, toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar button:focus:hover:active, toolbar button:focus:hover:active:hover, toolbar button:focus:hover:active:focus, toolbar button:focus:hover:active:hover:focus, toolbar button:focus:hover:checked, toolbar button:focus:hover:checked:hover, toolbar button:focus:hover:checked:focus, toolbar button:focus:hover:checked:hover:focus, toolbar button.flat:focus:hover:active, toolbar button.flat:focus:hover:active:hover, toolbar button.flat:focus:hover:active:focus, toolbar button.flat:focus:hover:active:hover:focus, toolbar button.flat:focus:hover:checked, toolbar button.flat:focus:hover:checked:hover, toolbar button.flat:focus:hover:checked:focus, toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar button:focus:hover:disabled, toolbar button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar button:focus:hover:active:disabled, toolbar button:focus:hover:checked:disabled, toolbar button.flat:focus:hover:active:disabled, toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar button:checked, toolbar button:active, toolbar button.flat:checked, toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + toolbar button:checked:active, toolbar button:checked:active:hover, toolbar button:checked:active:focus, toolbar button:checked:active:hover:focus, toolbar button:checked:checked, toolbar button:checked:checked:hover, toolbar button:checked:checked:focus, toolbar button:checked:checked:hover:focus, toolbar button:active:active, toolbar button:active:active:hover, toolbar button:active:active:focus, toolbar button:active:active:hover:focus, toolbar button:active:checked, toolbar button:active:checked:hover, toolbar button:active:checked:focus, toolbar button:active:checked:hover:focus, toolbar button.flat:checked:active, toolbar button.flat:checked:active:hover, toolbar button.flat:checked:active:focus, toolbar button.flat:checked:active:hover:focus, toolbar button.flat:checked:checked, toolbar button.flat:checked:checked:hover, toolbar button.flat:checked:checked:focus, toolbar button.flat:checked:checked:hover:focus, toolbar button.flat:active:active, toolbar button.flat:active:active:hover, toolbar button.flat:active:active:focus, toolbar button.flat:active:active:hover:focus, toolbar button.flat:active:checked, toolbar button.flat:active:checked:hover, toolbar button.flat:active:checked:focus, toolbar button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + toolbar button:checked:disabled, toolbar button:active:disabled, toolbar button.flat:checked:disabled, toolbar button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + toolbar button:checked:active:disabled, toolbar button:checked:checked:disabled, toolbar button:active:active:disabled, toolbar button:active:checked:disabled, toolbar button.flat:checked:active:disabled, toolbar button.flat:checked:checked:disabled, toolbar button.flat:active:active:disabled, toolbar button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + toolbar button:focus, toolbar button:hover, toolbar button.flat:focus, toolbar button.flat:hover { + color: #2d2d2d; } + toolbar button:disabled:disabled, toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + toolbar button:active:disabled, toolbar button:checked:disabled, toolbar button.flat:active:disabled, toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + toolbar button.separator, toolbar button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + toolbar button.separator:disabled, toolbar button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + toolbar .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + toolbar .linked > button:focus, toolbar .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + toolbar .linked > button:active, toolbar .linked > button:active:hover, toolbar .linked > button:active:focus, toolbar .linked > button:active:hover:focus, toolbar .linked > button:checked, toolbar .linked > button:checked:hover, toolbar .linked > button:checked:focus, toolbar .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + toolbar .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + toolbar .linked > button:last-child, toolbar .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + toolbar .linked > button:last-child:hover, toolbar .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + toolbar .linked > button:disabled:last-child, toolbar .linked > button:disabled:only-child, toolbar .linked > button:active:disabled:last-child, toolbar .linked > button:active:disabled:only-child, toolbar .linked > button:checked:disabled:last-child, toolbar .linked > button:checked:disabled:only-child { + box-shadow: none; } + toolbar .linked > button:active:last-child, toolbar .linked > button:active:last-child:focus, toolbar .linked > button:active:last-child:hover, toolbar .linked > button:active:last-child:hover:focus, toolbar .linked > button:checked:last-child, toolbar .linked > button:checked:last-child:focus, toolbar .linked > button:checked:last-child:hover, toolbar .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + toolbar .linked > button:active:only-child, toolbar .linked > button:active:only-child:focus, toolbar .linked > button:active:only-child:hover, toolbar .linked > button:active:only-child:hover:focus, toolbar .linked > button:checked:only-child, toolbar .linked > button:checked:only-child:focus, toolbar .linked > button:checked:only-child:hover, toolbar .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + toolbar combobox, toolbar button { + padding: 3px; } + toolbar combobox.text-button, toolbar button.text-button { + padding: 3px; } + toolbar combobox.image-button, toolbar button.image-button { + padding: 3px; } + toolbar separator, toolbar separator:disabled { + color: #858585; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + toolbar.inline-toolbar { + padding: 1px; + border-width: 0 1px 1px; + border-style: solid; + border-color: mix(#dedede,#2d2d2d,0.08); + background-color: mix(mix(#dedede,#2d2d2d,0.08),#dedede,0.7); + background-image: none; } + toolbar.inline-toolbar:backdrop { + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); + background-color: mix(#dedede,mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9),0.35); + transition: 200ms ease-out; } + toolbar.inline-toolbar button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + toolbar.inline-toolbar button:active, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover:focus, toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + toolbar.inline-toolbar button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + toolbar.inline-toolbar button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + toolbar.inline-toolbar button:hover:focus, toolbar.inline-toolbar button:hover:hover, toolbar.inline-toolbar button.flat:hover:focus, toolbar.inline-toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar.inline-toolbar button:hover:active, toolbar.inline-toolbar button:hover:active:hover, toolbar.inline-toolbar button:hover:active:focus, toolbar.inline-toolbar button:hover:active:hover:focus, toolbar.inline-toolbar button:hover:checked, toolbar.inline-toolbar button:hover:checked:hover, toolbar.inline-toolbar button:hover:checked:focus, toolbar.inline-toolbar button:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:hover:active, toolbar.inline-toolbar button.flat:hover:active:hover, toolbar.inline-toolbar button.flat:hover:active:focus, toolbar.inline-toolbar button.flat:hover:active:hover:focus, toolbar.inline-toolbar button.flat:hover:checked, toolbar.inline-toolbar button.flat:hover:checked:hover, toolbar.inline-toolbar button.flat:hover:checked:focus, toolbar.inline-toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar.inline-toolbar button:hover:disabled, toolbar.inline-toolbar button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar.inline-toolbar button:hover:active:disabled, toolbar.inline-toolbar button:hover:checked:disabled, toolbar.inline-toolbar button.flat:hover:active:disabled, toolbar.inline-toolbar button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + toolbar.inline-toolbar button:focus:focus, toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:focus, toolbar.inline-toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar.inline-toolbar button:focus:active, toolbar.inline-toolbar button:focus:active:hover, toolbar.inline-toolbar button:focus:active:focus, toolbar.inline-toolbar button:focus:active:hover:focus, toolbar.inline-toolbar button:focus:checked, toolbar.inline-toolbar button:focus:checked:hover, toolbar.inline-toolbar button:focus:checked:focus, toolbar.inline-toolbar button:focus:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:active, toolbar.inline-toolbar button.flat:focus:active:hover, toolbar.inline-toolbar button.flat:focus:active:focus, toolbar.inline-toolbar button.flat:focus:active:hover:focus, toolbar.inline-toolbar button.flat:focus:checked, toolbar.inline-toolbar button.flat:focus:checked:hover, toolbar.inline-toolbar button.flat:focus:checked:focus, toolbar.inline-toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar.inline-toolbar button:focus:disabled, toolbar.inline-toolbar button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar.inline-toolbar button:focus:active:disabled, toolbar.inline-toolbar button:focus:checked:disabled, toolbar.inline-toolbar button.flat:focus:active:disabled, toolbar.inline-toolbar button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + toolbar.inline-toolbar button:focus:hover:focus, toolbar.inline-toolbar button:focus:hover:hover, toolbar.inline-toolbar button.flat:focus:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + toolbar.inline-toolbar button:focus:hover:active, toolbar.inline-toolbar button:focus:hover:active:hover, toolbar.inline-toolbar button:focus:hover:active:focus, toolbar.inline-toolbar button:focus:hover:active:hover:focus, toolbar.inline-toolbar button:focus:hover:checked, toolbar.inline-toolbar button:focus:hover:checked:hover, toolbar.inline-toolbar button:focus:hover:checked:focus, toolbar.inline-toolbar button:focus:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:active, toolbar.inline-toolbar button.flat:focus:hover:active:hover, toolbar.inline-toolbar button.flat:focus:hover:active:focus, toolbar.inline-toolbar button.flat:focus:hover:active:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:checked, toolbar.inline-toolbar button.flat:focus:hover:checked:hover, toolbar.inline-toolbar button.flat:focus:hover:checked:focus, toolbar.inline-toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + toolbar.inline-toolbar button:focus:hover:disabled, toolbar.inline-toolbar button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + toolbar.inline-toolbar button:focus:hover:active:disabled, toolbar.inline-toolbar button:focus:hover:checked:disabled, toolbar.inline-toolbar button.flat:focus:hover:active:disabled, toolbar.inline-toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:active, toolbar.inline-toolbar button.flat:checked, toolbar.inline-toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + toolbar.inline-toolbar button:checked:active, toolbar.inline-toolbar button:checked:active:hover, toolbar.inline-toolbar button:checked:active:focus, toolbar.inline-toolbar button:checked:active:hover:focus, toolbar.inline-toolbar button:checked:checked, toolbar.inline-toolbar button:checked:checked:hover, toolbar.inline-toolbar button:checked:checked:focus, toolbar.inline-toolbar button:checked:checked:hover:focus, toolbar.inline-toolbar button:active:active, toolbar.inline-toolbar button:active:active:hover, toolbar.inline-toolbar button:active:active:focus, toolbar.inline-toolbar button:active:active:hover:focus, toolbar.inline-toolbar button:active:checked, toolbar.inline-toolbar button:active:checked:hover, toolbar.inline-toolbar button:active:checked:focus, toolbar.inline-toolbar button:active:checked:hover:focus, toolbar.inline-toolbar button.flat:checked:active, toolbar.inline-toolbar button.flat:checked:active:hover, toolbar.inline-toolbar button.flat:checked:active:focus, toolbar.inline-toolbar button.flat:checked:active:hover:focus, toolbar.inline-toolbar button.flat:checked:checked, toolbar.inline-toolbar button.flat:checked:checked:hover, toolbar.inline-toolbar button.flat:checked:checked:focus, toolbar.inline-toolbar button.flat:checked:checked:hover:focus, toolbar.inline-toolbar button.flat:active:active, toolbar.inline-toolbar button.flat:active:active:hover, toolbar.inline-toolbar button.flat:active:active:focus, toolbar.inline-toolbar button.flat:active:active:hover:focus, toolbar.inline-toolbar button.flat:active:checked, toolbar.inline-toolbar button.flat:active:checked:hover, toolbar.inline-toolbar button.flat:active:checked:focus, toolbar.inline-toolbar button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + toolbar.inline-toolbar button:checked:active:disabled, toolbar.inline-toolbar button:checked:checked:disabled, toolbar.inline-toolbar button:active:active:disabled, toolbar.inline-toolbar button:active:checked:disabled, toolbar.inline-toolbar button.flat:checked:active:disabled, toolbar.inline-toolbar button.flat:checked:checked:disabled, toolbar.inline-toolbar button.flat:active:active:disabled, toolbar.inline-toolbar button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:focus, toolbar.inline-toolbar button.flat:hover { + color: #2d2d2d; } + toolbar.inline-toolbar button:disabled:disabled, toolbar.inline-toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + toolbar.inline-toolbar button.separator, toolbar.inline-toolbar button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + toolbar.inline-toolbar button.separator:disabled, toolbar.inline-toolbar button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator { + background-color: #c3c3c3; } + +.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } + +.background:not(.csd):not(.ssd):not(.solid-csd) headerbar, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:not(:last-child), .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop:not(:last-child) { + border-radius: 0; + border-top-color: transparent; } + +/************** + ! Action-bar * +***************/ +actionbar > revealer > box { + padding: 3px; + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + actionbar > revealer > box:backdrop { + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } + +/**************************** + ! Search and Location bars * +*****************************/ +searchbar, +.location-bar { + background-color: #dadada; + background-image: none; + border-width: 0 0 1px; + border-style: solid; + border-color: #b2b2b2; + color: #2d2d2d; } + +/****************** + ! Action buttons * +*******************/ +.suggested-action, headerbar.selection-mode button.suggested-action, +.titlebar:not(headerbar).selection-mode button.suggested-action { + background-color: #4caf50; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .suggested-action:active, headerbar.selection-mode button.suggested-action:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover:focus, .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action.flat, headerbar.selection-mode button.flat.suggested-action, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action { + color: #dedede; + border-color: rgba(76, 175, 80, 0); + background-color: rgba(76, 175, 80, 0); + background-image: none; + box-shadow: none; } + .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:hover, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { + background-color: #53b457; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .suggested-action:hover:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:focus, .suggested-action:hover:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:hover, .suggested-action.flat:hover:focus, .suggested-action.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:hover:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:active, .suggested-action:hover:active:hover, .suggested-action:hover:active:focus, .suggested-action:hover:active:hover:focus, .suggested-action:hover:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:checked, .suggested-action:hover:checked:hover, .suggested-action:hover:checked:focus, .suggested-action:hover:checked:hover:focus, .suggested-action.flat:hover:active, .suggested-action.flat:hover:active:hover, .suggested-action.flat:hover:active:focus, .suggested-action.flat:hover:active:hover:focus, .suggested-action.flat:hover:checked, .suggested-action.flat:hover:checked:hover, .suggested-action.flat:hover:checked:focus, .suggested-action.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:hover:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:disabled, .suggested-action.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:hover:active:disabled, .suggested-action:hover:checked:disabled, .suggested-action.flat:hover:active:disabled, .suggested-action.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus { + background-color: #53b457; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + .suggested-action:focus:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:focus, .suggested-action:focus:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:focus, .suggested-action.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:focus:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:active, .suggested-action:focus:active:hover, .suggested-action:focus:active:focus, .suggested-action:focus:active:hover:focus, .suggested-action:focus:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:checked, .suggested-action:focus:checked:hover, .suggested-action:focus:checked:focus, .suggested-action:focus:checked:hover:focus, .suggested-action.flat:focus:active, .suggested-action.flat:focus:active:hover, .suggested-action.flat:focus:active:focus, .suggested-action.flat:focus:active:hover:focus, .suggested-action.flat:focus:checked, .suggested-action.flat:focus:checked:hover, .suggested-action.flat:focus:checked:focus, .suggested-action.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:focus:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:disabled, .suggested-action.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:focus:active:disabled, .suggested-action:focus:checked:disabled, .suggested-action.flat:focus:active:disabled, .suggested-action.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:focus:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:hover { + background-color: #5cb860; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + .suggested-action:focus:hover:focus, .suggested-action:focus:hover:hover, .suggested-action.flat:focus:hover:focus, .suggested-action.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:focus:hover:active, .suggested-action:focus:hover:active:hover, .suggested-action:focus:hover:active:focus, .suggested-action:focus:hover:active:hover:focus, .suggested-action:focus:hover:checked, .suggested-action:focus:hover:checked:hover, .suggested-action:focus:hover:checked:focus, .suggested-action:focus:hover:checked:hover:focus, .suggested-action.flat:focus:hover:active, .suggested-action.flat:focus:hover:active:hover, .suggested-action.flat:focus:hover:active:focus, .suggested-action.flat:focus:hover:active:hover:focus, .suggested-action.flat:focus:hover:checked, .suggested-action.flat:focus:hover:checked:hover, .suggested-action.flat:focus:hover:checked:focus, .suggested-action.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:focus:hover:disabled, .suggested-action.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:focus:hover:active:disabled, .suggested-action:focus:hover:checked:disabled, .suggested-action.flat:focus:hover:active:disabled, .suggested-action.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:active, headerbar.selection-mode button.suggested-action:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:checked, .suggested-action.flat:active, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .suggested-action:checked:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:active, .suggested-action:checked:active:hover, .suggested-action:checked:active:focus, .suggested-action:checked:active:hover:focus, .suggested-action:checked:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:checked, .suggested-action:checked:checked:hover, .suggested-action:checked:checked:focus, .suggested-action:checked:checked:hover:focus, .suggested-action:active:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:active, .suggested-action:active:active:hover, .suggested-action:active:active:focus, .suggested-action:active:active:hover:focus, .suggested-action:active:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:checked, .suggested-action:active:checked:hover, .suggested-action:active:checked:focus, .suggested-action:active:checked:hover:focus, .suggested-action.flat:checked:active, .suggested-action.flat:checked:active:hover, .suggested-action.flat:checked:active:focus, .suggested-action.flat:checked:active:hover:focus, .suggested-action.flat:checked:checked, .suggested-action.flat:checked:checked:hover, .suggested-action.flat:checked:checked:focus, .suggested-action.flat:checked:checked:hover:focus, .suggested-action.flat:active:active, .suggested-action.flat:active:active:hover, .suggested-action.flat:active:active:focus, .suggested-action.flat:active:active:hover:focus, .suggested-action.flat:active:checked, .suggested-action.flat:active:checked:hover, .suggested-action.flat:active:checked:focus, .suggested-action.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action.flat:checked:disabled, .suggested-action.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .suggested-action:checked:active:disabled, .suggested-action:checked:checked:disabled, .suggested-action:active:active:disabled, .suggested-action:active:checked:disabled, .suggested-action.flat:checked:active:disabled, .suggested-action.flat:checked:checked:disabled, .suggested-action.flat:active:active:disabled, .suggested-action.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus, .suggested-action.flat:hover, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { + color: #dedede; } + .suggested-action:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:disabled:disabled, .suggested-action.flat:disabled:disabled { + background-color: alpha(mix(#4caf50,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#4caf50,#dedede,0.5); + box-shadow: none; } + .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action.flat:active:disabled, .suggested-action.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .suggested-action.separator, headerbar.selection-mode button.separator.suggested-action, + .titlebar:not(headerbar).selection-mode button.separator.suggested-action, .suggested-action .separator, headerbar.selection-mode button.suggested-action .separator, + .titlebar:not(headerbar).selection-mode button.suggested-action .separator { + border: 1px solid currentColor; + color: rgba(76, 175, 80, 0.9); } + .suggested-action.separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator.suggested-action:disabled, .suggested-action .separator:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action .separator:disabled { + color: rgba(76, 175, 80, 0.85); } + +.destructive-action { + background-color: #f44336; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .destructive-action:focus, .destructive-action:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .destructive-action:active, .destructive-action:active:hover, .destructive-action:active:focus, .destructive-action:active:hover:focus, .destructive-action:checked, .destructive-action:checked:hover, .destructive-action:checked:focus, .destructive-action:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .destructive-action:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .destructive-action:active:disabled, .destructive-action:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action.flat { + color: #dedede; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + .destructive-action:hover, .destructive-action.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .destructive-action:hover:focus, .destructive-action:hover:hover, .destructive-action.flat:hover:focus, .destructive-action.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:hover:active, .destructive-action:hover:active:hover, .destructive-action:hover:active:focus, .destructive-action:hover:active:hover:focus, .destructive-action:hover:checked, .destructive-action:hover:checked:hover, .destructive-action:hover:checked:focus, .destructive-action:hover:checked:hover:focus, .destructive-action.flat:hover:active, .destructive-action.flat:hover:active:hover, .destructive-action.flat:hover:active:focus, .destructive-action.flat:hover:active:hover:focus, .destructive-action.flat:hover:checked, .destructive-action.flat:hover:checked:hover, .destructive-action.flat:hover:checked:focus, .destructive-action.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:hover:disabled, .destructive-action.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:hover:active:disabled, .destructive-action:hover:checked:disabled, .destructive-action.flat:hover:active:disabled, .destructive-action.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:focus, .destructive-action.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .destructive-action:focus:focus, .destructive-action:focus:hover, .destructive-action.flat:focus:focus, .destructive-action.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:focus:active, .destructive-action:focus:active:hover, .destructive-action:focus:active:focus, .destructive-action:focus:active:hover:focus, .destructive-action:focus:checked, .destructive-action:focus:checked:hover, .destructive-action:focus:checked:focus, .destructive-action:focus:checked:hover:focus, .destructive-action.flat:focus:active, .destructive-action.flat:focus:active:hover, .destructive-action.flat:focus:active:focus, .destructive-action.flat:focus:active:hover:focus, .destructive-action.flat:focus:checked, .destructive-action.flat:focus:checked:hover, .destructive-action.flat:focus:checked:focus, .destructive-action.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:focus:disabled, .destructive-action.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:focus:active:disabled, .destructive-action:focus:checked:disabled, .destructive-action.flat:focus:active:disabled, .destructive-action.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:focus:hover, .destructive-action.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .destructive-action:focus:hover:focus, .destructive-action:focus:hover:hover, .destructive-action.flat:focus:hover:focus, .destructive-action.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:focus:hover:active, .destructive-action:focus:hover:active:hover, .destructive-action:focus:hover:active:focus, .destructive-action:focus:hover:active:hover:focus, .destructive-action:focus:hover:checked, .destructive-action:focus:hover:checked:hover, .destructive-action:focus:hover:checked:focus, .destructive-action:focus:hover:checked:hover:focus, .destructive-action.flat:focus:hover:active, .destructive-action.flat:focus:hover:active:hover, .destructive-action.flat:focus:hover:active:focus, .destructive-action.flat:focus:hover:active:hover:focus, .destructive-action.flat:focus:hover:checked, .destructive-action.flat:focus:hover:checked:hover, .destructive-action.flat:focus:hover:checked:focus, .destructive-action.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:focus:hover:disabled, .destructive-action.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:focus:hover:active:disabled, .destructive-action:focus:hover:checked:disabled, .destructive-action.flat:focus:hover:active:disabled, .destructive-action.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:checked, .destructive-action:active, .destructive-action.flat:checked, .destructive-action.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .destructive-action:checked:active, .destructive-action:checked:active:hover, .destructive-action:checked:active:focus, .destructive-action:checked:active:hover:focus, .destructive-action:checked:checked, .destructive-action:checked:checked:hover, .destructive-action:checked:checked:focus, .destructive-action:checked:checked:hover:focus, .destructive-action:active:active, .destructive-action:active:active:hover, .destructive-action:active:active:focus, .destructive-action:active:active:hover:focus, .destructive-action:active:checked, .destructive-action:active:checked:hover, .destructive-action:active:checked:focus, .destructive-action:active:checked:hover:focus, .destructive-action.flat:checked:active, .destructive-action.flat:checked:active:hover, .destructive-action.flat:checked:active:focus, .destructive-action.flat:checked:active:hover:focus, .destructive-action.flat:checked:checked, .destructive-action.flat:checked:checked:hover, .destructive-action.flat:checked:checked:focus, .destructive-action.flat:checked:checked:hover:focus, .destructive-action.flat:active:active, .destructive-action.flat:active:active:hover, .destructive-action.flat:active:active:focus, .destructive-action.flat:active:active:hover:focus, .destructive-action.flat:active:checked, .destructive-action.flat:active:checked:hover, .destructive-action.flat:active:checked:focus, .destructive-action.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .destructive-action:checked:disabled, .destructive-action:active:disabled, .destructive-action.flat:checked:disabled, .destructive-action.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .destructive-action:checked:active:disabled, .destructive-action:checked:checked:disabled, .destructive-action:active:active:disabled, .destructive-action:active:checked:disabled, .destructive-action.flat:checked:active:disabled, .destructive-action.flat:checked:checked:disabled, .destructive-action.flat:active:active:disabled, .destructive-action.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .destructive-action:focus, .destructive-action:hover, .destructive-action.flat:focus, .destructive-action.flat:hover { + color: #dedede; } + .destructive-action:disabled:disabled, .destructive-action.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#dedede,0.5); + box-shadow: none; } + .destructive-action:active:disabled, .destructive-action:checked:disabled, .destructive-action.flat:active:disabled, .destructive-action.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .destructive-action.separator, .destructive-action .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + .destructive-action.separator:disabled, .destructive-action .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/****************** + ! Selection mode * +*******************/ +headerbar.selection-mode, +.titlebar:not(headerbar).selection-mode { + background-color: #990000; + background-image: none; + border-color: #7a0000; + color: #dedede; } + headerbar.selection-mode:focus, headerbar.selection-mode:hover, + .titlebar:not(headerbar).selection-mode:focus, + .titlebar:not(headerbar).selection-mode:hover { + border-color: mix(#990000,#990000,0.3); } + headerbar.selection-mode:active, headerbar.selection-mode:active:hover, headerbar.selection-mode:active:focus, headerbar.selection-mode:active:hover:focus, headerbar.selection-mode:checked, headerbar.selection-mode:checked:hover, headerbar.selection-mode:checked:focus, headerbar.selection-mode:checked:hover:focus, + .titlebar:not(headerbar).selection-mode:active, + .titlebar:not(headerbar).selection-mode:active:hover, + .titlebar:not(headerbar).selection-mode:active:focus, + .titlebar:not(headerbar).selection-mode:active:hover:focus, + .titlebar:not(headerbar).selection-mode:checked, + .titlebar:not(headerbar).selection-mode:checked:hover, + .titlebar:not(headerbar).selection-mode:checked:focus, + .titlebar:not(headerbar).selection-mode:checked:hover:focus { + border-color: #6b0000; } + headerbar.selection-mode:disabled, + .titlebar:not(headerbar).selection-mode:disabled { + border-color: #820000; } + headerbar.selection-mode:active:disabled, headerbar.selection-mode:checked:disabled, + .titlebar:not(headerbar).selection-mode:active:disabled, + .titlebar:not(headerbar).selection-mode:checked:disabled { + border-color: #7a0000; } + headerbar.selection-mode:disabled, + .titlebar:not(headerbar).selection-mode:disabled { + background-color: #8a0000; + background-image: none; + color: mix(#dedede,#990000,0.5); } + headerbar.selection-mode .title, + .titlebar:not(headerbar).selection-mode .title { + font-weight: bold; + padding: 0 6px; } + headerbar.selection-mode .subtitle, + .titlebar:not(headerbar).selection-mode .subtitle { + font-size: smaller; + padding: 0 6px; } + headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode button { + background-color: #990000; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:disabled, + .titlebar:not(headerbar).selection-mode button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button.flat, + .titlebar:not(headerbar).selection-mode button.flat { + color: #dedede; + border-color: rgba(153, 0, 0, 0); + background-color: rgba(153, 0, 0, 0); + background-image: none; + box-shadow: none; } + headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, + .titlebar:not(headerbar).selection-mode button:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:active, + .titlebar:not(headerbar).selection-mode button:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, + .titlebar:not(headerbar).selection-mode button:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:active, + .titlebar:not(headerbar).selection-mode button:focus:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, + .titlebar:not(headerbar).selection-mode button:focus:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + background-color: #a80000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:active, + .titlebar:not(headerbar).selection-mode button:checked:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:active:focus, + .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:active, + .titlebar:not(headerbar).selection-mode button:active:active:hover, + .titlebar:not(headerbar).selection-mode button:active:active:focus, + .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:checked, + .titlebar:not(headerbar).selection-mode button:active:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:checked:focus, + .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:active:disabled, + .titlebar:not(headerbar).selection-mode button:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover { + color: #dedede; } + headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, + .titlebar:not(headerbar).selection-mode button:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { + background-color: alpha(mix(#990000,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#990000,#dedede,0.5); + box-shadow: none; } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, + .titlebar:not(headerbar).selection-mode button.separator, + .titlebar:not(headerbar).selection-mode button .separator { + border: 1px solid currentColor; + color: rgba(153, 0, 0, 0.9); } + headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator:disabled, + .titlebar:not(headerbar).selection-mode button .separator:disabled { + color: rgba(153, 0, 0, 0.85); } + headerbar.selection-mode .linked > button, + .titlebar:not(headerbar).selection-mode .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar.selection-mode .linked > button:focus, headerbar.selection-mode .linked > button:hover, + .titlebar:not(headerbar).selection-mode .linked > button:focus, + .titlebar:not(headerbar).selection-mode .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + headerbar.selection-mode .linked > button:active, headerbar.selection-mode .linked > button:active:hover, headerbar.selection-mode .linked > button:active:focus, headerbar.selection-mode .linked > button:active:hover:focus, headerbar.selection-mode .linked > button:checked, headerbar.selection-mode .linked > button:checked:hover, headerbar.selection-mode .linked > button:checked:focus, headerbar.selection-mode .linked > button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active, + .titlebar:not(headerbar).selection-mode .linked > button:active:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked, + .titlebar:not(headerbar).selection-mode .linked > button:checked:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + headerbar.selection-mode .linked > button:disabled, + .titlebar:not(headerbar).selection-mode .linked > button:disabled { + box-shadow: inset -1px 0 #7a0000; } + headerbar.selection-mode .linked > button:last-child, headerbar.selection-mode .linked > button:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar.selection-mode .linked > button:last-child:hover, headerbar.selection-mode .linked > button:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + headerbar.selection-mode .linked > button:disabled:last-child, headerbar.selection-mode .linked > button:disabled:only-child, headerbar.selection-mode .linked > button:active:disabled:last-child, headerbar.selection-mode .linked > button:active:disabled:only-child, headerbar.selection-mode .linked > button:checked:disabled:last-child, headerbar.selection-mode .linked > button:checked:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:only-child { + box-shadow: none; } + headerbar.selection-mode .linked > button:active:last-child, headerbar.selection-mode .linked > button:active:last-child:focus, headerbar.selection-mode .linked > button:active:last-child:hover, headerbar.selection-mode .linked > button:active:last-child:hover:focus, headerbar.selection-mode .linked > button:checked:last-child, headerbar.selection-mode .linked > button:checked:last-child:focus, headerbar.selection-mode .linked > button:checked:last-child:hover, headerbar.selection-mode .linked > button:checked:last-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + headerbar.selection-mode .linked > button:active:only-child, headerbar.selection-mode .linked > button:active:only-child:focus, headerbar.selection-mode .linked > button:active:only-child:hover, headerbar.selection-mode .linked > button:active:only-child:hover:focus, headerbar.selection-mode .linked > button:checked:only-child, headerbar.selection-mode .linked > button:checked:only-child:focus, headerbar.selection-mode .linked > button:checked:only-child:hover, headerbar.selection-mode .linked > button:checked:only-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + headerbar.selection-mode combobox, headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode combobox, + .titlebar:not(headerbar).selection-mode button { + padding: 3px; } + headerbar.selection-mode combobox.text-button, headerbar.selection-mode button.text-button, + .titlebar:not(headerbar).selection-mode combobox.text-button, + .titlebar:not(headerbar).selection-mode button.text-button { + padding: 3px; } + headerbar.selection-mode combobox.image-button, headerbar.selection-mode button.image-button, + .titlebar:not(headerbar).selection-mode combobox.image-button, + .titlebar:not(headerbar).selection-mode button.image-button { + padding: 3px; } + headerbar.selection-mode separator, headerbar.selection-mode separator:disabled, + .titlebar:not(headerbar).selection-mode separator, + .titlebar:not(headerbar).selection-mode separator:disabled { + color: #5c0000; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode button { + background-color: #990000; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:disabled, + .titlebar:not(headerbar).selection-mode button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button.flat, + .titlebar:not(headerbar).selection-mode button.flat { + color: #dedede; + border-color: rgba(153, 0, 0, 0); + background-color: rgba(153, 0, 0, 0); + background-image: none; + box-shadow: none; } + headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, + .titlebar:not(headerbar).selection-mode button:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:active, + .titlebar:not(headerbar).selection-mode button:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, + .titlebar:not(headerbar).selection-mode button:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:active, + .titlebar:not(headerbar).selection-mode button:focus:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, + .titlebar:not(headerbar).selection-mode button:focus:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + background-color: #a80000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:active, + .titlebar:not(headerbar).selection-mode button:checked:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:active:focus, + .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:active, + .titlebar:not(headerbar).selection-mode button:active:active:hover, + .titlebar:not(headerbar).selection-mode button:active:active:focus, + .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:checked, + .titlebar:not(headerbar).selection-mode button:active:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:checked:focus, + .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:active:disabled, + .titlebar:not(headerbar).selection-mode button:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover { + color: #dedede; } + headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, + .titlebar:not(headerbar).selection-mode button:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { + background-color: alpha(mix(#990000,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#990000,#dedede,0.5); + box-shadow: none; } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, + .titlebar:not(headerbar).selection-mode button.separator, + .titlebar:not(headerbar).selection-mode button .separator { + border: 1px solid currentColor; + color: rgba(153, 0, 0, 0.9); } + headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator:disabled, + .titlebar:not(headerbar).selection-mode button .separator:disabled { + color: rgba(153, 0, 0, 0.85); } + headerbar.selection-mode:backdrop, + .titlebar:not(headerbar).selection-mode:backdrop { + background-color: #990000; + background-image: none; } + headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop, + .titlebar:not(headerbar).selection-mode .selection-menu { + color: #7a0000; + background-color: transparent; + background-image: none; + box-shadow: none; + border: 0; } + headerbar.selection-mode .selection-menu:backdrop:hover, headerbar.selection-mode .selection-menu:hover, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:hover, + .titlebar:not(headerbar).selection-mode .selection-menu:hover { + color: #6b0000; } + headerbar.selection-mode .selection-menu:backdrop:active, headerbar.selection-mode .selection-menu:active, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:active, + .titlebar:not(headerbar).selection-mode .selection-menu:active { + color: #730000; } + headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop .arrow, + .titlebar:not(headerbar).selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(222, 222, 222, 0.5); + -gtk-icon-shadow: none; } + headerbar.selection-mode .dim-label, headerbar.selection-mode label.separator, .selection-menu headerbar.selection-mode .dim-label, .selection-menu headerbar.selection-mode label.separator, + .titlebar:not(headerbar).selection-mode .dim-label, + .titlebar:not(headerbar).selection-mode label.separator, .selection-menu + .titlebar:not(headerbar).selection-mode .dim-label, .selection-menu + .titlebar:not(headerbar).selection-mode label.separator { + color: #6b0000; } + +/********** + ! Calendar +***********/ +calendar { + padding: 1px 3px; + outline-offset: -1px; + color: #2d2d2d; } + calendar:selected { + border-radius: 0px; } + 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(45, 45, 45, 0.55); } + calendar.button:hover { + color: #2d2d2d; } + calendar.button:backdrop { + color: alpha(mix(#2d2d2d,#dedede,0.5),0.55); } + calendar.button:disabled { + color: alpha(mix(#2d2d2d,#dedede,0.5),0.55); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: mix(#990000,#2d2d2d,0.5); } + calendar:backdrop { + color: mix(#dedede,#2d2d2d,0.8); } + +/* gnome-calendar */ +.calendar-view { + background-color: #dedede; + color: #2d2d2d; } + +/*************** + ! Color chooser +****************/ +colorswatch:drop(active), colorswatch { + border-style: none; } +colorswatch.top { + border-top-left-radius: 0.5px; + border-top-right-radius: 0.5px; } + colorswatch.top overlay { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } +colorswatch.bottom { + border-bottom-left-radius: 0.5px; + border-bottom-right-radius: 0.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 0.5px; + border-bottom-left-radius: 0.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 0.5px; + border-bottom-right-radius: 0.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } +colorswatch.dark overlay { + color: #dedede; } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.8); } + colorswatch.dark overlay:backdrop { + color: mix(#990000,#dedede,0.66); } +colorswatch.light overlay { + color: #2d2d2d; } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + colorswatch.light overlay:backdrop { + color: mix(#dedede,#2d2d2d,0.8); } +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 { + border: 1px solid rgba(0, 0, 0, 0.3); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(0, 0, 0, 0.3); + box-shadow: none; } +colorswatch:disabled { + opacity: .5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #dedede; } +colorswatch#add-color-button { + border-radius: 0px 0px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 0px; } + colorswatch#add-color-button overlay { + background-color: lightgray; + color: #2d2d2d; } + colorswatch#add-color-button overlay:hover { + background-color: #c8c8c8; } + colorswatch#add-color-button overlay:backdrop { + background-color: lightgray; } +colorswatch#editor-color-sample { + border-radius: 0px; } + colorswatch#editor-color-sample overlay { + border-radius: 0.5px; } + +button.color { + padding: 3px; } + 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:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { + box-shadow: none; } + +/*********************** +! Font and file choosers +************************/ +filechooser { + /* for fallback when header bar not used */ } + filechooser .dialog-action-box { + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + filechooser .dialog-action-box:backdrop { + border-top-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } + filechooser #pathbarbox { + border-bottom: 1px solid #dedede; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/****************** + ! Grid and flowbox +*******************/ +list { + color: #2d2d2d; + background-color: #dedede; + border-color: mix(#dedede,#2d2d2d,0.08); } + list:backdrop { + background-color: #dedede; + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } + list row { + padding: 3px; } + +row { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(45, 45, 45, 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: mix(#990000,#2d2d2d,0.1); } + row.activatable:selected:backdrop { + background-color: #990000; } + +flowbox flowboxchild { + padding: 3px; + border-radius: 0px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Infobar +**********/ +infobar { + border: 0; } + infobar.info, infobar.info:backdrop { + background-color: #03a9f4; + background-image: none; + border: 1px solid #0287c3; + caret-color: currentColor; } + infobar.info label, infobar.info, infobar.info:backdrop label, infobar.info:backdrop { + color: #fff; } + infobar.info button { + background-color: #03a9f4; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + infobar.info button:focus, infobar.info button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.info button:active, infobar.info button:active:hover, infobar.info button:active:focus, infobar.info button:active:hover:focus, infobar.info button:checked, infobar.info button:checked:hover, infobar.info button:checked:focus, infobar.info button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.info button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.info button:active:disabled, infobar.info button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button.flat { + color: #fff; + border-color: rgba(3, 169, 244, 0); + background-color: rgba(3, 169, 244, 0); + background-image: none; + box-shadow: none; } + infobar.info button:hover, infobar.info button.flat:hover { + background-color: #07b0fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + infobar.info button:hover:focus, infobar.info button:hover:hover, infobar.info button.flat:hover:focus, infobar.info button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:hover:active, infobar.info button:hover:active:hover, infobar.info button:hover:active:focus, infobar.info button:hover:active:hover:focus, infobar.info button:hover:checked, infobar.info button:hover:checked:hover, infobar.info button:hover:checked:focus, infobar.info button:hover:checked:hover:focus, infobar.info button.flat:hover:active, infobar.info button.flat:hover:active:hover, infobar.info button.flat:hover:active:focus, infobar.info button.flat:hover:active:hover:focus, infobar.info button.flat:hover:checked, infobar.info button.flat:hover:checked:hover, infobar.info button.flat:hover:checked:focus, infobar.info button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:hover:disabled, infobar.info button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:hover:active:disabled, infobar.info button:hover:checked:disabled, infobar.info button.flat:hover:active:disabled, infobar.info button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:focus, infobar.info button.flat:focus { + background-color: #07b0fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + infobar.info button:focus:focus, infobar.info button:focus:hover, infobar.info button.flat:focus:focus, infobar.info button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:focus:active, infobar.info button:focus:active:hover, infobar.info button:focus:active:focus, infobar.info button:focus:active:hover:focus, infobar.info button:focus:checked, infobar.info button:focus:checked:hover, infobar.info button:focus:checked:focus, infobar.info button:focus:checked:hover:focus, infobar.info button.flat:focus:active, infobar.info button.flat:focus:active:hover, infobar.info button.flat:focus:active:focus, infobar.info button.flat:focus:active:hover:focus, infobar.info button.flat:focus:checked, infobar.info button.flat:focus:checked:hover, infobar.info button.flat:focus:checked:focus, infobar.info button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:focus:disabled, infobar.info button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:focus:active:disabled, infobar.info button:focus:checked:disabled, infobar.info button.flat:focus:active:disabled, infobar.info button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:focus:hover, infobar.info button.flat:focus:hover { + background-color: #14b4fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + infobar.info button:focus:hover:focus, infobar.info button:focus:hover:hover, infobar.info button.flat:focus:hover:focus, infobar.info button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:focus:hover:active, infobar.info button:focus:hover:active:hover, infobar.info button:focus:hover:active:focus, infobar.info button:focus:hover:active:hover:focus, infobar.info button:focus:hover:checked, infobar.info button:focus:hover:checked:hover, infobar.info button:focus:hover:checked:focus, infobar.info button:focus:hover:checked:hover:focus, infobar.info button.flat:focus:hover:active, infobar.info button.flat:focus:hover:active:hover, infobar.info button.flat:focus:hover:active:focus, infobar.info button.flat:focus:hover:active:hover:focus, infobar.info button.flat:focus:hover:checked, infobar.info button.flat:focus:hover:checked:hover, infobar.info button.flat:focus:hover:checked:focus, infobar.info button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:focus:hover:disabled, infobar.info button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:focus:hover:active:disabled, infobar.info button:focus:hover:checked:disabled, infobar.info button.flat:focus:hover:active:disabled, infobar.info button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:checked, infobar.info button:active, infobar.info button.flat:checked, infobar.info button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.info button:checked:active, infobar.info button:checked:active:hover, infobar.info button:checked:active:focus, infobar.info button:checked:active:hover:focus, infobar.info button:checked:checked, infobar.info button:checked:checked:hover, infobar.info button:checked:checked:focus, infobar.info button:checked:checked:hover:focus, infobar.info button:active:active, infobar.info button:active:active:hover, infobar.info button:active:active:focus, infobar.info button:active:active:hover:focus, infobar.info button:active:checked, infobar.info button:active:checked:hover, infobar.info button:active:checked:focus, infobar.info button:active:checked:hover:focus, infobar.info button.flat:checked:active, infobar.info button.flat:checked:active:hover, infobar.info button.flat:checked:active:focus, infobar.info button.flat:checked:active:hover:focus, infobar.info button.flat:checked:checked, infobar.info button.flat:checked:checked:hover, infobar.info button.flat:checked:checked:focus, infobar.info button.flat:checked:checked:hover:focus, infobar.info button.flat:active:active, infobar.info button.flat:active:active:hover, infobar.info button.flat:active:active:focus, infobar.info button.flat:active:active:hover:focus, infobar.info button.flat:active:checked, infobar.info button.flat:active:checked:hover, infobar.info button.flat:active:checked:focus, infobar.info button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.info button:checked:disabled, infobar.info button:active:disabled, infobar.info button.flat:checked:disabled, infobar.info button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.info button:checked:active:disabled, infobar.info button:checked:checked:disabled, infobar.info button:active:active:disabled, infobar.info button:active:checked:disabled, infobar.info button.flat:checked:active:disabled, infobar.info button.flat:checked:checked:disabled, infobar.info button.flat:active:active:disabled, infobar.info button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.info button:focus, infobar.info button:hover, infobar.info button.flat:focus, infobar.info button.flat:hover { + color: #fff; } + infobar.info button:disabled:disabled, infobar.info button.flat:disabled:disabled { + background-color: alpha(mix(#03a9f4,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#03a9f4,#fff,0.5); + box-shadow: none; } + infobar.info button:active:disabled, infobar.info button:checked:disabled, infobar.info button.flat:active:disabled, infobar.info button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.info button.separator, infobar.info button .separator { + border: 1px solid currentColor; + color: rgba(3, 169, 244, 0.9); } + infobar.info button.separator:disabled, infobar.info button .separator:disabled { + color: rgba(3, 169, 244, 0.85); } + infobar.warning, infobar.warning:backdrop { + background-color: #ef6c00; + background-image: none; + border: 1px solid #bf5600; + caret-color: currentColor; } + infobar.warning label, infobar.warning, infobar.warning:backdrop label, infobar.warning:backdrop { + color: #fff; } + infobar.warning button { + background-color: #ef6c00; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + infobar.warning button:focus, infobar.warning button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.warning button:active, infobar.warning button:active:hover, infobar.warning button:active:focus, infobar.warning button:active:hover:focus, infobar.warning button:checked, infobar.warning button:checked:hover, infobar.warning button:checked:focus, infobar.warning button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.warning button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.warning button:active:disabled, infobar.warning button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button.flat { + color: #fff; + border-color: rgba(239, 108, 0, 0); + background-color: rgba(239, 108, 0, 0); + background-image: none; + box-shadow: none; } + infobar.warning button:hover, infobar.warning button.flat:hover { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + infobar.warning button:hover:focus, infobar.warning button:hover:hover, infobar.warning button.flat:hover:focus, infobar.warning button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:hover:active, infobar.warning button:hover:active:hover, infobar.warning button:hover:active:focus, infobar.warning button:hover:active:hover:focus, infobar.warning button:hover:checked, infobar.warning button:hover:checked:hover, infobar.warning button:hover:checked:focus, infobar.warning button:hover:checked:hover:focus, infobar.warning button.flat:hover:active, infobar.warning button.flat:hover:active:hover, infobar.warning button.flat:hover:active:focus, infobar.warning button.flat:hover:active:hover:focus, infobar.warning button.flat:hover:checked, infobar.warning button.flat:hover:checked:hover, infobar.warning button.flat:hover:checked:focus, infobar.warning button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:hover:disabled, infobar.warning button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:hover:active:disabled, infobar.warning button:hover:checked:disabled, infobar.warning button.flat:hover:active:disabled, infobar.warning button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:focus, infobar.warning button.flat:focus { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + infobar.warning button:focus:focus, infobar.warning button:focus:hover, infobar.warning button.flat:focus:focus, infobar.warning button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:focus:active, infobar.warning button:focus:active:hover, infobar.warning button:focus:active:focus, infobar.warning button:focus:active:hover:focus, infobar.warning button:focus:checked, infobar.warning button:focus:checked:hover, infobar.warning button:focus:checked:focus, infobar.warning button:focus:checked:hover:focus, infobar.warning button.flat:focus:active, infobar.warning button.flat:focus:active:hover, infobar.warning button.flat:focus:active:focus, infobar.warning button.flat:focus:active:hover:focus, infobar.warning button.flat:focus:checked, infobar.warning button.flat:focus:checked:hover, infobar.warning button.flat:focus:checked:focus, infobar.warning button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:focus:disabled, infobar.warning button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:focus:active:disabled, infobar.warning button:focus:checked:disabled, infobar.warning button.flat:focus:active:disabled, infobar.warning button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:focus:hover, infobar.warning button.flat:focus:hover { + background-color: #ff7808; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + infobar.warning button:focus:hover:focus, infobar.warning button:focus:hover:hover, infobar.warning button.flat:focus:hover:focus, infobar.warning button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:focus:hover:active, infobar.warning button:focus:hover:active:hover, infobar.warning button:focus:hover:active:focus, infobar.warning button:focus:hover:active:hover:focus, infobar.warning button:focus:hover:checked, infobar.warning button:focus:hover:checked:hover, infobar.warning button:focus:hover:checked:focus, infobar.warning button:focus:hover:checked:hover:focus, infobar.warning button.flat:focus:hover:active, infobar.warning button.flat:focus:hover:active:hover, infobar.warning button.flat:focus:hover:active:focus, infobar.warning button.flat:focus:hover:active:hover:focus, infobar.warning button.flat:focus:hover:checked, infobar.warning button.flat:focus:hover:checked:hover, infobar.warning button.flat:focus:hover:checked:focus, infobar.warning button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:focus:hover:disabled, infobar.warning button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:focus:hover:active:disabled, infobar.warning button:focus:hover:checked:disabled, infobar.warning button.flat:focus:hover:active:disabled, infobar.warning button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:checked, infobar.warning button:active, infobar.warning button.flat:checked, infobar.warning button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.warning button:checked:active, infobar.warning button:checked:active:hover, infobar.warning button:checked:active:focus, infobar.warning button:checked:active:hover:focus, infobar.warning button:checked:checked, infobar.warning button:checked:checked:hover, infobar.warning button:checked:checked:focus, infobar.warning button:checked:checked:hover:focus, infobar.warning button:active:active, infobar.warning button:active:active:hover, infobar.warning button:active:active:focus, infobar.warning button:active:active:hover:focus, infobar.warning button:active:checked, infobar.warning button:active:checked:hover, infobar.warning button:active:checked:focus, infobar.warning button:active:checked:hover:focus, infobar.warning button.flat:checked:active, infobar.warning button.flat:checked:active:hover, infobar.warning button.flat:checked:active:focus, infobar.warning button.flat:checked:active:hover:focus, infobar.warning button.flat:checked:checked, infobar.warning button.flat:checked:checked:hover, infobar.warning button.flat:checked:checked:focus, infobar.warning button.flat:checked:checked:hover:focus, infobar.warning button.flat:active:active, infobar.warning button.flat:active:active:hover, infobar.warning button.flat:active:active:focus, infobar.warning button.flat:active:active:hover:focus, infobar.warning button.flat:active:checked, infobar.warning button.flat:active:checked:hover, infobar.warning button.flat:active:checked:focus, infobar.warning button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.warning button:checked:disabled, infobar.warning button:active:disabled, infobar.warning button.flat:checked:disabled, infobar.warning button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.warning button:checked:active:disabled, infobar.warning button:checked:checked:disabled, infobar.warning button:active:active:disabled, infobar.warning button:active:checked:disabled, infobar.warning button.flat:checked:active:disabled, infobar.warning button.flat:checked:checked:disabled, infobar.warning button.flat:active:active:disabled, infobar.warning button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.warning button:focus, infobar.warning button:hover, infobar.warning button.flat:focus, infobar.warning button.flat:hover { + color: #fff; } + infobar.warning button:disabled:disabled, infobar.warning button.flat:disabled:disabled { + background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#ef6c00,#fff,0.5); + box-shadow: none; } + infobar.warning button:active:disabled, infobar.warning button:checked:disabled, infobar.warning button.flat:active:disabled, infobar.warning button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.warning button.separator, infobar.warning button .separator { + border: 1px solid currentColor; + color: rgba(239, 108, 0, 0.9); } + infobar.warning button.separator:disabled, infobar.warning button .separator:disabled { + color: rgba(239, 108, 0, 0.85); } + infobar.question, infobar.question:backdrop { + background-color: #673ab7; + background-image: none; + border: 1px solid #522e92; + caret-color: currentColor; } + infobar.question label, infobar.question, infobar.question:backdrop label, infobar.question:backdrop { + color: #fff; } + infobar.question button { + background-color: #673ab7; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + infobar.question button:focus, infobar.question button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.question button:active, infobar.question button:active:hover, infobar.question button:active:focus, infobar.question button:active:hover:focus, infobar.question button:checked, infobar.question button:checked:hover, infobar.question button:checked:focus, infobar.question button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.question button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.question button:active:disabled, infobar.question button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button.flat { + color: #fff; + border-color: rgba(103, 58, 183, 0); + background-color: rgba(103, 58, 183, 0); + background-image: none; + box-shadow: none; } + infobar.question button:hover, infobar.question button.flat:hover { + background-color: #6c3dc0; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + infobar.question button:hover:focus, infobar.question button:hover:hover, infobar.question button.flat:hover:focus, infobar.question button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:hover:active, infobar.question button:hover:active:hover, infobar.question button:hover:active:focus, infobar.question button:hover:active:hover:focus, infobar.question button:hover:checked, infobar.question button:hover:checked:hover, infobar.question button:hover:checked:focus, infobar.question button:hover:checked:hover:focus, infobar.question button.flat:hover:active, infobar.question button.flat:hover:active:hover, infobar.question button.flat:hover:active:focus, infobar.question button.flat:hover:active:hover:focus, infobar.question button.flat:hover:checked, infobar.question button.flat:hover:checked:hover, infobar.question button.flat:hover:checked:focus, infobar.question button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:hover:disabled, infobar.question button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:hover:active:disabled, infobar.question button:hover:checked:disabled, infobar.question button.flat:hover:active:disabled, infobar.question button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:focus, infobar.question button.flat:focus { + background-color: #6c3dc0; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + infobar.question button:focus:focus, infobar.question button:focus:hover, infobar.question button.flat:focus:focus, infobar.question button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:focus:active, infobar.question button:focus:active:hover, infobar.question button:focus:active:focus, infobar.question button:focus:active:hover:focus, infobar.question button:focus:checked, infobar.question button:focus:checked:hover, infobar.question button:focus:checked:focus, infobar.question button:focus:checked:hover:focus, infobar.question button.flat:focus:active, infobar.question button.flat:focus:active:hover, infobar.question button.flat:focus:active:focus, infobar.question button.flat:focus:active:hover:focus, infobar.question button.flat:focus:checked, infobar.question button.flat:focus:checked:hover, infobar.question button.flat:focus:checked:focus, infobar.question button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:focus:disabled, infobar.question button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:focus:active:disabled, infobar.question button:focus:checked:disabled, infobar.question button.flat:focus:active:disabled, infobar.question button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:focus:hover, infobar.question button.flat:focus:hover { + background-color: #7345c4; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + infobar.question button:focus:hover:focus, infobar.question button:focus:hover:hover, infobar.question button.flat:focus:hover:focus, infobar.question button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:focus:hover:active, infobar.question button:focus:hover:active:hover, infobar.question button:focus:hover:active:focus, infobar.question button:focus:hover:active:hover:focus, infobar.question button:focus:hover:checked, infobar.question button:focus:hover:checked:hover, infobar.question button:focus:hover:checked:focus, infobar.question button:focus:hover:checked:hover:focus, infobar.question button.flat:focus:hover:active, infobar.question button.flat:focus:hover:active:hover, infobar.question button.flat:focus:hover:active:focus, infobar.question button.flat:focus:hover:active:hover:focus, infobar.question button.flat:focus:hover:checked, infobar.question button.flat:focus:hover:checked:hover, infobar.question button.flat:focus:hover:checked:focus, infobar.question button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:focus:hover:disabled, infobar.question button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:focus:hover:active:disabled, infobar.question button:focus:hover:checked:disabled, infobar.question button.flat:focus:hover:active:disabled, infobar.question button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:checked, infobar.question button:active, infobar.question button.flat:checked, infobar.question button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.question button:checked:active, infobar.question button:checked:active:hover, infobar.question button:checked:active:focus, infobar.question button:checked:active:hover:focus, infobar.question button:checked:checked, infobar.question button:checked:checked:hover, infobar.question button:checked:checked:focus, infobar.question button:checked:checked:hover:focus, infobar.question button:active:active, infobar.question button:active:active:hover, infobar.question button:active:active:focus, infobar.question button:active:active:hover:focus, infobar.question button:active:checked, infobar.question button:active:checked:hover, infobar.question button:active:checked:focus, infobar.question button:active:checked:hover:focus, infobar.question button.flat:checked:active, infobar.question button.flat:checked:active:hover, infobar.question button.flat:checked:active:focus, infobar.question button.flat:checked:active:hover:focus, infobar.question button.flat:checked:checked, infobar.question button.flat:checked:checked:hover, infobar.question button.flat:checked:checked:focus, infobar.question button.flat:checked:checked:hover:focus, infobar.question button.flat:active:active, infobar.question button.flat:active:active:hover, infobar.question button.flat:active:active:focus, infobar.question button.flat:active:active:hover:focus, infobar.question button.flat:active:checked, infobar.question button.flat:active:checked:hover, infobar.question button.flat:active:checked:focus, infobar.question button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.question button:checked:disabled, infobar.question button:active:disabled, infobar.question button.flat:checked:disabled, infobar.question button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.question button:checked:active:disabled, infobar.question button:checked:checked:disabled, infobar.question button:active:active:disabled, infobar.question button:active:checked:disabled, infobar.question button.flat:checked:active:disabled, infobar.question button.flat:checked:checked:disabled, infobar.question button.flat:active:active:disabled, infobar.question button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.question button:focus, infobar.question button:hover, infobar.question button.flat:focus, infobar.question button.flat:hover { + color: #fff; } + infobar.question button:disabled:disabled, infobar.question button.flat:disabled:disabled { + background-color: alpha(mix(#673ab7,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#673ab7,#fff,0.5); + box-shadow: none; } + infobar.question button:active:disabled, infobar.question button:checked:disabled, infobar.question button.flat:active:disabled, infobar.question button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.question button.separator, infobar.question button .separator { + border: 1px solid currentColor; + color: rgba(103, 58, 183, 0.9); } + infobar.question button.separator:disabled, infobar.question button .separator:disabled { + color: rgba(103, 58, 183, 0.85); } + infobar.error, infobar.error:backdrop { + background-color: #f44336; + background-image: none; + border: 1px solid #e21b0c; + caret-color: currentColor; } + infobar.error label, infobar.error, infobar.error:backdrop label, infobar.error:backdrop { + color: #fff; } + infobar.error button { + background-color: #f44336; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + infobar.error button:focus, infobar.error button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.error button:active, infobar.error button:active:hover, infobar.error button:active:focus, infobar.error button:active:hover:focus, infobar.error button:checked, infobar.error button:checked:hover, infobar.error button:checked:focus, infobar.error button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.error button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.error button:active:disabled, infobar.error button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button.flat { + color: #fff; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + infobar.error button:hover, infobar.error button.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + infobar.error button:hover:focus, infobar.error button:hover:hover, infobar.error button.flat:hover:focus, infobar.error button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:hover:active, infobar.error button:hover:active:hover, infobar.error button:hover:active:focus, infobar.error button:hover:active:hover:focus, infobar.error button:hover:checked, infobar.error button:hover:checked:hover, infobar.error button:hover:checked:focus, infobar.error button:hover:checked:hover:focus, infobar.error button.flat:hover:active, infobar.error button.flat:hover:active:hover, infobar.error button.flat:hover:active:focus, infobar.error button.flat:hover:active:hover:focus, infobar.error button.flat:hover:checked, infobar.error button.flat:hover:checked:hover, infobar.error button.flat:hover:checked:focus, infobar.error button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:hover:disabled, infobar.error button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:hover:active:disabled, infobar.error button:hover:checked:disabled, infobar.error button.flat:hover:active:disabled, infobar.error button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:focus, infobar.error button.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + infobar.error button:focus:focus, infobar.error button:focus:hover, infobar.error button.flat:focus:focus, infobar.error button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:focus:active, infobar.error button:focus:active:hover, infobar.error button:focus:active:focus, infobar.error button:focus:active:hover:focus, infobar.error button:focus:checked, infobar.error button:focus:checked:hover, infobar.error button:focus:checked:focus, infobar.error button:focus:checked:hover:focus, infobar.error button.flat:focus:active, infobar.error button.flat:focus:active:hover, infobar.error button.flat:focus:active:focus, infobar.error button.flat:focus:active:hover:focus, infobar.error button.flat:focus:checked, infobar.error button.flat:focus:checked:hover, infobar.error button.flat:focus:checked:focus, infobar.error button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:focus:disabled, infobar.error button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:focus:active:disabled, infobar.error button:focus:checked:disabled, infobar.error button.flat:focus:active:disabled, infobar.error button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:focus:hover, infobar.error button.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + infobar.error button:focus:hover:focus, infobar.error button:focus:hover:hover, infobar.error button.flat:focus:hover:focus, infobar.error button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:focus:hover:active, infobar.error button:focus:hover:active:hover, infobar.error button:focus:hover:active:focus, infobar.error button:focus:hover:active:hover:focus, infobar.error button:focus:hover:checked, infobar.error button:focus:hover:checked:hover, infobar.error button:focus:hover:checked:focus, infobar.error button:focus:hover:checked:hover:focus, infobar.error button.flat:focus:hover:active, infobar.error button.flat:focus:hover:active:hover, infobar.error button.flat:focus:hover:active:focus, infobar.error button.flat:focus:hover:active:hover:focus, infobar.error button.flat:focus:hover:checked, infobar.error button.flat:focus:hover:checked:hover, infobar.error button.flat:focus:hover:checked:focus, infobar.error button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:focus:hover:disabled, infobar.error button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:focus:hover:active:disabled, infobar.error button:focus:hover:checked:disabled, infobar.error button.flat:focus:hover:active:disabled, infobar.error button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:checked, infobar.error button:active, infobar.error button.flat:checked, infobar.error button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.error button:checked:active, infobar.error button:checked:active:hover, infobar.error button:checked:active:focus, infobar.error button:checked:active:hover:focus, infobar.error button:checked:checked, infobar.error button:checked:checked:hover, infobar.error button:checked:checked:focus, infobar.error button:checked:checked:hover:focus, infobar.error button:active:active, infobar.error button:active:active:hover, infobar.error button:active:active:focus, infobar.error button:active:active:hover:focus, infobar.error button:active:checked, infobar.error button:active:checked:hover, infobar.error button:active:checked:focus, infobar.error button:active:checked:hover:focus, infobar.error button.flat:checked:active, infobar.error button.flat:checked:active:hover, infobar.error button.flat:checked:active:focus, infobar.error button.flat:checked:active:hover:focus, infobar.error button.flat:checked:checked, infobar.error button.flat:checked:checked:hover, infobar.error button.flat:checked:checked:focus, infobar.error button.flat:checked:checked:hover:focus, infobar.error button.flat:active:active, infobar.error button.flat:active:active:hover, infobar.error button.flat:active:active:focus, infobar.error button.flat:active:active:hover:focus, infobar.error button.flat:active:checked, infobar.error button.flat:active:checked:hover, infobar.error button.flat:active:checked:focus, infobar.error button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.error button:checked:disabled, infobar.error button:active:disabled, infobar.error button.flat:checked:disabled, infobar.error button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.error button:checked:active:disabled, infobar.error button:checked:checked:disabled, infobar.error button:active:active:disabled, infobar.error button:active:checked:disabled, infobar.error button.flat:checked:active:disabled, infobar.error button.flat:checked:checked:disabled, infobar.error button.flat:active:active:disabled, infobar.error button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.error button:focus, infobar.error button:hover, infobar.error button.flat:focus, infobar.error button.flat:hover { + color: #fff; } + infobar.error button:disabled:disabled, infobar.error button.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#fff,0.5); + box-shadow: none; } + infobar.error button:active:disabled, infobar.error button:checked:disabled, infobar.error button.flat:active:disabled, infobar.error button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.error button.separator, infobar.error button .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + infobar.error button.separator:disabled, infobar.error button .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/********* + ! Entry * +**********/ +.linked:not(.vertical) > entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; } + .linked:not(.vertical) > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .linked:not(.vertical) > entry:first-child:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; } + .linked:not(.vertical) > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .linked:not(.vertical) > entry:last-child:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; } + .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { + border-width: 1px; } + .linked:not(.vertical) > entry:only-child { + border-radius: 0px; } + +.linked.vertical > entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } + .linked.vertical > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > entry:first-child:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; } + .linked.vertical > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > entry:last-child:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; } + .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { + border-width: 1px; } + .linked.vertical > entry:only-child { + border-radius: 0px; } + +entry, menuitem entry, popover.background entry, .osd entry, +#XfceNotifyWindow entry, #login_window entry { + border-width: 1px; + border-style: solid; + border-radius: 0px; + border-color: #b2b2b2; + transition: border 100ms ease-out; + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.1), inset 0 1px rgba(9, 9, 9, 0.12), inset -1px 0 rgba(9, 9, 9, 0.1), inset 0 -1px rgba(9, 9, 9, 0.05); } + entry:focus, popover.background entry:focus, + #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, + #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, + #XfceNotifyWindow entry:active, #login_window entry:active { + transition: border 100ms ease-in; } + entry:selected, popover.background entry:selected, + #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, + #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { + background-color: #990000; + color: #dedede; } + entry:disabled, popover.background entry:disabled, + #XfceNotifyWindow entry:disabled, #login_window entry:disabled { + box-shadow: none; } + entry progress, popover.background entry progress, .osd entry progress, + #XfceNotifyWindow entry progress, #login_window entry progress { + background-color: #990000; + background-image: none; + border-width: 0; + border-radius: 0px; + color: #dedede; } + entry image.left, + #XfceNotifyWindow entry image.left, #login_window entry image.left { + padding-right: 3px; } + entry image.right, + #XfceNotifyWindow entry image.right, #login_window entry image.right { + padding-left: 3px; } + entry.warning, popover.background entry.warning, + #XfceNotifyWindow entry.warning, #login_window entry.warning { + color: #fff; + border-color: #bf5600; + background-color: mix(#dedede,#ef6c00,0.6); } + entry.warning image, + #XfceNotifyWindow entry.warning image, #login_window entry.warning image { + color: #fff; } + entry.warning:focus, + #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { + color: #fff; + border-color: mix(#990000,#ef6c00,0.3); + background-color: #ef6c00; + box-shadow: none; } + entry.warning selection, + #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { + background-color: #fff; + color: #ef6c00; } + entry.error, popover.background entry.error, + #XfceNotifyWindow entry.error, #login_window entry.error { + color: #fff; + border-color: #e21b0c; + background-color: mix(#dedede,#f44336,0.6); } + entry.error image, + #XfceNotifyWindow entry.error image, #login_window entry.error image { + color: #fff; } + entry.error:focus, + #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.error selection, + #XfceNotifyWindow entry.error selection, #login_window entry.error selection { + background-color: #fff; + color: #f44336; } + entry.search-missing, popover.background entry.search-missing, + #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { + color: #fff; + border-color: #e21b0c; + background-color: mix(#dedede,#f44336,0.6); } + entry.search-missing image, + #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { + color: #fff; } + entry.search-missing:focus, + #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.search-missing selection, + #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { + background-color: #fff; + color: #f44336; } + +/********* + ! Menubar +**********/ +menubar, .menubar { + -GtkWidget-window-dragging: true; + padding: 0; + border: 0; + background-color: #dedede; + background-image: none; + color: #2d2d2d; } + menubar > menuitem, .menubar > menuitem { + min-height: 16px; + padding: 4.5px 7.5px; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: #2d2d2d; } + menubar > menuitem:hover, .menubar > menuitem:hover { + border-color: mix(#dedede,#2d2d2d,0.21); + background-color: mix(#dedede,#2d2d2d,0.21); + background-image: none; + color: #313131; } + menubar > menuitem *:hover, .menubar > menuitem *:hover { + color: #313131; } + +/****** + ! Menu +*******/ +menu, +.menu, +.context-menu { + border: 0; + border-radius: 0; + padding: 3px; + background-color: #dedede; + color: #2d2d2d; } + .csd menu, .csd + .menu, .csd + .context-menu { + border: 0; } + menu:selected, + .menu:selected, + .context-menu:selected { + background-color: #990000; } + menu separator, .csd menu separator, + .menu separator, .csd + .menu separator, + .context-menu separator, .csd + .context-menu separator { + background-color: #c8c8c8; + margin: 1px 0; } + menu .separator, .csd menu .separator, + .menu .separator, .csd + .menu .separator, + .context-menu .separator, .csd + .context-menu .separator { + color: #c8c8c8; } + menu menuitem, + .menu menuitem, + .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 3px; + border-radius: 0; } + menu menuitem:active, menu menuitem:hover, + .menu menuitem:active, + .menu menuitem:hover, + .context-menu menuitem:active, + .context-menu menuitem:hover { + border: 0; + background-color: #990000; + background-image: none; + color: #dedede; } + menu menuitem *:active, menu menuitem *:hover, + .menu menuitem *:active, + .menu menuitem *:hover, + .context-menu menuitem *:active, + .context-menu menuitem *:hover { + color: #dedede; } + menu menuitem:disabled, menu menuitem *:disabled, + .menu menuitem:disabled, + .menu menuitem *:disabled, + .context-menu menuitem:disabled, + .context-menu menuitem *:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + menu menuitem arrow, + .menu menuitem arrow, + .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-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), + .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem.button, menu menuitem.button:focus, menu menuitem.button:active, menu menuitem.button:disabled, menu menuitem.button:active:disabled, menu menuitem.button.flat, menu menuitem.button.flat:focus, menu menuitem.button.flat:active, menu menuitem.button.flat:disabled, menu menuitem.button.flat:active:disabled, + .menu menuitem.button, + .menu menuitem.button:focus, + .menu menuitem.button:active, + .menu menuitem.button:disabled, + .menu menuitem.button:active:disabled, + .menu menuitem.button.flat, + .menu menuitem.button.flat:focus, + .menu menuitem.button.flat:active, + .menu menuitem.button.flat:disabled, + .menu menuitem.button.flat:active:disabled, + .context-menu menuitem.button, + .context-menu menuitem.button:focus, + .context-menu menuitem.button:active, + .context-menu menuitem.button:disabled, + .context-menu menuitem.button:active:disabled, + .context-menu menuitem.button.flat, + .context-menu menuitem.button.flat:focus, + .context-menu menuitem.button.flat:active, + .context-menu menuitem.button.flat:disabled, + .context-menu menuitem.button.flat:active:disabled { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; } + menu menuitem.button:hover, menu menuitem.button:focus:hover, menu menuitem.button:active:hover, menu menuitem.button:selected, menu menuitem.button.flat:hover, menu menuitem.button.flat:focus:hover, menu menuitem.button.flat:active:hover, menu menuitem.button.flat:selected, + .menu menuitem.button:hover, + .menu menuitem.button:focus:hover, + .menu menuitem.button:active:hover, + .menu menuitem.button:selected, + .menu menuitem.button.flat:hover, + .menu menuitem.button.flat:focus:hover, + .menu menuitem.button.flat:active:hover, + .menu menuitem.button.flat:selected, + .context-menu menuitem.button:hover, + .context-menu menuitem.button:focus:hover, + .context-menu menuitem.button:active:hover, + .context-menu menuitem.button:selected, + .context-menu menuitem.button.flat:hover, + .context-menu menuitem.button.flat:focus:hover, + .context-menu menuitem.button.flat:active:hover, + .context-menu menuitem.button.flat:selected { + background-image: none; + background-color: #990000; + color: #dedede; } + menu menuitem calendar, + .menu menuitem calendar, + .context-menu menuitem calendar { + color: #2d2d2d; } + menu menuitem calendar.header, + .menu menuitem calendar.header, + .context-menu menuitem calendar.header { + border-bottom: 1px solid #c8c8c8; + border-radius: 0; } + menu menuitem calendar.header:backdrop, + .menu menuitem calendar.header:backdrop, + .context-menu menuitem calendar.header:backdrop { + border-color: #c8c8c8; } + menu menuitem calendar.button, + .menu menuitem calendar.button, + .context-menu menuitem calendar.button { + color: rgba(45, 45, 45, 0.55); } + menu menuitem calendar.button:hover, + .menu menuitem calendar.button:hover, + .context-menu menuitem calendar.button:hover { + color: #2d2d2d; } + menu menuitem calendar:indeterminate, menu menuitem calendar:indeterminate:backdrop, + .menu menuitem calendar:indeterminate, + .menu menuitem calendar:indeterminate:backdrop, + .context-menu menuitem calendar:indeterminate, + .context-menu menuitem calendar:indeterminate:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, + .menu > arrow, + .context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 3px; + background-color: #dedede; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top, + .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.1); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom, + .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid mix(#2d2d2d,#dedede,0.1); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover, + .context-menu > arrow:hover { + background-color: mix(#2d2d2d,#dedede,0.1); } + menu > arrow:backdrop, + .menu > arrow:backdrop, + .context-menu > arrow:backdrop { + background-color: #dedede; } + menu > arrow:disabled, + .menu > arrow:disabled, + .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +.context-menu { + font: initial; } + +.monospace { + font-family: monospace; } + +menuitem accelerator { + color: rgba(45, 45, 45, 0.6); } + menuitem accelerator:hover { + color: rgba(222, 222, 222, 0.8); } + menuitem accelerator:disabled { + color: alpha(mix(#2d2d2d,#dedede,0.5),0.4); } +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; } +menuitem window decoration { + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } +menuitem entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + menuitem entry:focus, menuitem entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + menuitem entry:active, menuitem entry:active:hover, menuitem entry:active:focus, menuitem entry:active:hover:focus, menuitem entry:checked, menuitem entry:checked:hover, menuitem entry:checked:focus, menuitem entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + menuitem entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + menuitem entry:active:disabled, menuitem entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + menuitem entry:focus, menuitem entry:active { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.08),0.3); } + menuitem entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + menuitem entry:disabled:focus, menuitem entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + menuitem entry:disabled:active, menuitem entry:disabled:active:hover, menuitem entry:disabled:active:focus, menuitem entry:disabled:active:hover:focus, menuitem entry:disabled:checked, menuitem entry:disabled:checked:hover, menuitem entry:disabled:checked:focus, menuitem entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + menuitem entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + menuitem entry:disabled:active:disabled, menuitem entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + +/********* + ! Popover +**********/ +popover.background { + padding: 0px; + border-radius: 0px; + background-clip: border-box; + background-color: #dedede; + background-image: none; + color: #2d2d2d; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } + .csd popover.background, popover.background { + /*@include border($menu_bg_color);*/ + border-color: rgba(36, 36, 36, 0.5); + border-width: 1px; + border-style: solid; } + .csd popover.background:focus, .csd popover.background:hover, popover.background:focus, popover.background:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.5),0.3); } + .csd popover.background:active, .csd popover.background:active:hover, .csd popover.background:active:focus, .csd popover.background:active:hover:focus, .csd popover.background:checked, .csd popover.background:checked:hover, .csd popover.background:checked:focus, .csd popover.background:checked:hover:focus, popover.background:active, popover.background:active:hover, popover.background:active:focus, popover.background:active:hover:focus, popover.background:checked, popover.background:checked:hover, popover.background:checked:focus, popover.background:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.5); } + .csd popover.background:disabled, popover.background:disabled { + border-color: rgba(38, 38, 38, 0.5); } + .csd popover.background:active:disabled, .csd popover.background:checked:disabled, popover.background:active:disabled, popover.background:checked:disabled { + border-color: rgba(36, 36, 36, 0.5); } + popover.background:backdrop { + box-shadow: none; } + popover.background treeview.view:hover, popover.background treeview.view:selected, popover.background treeview.view:selected:focus, popover.background treeview.view:backdrop:selected, popover.background treeview.view:backdrop:selected:focus { + border-top-color: #990000; } + popover.background treeview.view, popover.background treeview.view:backdrop { + border-top-color: white; } + popover.background view:hover, popover.background .view:hover, popover.background iconview:hover, popover.background list:hover { + background-image: none; + background-color: #990000; + color: #dedede; } + popover.background view, popover.background view:backdrop, popover.background .view, popover.background iconview, popover.background .view:backdrop, popover.background iconview:backdrop, popover.background list, popover.background list:backdrop { + background-color: white; + background-image: none; + color: #2d2d2d; + border-color: #b2b2b2; } + popover.background list row, popover.background list row .button { + background-color: transparent; + background-image: none; + color: #2d2d2d; } + popover.background list row:focus, popover.background list row:hover, popover.background list row:active, popover.background list row .button:focus, popover.background list row .button:hover, popover.background list row .button:active { + background-image: none; + background-color: #990000; + color: #dedede; } + popover.background .frame { + border-color: #b2b2b2; + border-radius: 0px; } + popover.background entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + popover.background entry:focus, popover.background entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + popover.background entry:active, popover.background entry:active:hover, popover.background entry:active:focus, popover.background entry:active:hover:focus, popover.background entry:checked, popover.background entry:checked:hover, popover.background entry:checked:focus, popover.background entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + popover.background entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + popover.background entry:active:disabled, popover.background entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + popover.background entry:focus, popover.background entry:active { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.08),0.3); } + popover.background entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + popover.background entry:disabled:focus, popover.background entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + popover.background entry:disabled:active, popover.background entry:disabled:active:hover, popover.background entry:disabled:active:focus, popover.background entry:disabled:active:hover:focus, popover.background entry:disabled:checked, popover.background entry:disabled:checked:hover, popover.background entry:disabled:checked:focus, popover.background entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + popover.background entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + popover.background entry:disabled:active:disabled, popover.background entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + popover.background button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + popover.background button:focus, popover.background button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + popover.background button:active, popover.background button:active:hover, popover.background button:active:focus, popover.background button:active:hover:focus, popover.background button:checked, popover.background button:checked:hover, popover.background button:checked:focus, popover.background button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + popover.background button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + popover.background button:active:disabled, popover.background button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + popover.background button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + popover.background button:hover, popover.background button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + popover.background button:hover:focus, popover.background button:hover:hover, popover.background button.flat:hover:focus, popover.background button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + popover.background button:hover:active, popover.background button:hover:active:hover, popover.background button:hover:active:focus, popover.background button:hover:active:hover:focus, popover.background button:hover:checked, popover.background button:hover:checked:hover, popover.background button:hover:checked:focus, popover.background button:hover:checked:hover:focus, popover.background button.flat:hover:active, popover.background button.flat:hover:active:hover, popover.background button.flat:hover:active:focus, popover.background button.flat:hover:active:hover:focus, popover.background button.flat:hover:checked, popover.background button.flat:hover:checked:hover, popover.background button.flat:hover:checked:focus, popover.background button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + popover.background button:hover:disabled, popover.background button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + popover.background button:hover:active:disabled, popover.background button:hover:checked:disabled, popover.background button.flat:hover:active:disabled, popover.background button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + popover.background button:focus, popover.background button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + popover.background button:focus:focus, popover.background button:focus:hover, popover.background button.flat:focus:focus, popover.background button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + popover.background button:focus:active, popover.background button:focus:active:hover, popover.background button:focus:active:focus, popover.background button:focus:active:hover:focus, popover.background button:focus:checked, popover.background button:focus:checked:hover, popover.background button:focus:checked:focus, popover.background button:focus:checked:hover:focus, popover.background button.flat:focus:active, popover.background button.flat:focus:active:hover, popover.background button.flat:focus:active:focus, popover.background button.flat:focus:active:hover:focus, popover.background button.flat:focus:checked, popover.background button.flat:focus:checked:hover, popover.background button.flat:focus:checked:focus, popover.background button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + popover.background button:focus:disabled, popover.background button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + popover.background button:focus:active:disabled, popover.background button:focus:checked:disabled, popover.background button.flat:focus:active:disabled, popover.background button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + popover.background button:focus:hover, popover.background button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + popover.background button:focus:hover:focus, popover.background button:focus:hover:hover, popover.background button.flat:focus:hover:focus, popover.background button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + popover.background button:focus:hover:active, popover.background button:focus:hover:active:hover, popover.background button:focus:hover:active:focus, popover.background button:focus:hover:active:hover:focus, popover.background button:focus:hover:checked, popover.background button:focus:hover:checked:hover, popover.background button:focus:hover:checked:focus, popover.background button:focus:hover:checked:hover:focus, popover.background button.flat:focus:hover:active, popover.background button.flat:focus:hover:active:hover, popover.background button.flat:focus:hover:active:focus, popover.background button.flat:focus:hover:active:hover:focus, popover.background button.flat:focus:hover:checked, popover.background button.flat:focus:hover:checked:hover, popover.background button.flat:focus:hover:checked:focus, popover.background button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + popover.background button:focus:hover:disabled, popover.background button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + popover.background button:focus:hover:active:disabled, popover.background button:focus:hover:checked:disabled, popover.background button.flat:focus:hover:active:disabled, popover.background button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + popover.background button:checked, popover.background button:active, popover.background button.flat:checked, popover.background button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + popover.background button:checked:active, popover.background button:checked:active:hover, popover.background button:checked:active:focus, popover.background button:checked:active:hover:focus, popover.background button:checked:checked, popover.background button:checked:checked:hover, popover.background button:checked:checked:focus, popover.background button:checked:checked:hover:focus, popover.background button:active:active, popover.background button:active:active:hover, popover.background button:active:active:focus, popover.background button:active:active:hover:focus, popover.background button:active:checked, popover.background button:active:checked:hover, popover.background button:active:checked:focus, popover.background button:active:checked:hover:focus, popover.background button.flat:checked:active, popover.background button.flat:checked:active:hover, popover.background button.flat:checked:active:focus, popover.background button.flat:checked:active:hover:focus, popover.background button.flat:checked:checked, popover.background button.flat:checked:checked:hover, popover.background button.flat:checked:checked:focus, popover.background button.flat:checked:checked:hover:focus, popover.background button.flat:active:active, popover.background button.flat:active:active:hover, popover.background button.flat:active:active:focus, popover.background button.flat:active:active:hover:focus, popover.background button.flat:active:checked, popover.background button.flat:active:checked:hover, popover.background button.flat:active:checked:focus, popover.background button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + popover.background button:checked:disabled, popover.background button:active:disabled, popover.background button.flat:checked:disabled, popover.background button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + popover.background button:checked:active:disabled, popover.background button:checked:checked:disabled, popover.background button:active:active:disabled, popover.background button:active:checked:disabled, popover.background button.flat:checked:active:disabled, popover.background button.flat:checked:checked:disabled, popover.background button.flat:active:active:disabled, popover.background button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + popover.background button:focus, popover.background button:hover, popover.background button.flat:focus, popover.background button.flat:hover { + color: #2d2d2d; } + popover.background button:disabled:disabled, popover.background button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + popover.background button:active:disabled, popover.background button:checked:disabled, popover.background button.flat:active:disabled, popover.background button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + popover.background button.separator, popover.background button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + popover.background button.separator:disabled, popover.background button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + popover.background .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + popover.background .linked > button:focus, popover.background .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + popover.background .linked > button:active, popover.background .linked > button:active:hover, popover.background .linked > button:active:focus, popover.background .linked > button:active:hover:focus, popover.background .linked > button:checked, popover.background .linked > button:checked:hover, popover.background .linked > button:checked:focus, popover.background .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + popover.background .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + popover.background .linked > button:last-child, popover.background .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + popover.background .linked > button:last-child:hover, popover.background .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + popover.background .linked > button:disabled:last-child, popover.background .linked > button:disabled:only-child, popover.background .linked > button:active:disabled:last-child, popover.background .linked > button:active:disabled:only-child, popover.background .linked > button:checked:disabled:last-child, popover.background .linked > button:checked:disabled:only-child { + box-shadow: none; } + popover.background .linked > button:active:last-child, popover.background .linked > button:active:last-child:focus, popover.background .linked > button:active:last-child:hover, popover.background .linked > button:active:last-child:hover:focus, popover.background .linked > button:checked:last-child, popover.background .linked > button:checked:last-child:focus, popover.background .linked > button:checked:last-child:hover, popover.background .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + popover.background .linked > button:active:only-child, popover.background .linked > button:active:only-child:focus, popover.background .linked > button:active:only-child:hover, popover.background .linked > button:active:only-child:hover:focus, popover.background .linked > button:checked:only-child, popover.background .linked > button:checked:only-child:focus, popover.background .linked > button:checked:only-child:hover, popover.background .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { + border-style: none; + background-color: transparent; } + +modelbutton.flat, +menuitem.button.flat { + padding: 3px 5px; + outline-color: transparent; + transition: none; } + modelbutton.flat:hover, + menuitem.button.flat:hover { + background-color: #990000; + color: #dedede; } + modelbutton.flat:checked, + menuitem.button.flat:checked { + color: #2d2d2d; } + modelbutton.flat arrow.left, + menuitem.button.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, + menuitem.button.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child { + margin-right: 8px; } + +/*************** +! Dimmed label * +****************/ +.dim-label, label.separator { + opacity: .5; + text-shadow: none; } + +/*********** + ! Tooltip * +************/ +.tooltip.background, .tooltip.background.csd, +tooltip.background, +tooltip.background.csd { + background-color: #dedede; + background-clip: padding-box; + border: 1px solid #b2b2b2; + border-radius: 0px; + color: #2d2d2d; } +.tooltip *, +tooltip * { + background-color: transparent; + color: inherit; } + +/*********** + ! Dialogs * +************/ +messagedialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: 0; + -GtkDialog-action-area-border: 0; + -GtkDialog-button-spacing: 3px; + margin: 0; + padding: 0; } + +printdialog paper { + color: #2d2d2d; + border: 1px solid mix(#dedede,#2d2d2d,0.08); + background: #fff; + padding: 0; } + printdialog paper:backdrop { + color: mix(#2d2d2d,#dedede,0.5); + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } +printdialog .dialog-action-box { + margin: 6px; } + +/********************* + ! App notifications * +**********************/ +frame.app-notification { + border-style: solid; + border-color: rgba(178, 178, 178, 0.8); + border-width: 0 1px 1px; + border-radius: 0 0 0px 0px; + padding: 6px; + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + color: #2d2d2d; } + frame.app-notification button { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + frame.app-notification button:focus, frame.app-notification button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + frame.app-notification button:active, frame.app-notification button:active:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover:focus, frame.app-notification button:checked, frame.app-notification button:checked:hover, frame.app-notification button:checked:focus, frame.app-notification button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + frame.app-notification button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + frame.app-notification button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + frame.app-notification button:hover, frame.app-notification button.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + frame.app-notification button:hover:focus, frame.app-notification button:hover:hover, frame.app-notification button.flat:hover:focus, frame.app-notification button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + frame.app-notification button:hover:active, frame.app-notification button:hover:active:hover, frame.app-notification button:hover:active:focus, frame.app-notification button:hover:active:hover:focus, frame.app-notification button:hover:checked, frame.app-notification button:hover:checked:hover, frame.app-notification button:hover:checked:focus, frame.app-notification button:hover:checked:hover:focus, frame.app-notification button.flat:hover:active, frame.app-notification button.flat:hover:active:hover, frame.app-notification button.flat:hover:active:focus, frame.app-notification button.flat:hover:active:hover:focus, frame.app-notification button.flat:hover:checked, frame.app-notification button.flat:hover:checked:hover, frame.app-notification button.flat:hover:checked:focus, frame.app-notification button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + frame.app-notification button:hover:disabled, frame.app-notification button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + frame.app-notification button:hover:active:disabled, frame.app-notification button:hover:checked:disabled, frame.app-notification button.flat:hover:active:disabled, frame.app-notification button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + frame.app-notification button:focus, frame.app-notification button.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + frame.app-notification button:focus:focus, frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:focus, frame.app-notification button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + frame.app-notification button:focus:active, frame.app-notification button:focus:active:hover, frame.app-notification button:focus:active:focus, frame.app-notification button:focus:active:hover:focus, frame.app-notification button:focus:checked, frame.app-notification button:focus:checked:hover, frame.app-notification button:focus:checked:focus, frame.app-notification button:focus:checked:hover:focus, frame.app-notification button.flat:focus:active, frame.app-notification button.flat:focus:active:hover, frame.app-notification button.flat:focus:active:focus, frame.app-notification button.flat:focus:active:hover:focus, frame.app-notification button.flat:focus:checked, frame.app-notification button.flat:focus:checked:hover, frame.app-notification button.flat:focus:checked:focus, frame.app-notification button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + frame.app-notification button:focus:disabled, frame.app-notification button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + frame.app-notification button:focus:active:disabled, frame.app-notification button:focus:checked:disabled, frame.app-notification button.flat:focus:active:disabled, frame.app-notification button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + frame.app-notification button:focus:hover:focus, frame.app-notification button:focus:hover:hover, frame.app-notification button.flat:focus:hover:focus, frame.app-notification button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + frame.app-notification button:focus:hover:active, frame.app-notification button:focus:hover:active:hover, frame.app-notification button:focus:hover:active:focus, frame.app-notification button:focus:hover:active:hover:focus, frame.app-notification button:focus:hover:checked, frame.app-notification button:focus:hover:checked:hover, frame.app-notification button:focus:hover:checked:focus, frame.app-notification button:focus:hover:checked:hover:focus, frame.app-notification button.flat:focus:hover:active, frame.app-notification button.flat:focus:hover:active:hover, frame.app-notification button.flat:focus:hover:active:focus, frame.app-notification button.flat:focus:hover:active:hover:focus, frame.app-notification button.flat:focus:hover:checked, frame.app-notification button.flat:focus:hover:checked:hover, frame.app-notification button.flat:focus:hover:checked:focus, frame.app-notification button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + frame.app-notification button:focus:hover:disabled, frame.app-notification button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + frame.app-notification button:focus:hover:active:disabled, frame.app-notification button:focus:hover:checked:disabled, frame.app-notification button.flat:focus:hover:active:disabled, frame.app-notification button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + frame.app-notification button:checked, frame.app-notification button:active, frame.app-notification button.flat:checked, frame.app-notification button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + frame.app-notification button:checked:active, frame.app-notification button:checked:active:hover, frame.app-notification button:checked:active:focus, frame.app-notification button:checked:active:hover:focus, frame.app-notification button:checked:checked, frame.app-notification button:checked:checked:hover, frame.app-notification button:checked:checked:focus, frame.app-notification button:checked:checked:hover:focus, frame.app-notification button:active:active, frame.app-notification button:active:active:hover, frame.app-notification button:active:active:focus, frame.app-notification button:active:active:hover:focus, frame.app-notification button:active:checked, frame.app-notification button:active:checked:hover, frame.app-notification button:active:checked:focus, frame.app-notification button:active:checked:hover:focus, frame.app-notification button.flat:checked:active, frame.app-notification button.flat:checked:active:hover, frame.app-notification button.flat:checked:active:focus, frame.app-notification button.flat:checked:active:hover:focus, frame.app-notification button.flat:checked:checked, frame.app-notification button.flat:checked:checked:hover, frame.app-notification button.flat:checked:checked:focus, frame.app-notification button.flat:checked:checked:hover:focus, frame.app-notification button.flat:active:active, frame.app-notification button.flat:active:active:hover, frame.app-notification button.flat:active:active:focus, frame.app-notification button.flat:active:active:hover:focus, frame.app-notification button.flat:active:checked, frame.app-notification button.flat:active:checked:hover, frame.app-notification button.flat:active:checked:focus, frame.app-notification button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + frame.app-notification button:checked:disabled, frame.app-notification button:active:disabled, frame.app-notification button.flat:checked:disabled, frame.app-notification button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + frame.app-notification button:checked:active:disabled, frame.app-notification button:checked:checked:disabled, frame.app-notification button:active:active:disabled, frame.app-notification button:active:checked:disabled, frame.app-notification button.flat:checked:active:disabled, frame.app-notification button.flat:checked:checked:disabled, frame.app-notification button.flat:active:active:disabled, frame.app-notification button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + frame.app-notification button:focus, frame.app-notification button:hover, frame.app-notification button.flat:focus, frame.app-notification button.flat:hover { + color: #2d2d2d; } + frame.app-notification button:disabled:disabled, frame.app-notification button.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled, frame.app-notification button.flat:active:disabled, frame.app-notification button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + frame.app-notification button.separator, frame.app-notification button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + frame.app-notification button.separator:disabled, frame.app-notification button .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + frame.app-notification border { + border: 0; } + +/************* + ! 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: alpha(currentColor,0.8); } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/******************* + ! Symbolic images * +********************/ +.image { + color: alpha(currentColor,0.5); } + .image:hover { + color: alpha(currentColor,0.9); } + .image:selected, .image:selected:hover { + color: #dedede; } + +/**************** + ! Floating bar * +*****************/ +.floating-bar { + background-color: #dedede; + background-image: none; + border: 1px solid #b2b2b2; + border-radius: 0px; + color: #2d2d2d; } + .floating-bar.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; } + .floating-bar.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .floating-bar.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .floating-bar.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .floating-bar button { + border: 0; + background-color: transparent; + background-image: none; } + +/************************* + ! Touch text selections * +**************************/ +GtkBubbleWindow { + border-radius: 0px; + background-clip: border-box; } + GtkBubbleWindow.osd.background { + background-color: rgba(222, 222, 222, 0.8); } + GtkBubbleWindow .toolbar { + background-color: transparent; } + +/*************** + ! Font-viewer * +****************/ +SushiFontWidget { + padding: 3px 6px; } + +/************* + ! Gucharmap * +**************/ +GucharmapChartable { + background-color: #dedede; + color: #2d2d2d; } + +/************* + ! Evolution * +**************/ +EPreviewPane .entry { + background-color: #dedede; + color: #2d2d2d; } + +/******************* + ! Gnome Bluetooth * +********************/ +entry.entry.pin-entry { + font-style: normal; + font-size: 50px; + padding-left: 15px; + padding-right: 15px; } + +label.pin-label { + font-style: normal; + font-size: 50px; } + +/************************ + ! Shortcut window keys * +*************************/ +.keycap { + min-width: 20px; + min-height: 24px; + margin-top: 2px; + padding-bottom: 1.5px; + padding-left: 3px; + padding-right: 3px; + color: #2d2d2d; + background-color: #dedede; + border: 1px solid; + border-color: mix(mix(#dedede,#2d2d2d,0.08),#dedede,0.5); + border-radius: 0px; + box-shadow: inset 0 -3px mix(#dedede,#dedede,0.2); + font-size: smaller; } + .keycap:backdrop { + background-color: #dedede; + color: mix(#2d2d2d,#dedede,0.5); + transition: 200ms ease-out; } + +/***************** + ! Stackswitcher * +******************/ +stackswitcher button.text-button { + min-width: 80px; } +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 28px; + min-height: 28px; + padding: 0; } + +/******************* + ! Selected Items * +********************/ +entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, +#XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, +menuitem.button.flat:active, +menuitem.button.flat:active arrow, +menuitem.button.flat:selected, +menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + background-color: #990000; } + row:selected label, label:selected, entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, + #XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, + menuitem.button.flat:active, + menuitem.button.flat:active arrow, + menuitem.button.flat:selected, + menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + color: #dedede; + outline-color: rgba(222, 222, 222, 0.3); } + row:selected label:disabled, label:disabled:selected, label:disabled selection, entry selection:disabled, + #XfceNotifyWindow entry selection:disabled, #login_window entry selection:disabled, calendar:disabled:selected, row:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, + menuitem.button.flat:disabled:active, + menuitem.button.flat:active arrow:disabled, + menuitem.button.flat:disabled:selected, + menuitem.button.flat:selected arrow:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, .cs-category-view:disabled:selected, .cs-category-view iconview:disabled:selected:focus, .cs-category-view iconview:disabled:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:disabled:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected { + color: mix(#dedede,#990000,0.5); } + row:selected label:backdrop, label:backdrop:selected, label:backdrop selection, entry selection:backdrop, + #XfceNotifyWindow entry selection:backdrop, #login_window entry selection:backdrop, calendar:backdrop:selected, row:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:active, modelbutton.flat:active arrow:backdrop, modelbutton.flat:backdrop:selected, modelbutton.flat:selected arrow:backdrop, + menuitem.button.flat:backdrop:active, + menuitem.button.flat:active arrow:backdrop, + menuitem.button.flat:backdrop:selected, + menuitem.button.flat:selected arrow:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, .cs-category-view:backdrop:selected, .cs-category-view iconview:backdrop:selected:focus, .cs-category-view iconview:backdrop:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected { + background-color: #990000; + color: mix(#990000,#dedede,0.66); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, entry selection:backdrop:disabled, + #XfceNotifyWindow entry selection:backdrop:disabled, #login_window entry selection:backdrop:disabled, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:active, modelbutton.flat:active arrow:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, modelbutton.flat:selected arrow:backdrop:disabled, + menuitem.button.flat:backdrop:disabled:active, + menuitem.button.flat:active arrow:backdrop:disabled, + menuitem.button.flat:backdrop:disabled:selected, + menuitem.button.flat:selected arrow:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, .cs-category-view:backdrop:disabled:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:disabled:selected { + color: mix(mix(#990000,#dedede,0.66),#990000,0.3); } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********** + ! Notebook +***********/ +notebook { + padding: 0; } + notebook.frame { + border: 1px solid mix(#dedede,#2d2d2d,0.08); } + notebook.frame > header { + margin: -1px; } + notebook.frame > header.top { + margin-bottom: 0; } + notebook.frame > header.bottom { + margin-top: 0; } + notebook.frame > header.left { + margin-right: 0; } + notebook.frame > header.right { + margin-left: 0; } + notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; } + notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; } + notebook > stack:not(:only-child) { + background-color: #dedede; } + notebook > header { + padding: 3px; + background-color: #dedede; } + notebook > header.top { + box-shadow: inset 0 -1px mix(#dedede,#2d2d2d,0.08); } + notebook > header.bottom { + box-shadow: inset 0 1px mix(#dedede,#2d2d2d,0.08); } + notebook > header.right { + box-shadow: inset 1px 0 mix(#dedede,#2d2d2d,0.08); } + notebook > header.left { + box-shadow: inset -1px 0 mix(#dedede,#2d2d2d,0.08); } + notebook > header.top { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + border-top-width: 3px; + border-radius: 1px 1px 0 0; } + notebook > header.top > tabs > tab:checked { + border-top-color: #990000; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + border-bottom-width: 3px; + border-radius: 0 0 1px 1px; } + notebook > header.bottom > tabs > tab:checked { + border-bottom-color: #990000; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + border-right-width: 3px; + border-radius: 0 1px 1px 0; } + notebook > header.right > tabs > tab:checked { + border-right-color: #990000; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + border-left-width: 3px; + border-radius: 1px 0 0 1px; } + notebook > header.left > tabs > tab:checked { + border-left-color: #990000; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + 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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + 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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: mix(#2d2d2d,#dedede,0.5); } + notebook > header > tabs > arrow:hover { + color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.5),0.5); } + notebook > header > tabs > arrow:active { + color: #2d2d2d; } + notebook > header > tabs > arrow:disabled { + color: alpha(mix(#2d2d2d,#dedede,0.5),0.3); } + notebook > header.top > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 -1px mix(#dedede,#2d2d2d,0.08); } + notebook > header.bottom > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 1px mix(#dedede,#2d2d2d,0.08); } + notebook > header.left > tabs > tab:hover:not(:checked) { + box-shadow: inset -1px 0 mix(#dedede,#2d2d2d,0.08); } + notebook > header.right > tabs > tab:hover:not(:checked) { + box-shadow: inset 1px 0 mix(#dedede,#2d2d2d,0.08); } + notebook > header > tabs > tab { + color: rgba(45, 45, 45, 0.8); + background-color: alpha(mix(#dedede,#2d2d2d,0.1),0.7); } + notebook > header > tabs > tab:hover:not(:checked) { + color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.5),0.5); + background-color: rgba(222, 222, 222, 0.5); + border-color: mix(#dedede,#2d2d2d,0.08); } + notebook > header > tabs > tab:checked { + border-color: mix(#dedede,#2d2d2d,0.08); + color: #2d2d2d; + background-color: #dedede; } + notebook > header > tabs > tab button.flat { + min-height: 22px; + min-width: 16px; + padding: 0; + color: mix(#dedede,#2d2d2d,0.35); } + notebook > header > tabs > tab button.flat:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + color: #990000; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/******* + ! OSD * +********/ +overlay.osd { + background-color: transparent; } + +colorchooser .popover.osd { + border-radius: 0px; } + +button.color .osd colorswatch:only-child { + box-shadow: none; } +.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child { + box-shadow: none; } + +button.osd, +#XfceNotifyWindow button { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + button.osd:focus, button.osd:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + button.osd:active, button.osd:active:hover, button.osd:active:focus, button.osd:active:hover:focus, button.osd:checked, button.osd:checked:hover, button.osd:checked:focus, button.osd:checked:hover:focus, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover:focus, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + button.osd:disabled, + #XfceNotifyWindow button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + button.osd:active:disabled, button.osd:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + button.osd.flat, + #XfceNotifyWindow button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + button.osd:hover, button.osd.flat:hover, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + button.osd:hover:focus, button.osd:hover:hover, button.osd.flat:hover:focus, button.osd.flat:hover:hover, + #XfceNotifyWindow button:hover:focus, + #XfceNotifyWindow button:hover:hover, + #XfceNotifyWindow button.flat:hover:focus, + #XfceNotifyWindow button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button.osd:hover:active, button.osd:hover:active:hover, button.osd:hover:active:focus, button.osd:hover:active:hover:focus, button.osd:hover:checked, button.osd:hover:checked:hover, button.osd:hover:checked:focus, button.osd:hover:checked:hover:focus, button.osd.flat:hover:active, button.osd.flat:hover:active:hover, button.osd.flat:hover:active:focus, button.osd.flat:hover:active:hover:focus, button.osd.flat:hover:checked, button.osd.flat:hover:checked:hover, button.osd.flat:hover:checked:focus, button.osd.flat:hover:checked:hover:focus, + #XfceNotifyWindow button:hover:active, + #XfceNotifyWindow button:hover:active:hover, + #XfceNotifyWindow button:hover:active:focus, + #XfceNotifyWindow button:hover:active:hover:focus, + #XfceNotifyWindow button:hover:checked, + #XfceNotifyWindow button:hover:checked:hover, + #XfceNotifyWindow button:hover:checked:focus, + #XfceNotifyWindow button:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:hover:active, + #XfceNotifyWindow button.flat:hover:active:hover, + #XfceNotifyWindow button.flat:hover:active:focus, + #XfceNotifyWindow button.flat:hover:active:hover:focus, + #XfceNotifyWindow button.flat:hover:checked, + #XfceNotifyWindow button.flat:hover:checked:hover, + #XfceNotifyWindow button.flat:hover:checked:focus, + #XfceNotifyWindow button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button.osd:hover:disabled, button.osd.flat:hover:disabled, + #XfceNotifyWindow button:hover:disabled, + #XfceNotifyWindow button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button.osd:hover:active:disabled, button.osd:hover:checked:disabled, button.osd.flat:hover:active:disabled, button.osd.flat:hover:checked:disabled, + #XfceNotifyWindow button:hover:active:disabled, + #XfceNotifyWindow button:hover:checked:disabled, + #XfceNotifyWindow button.flat:hover:active:disabled, + #XfceNotifyWindow button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button.osd:focus, button.osd.flat:focus, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + button.osd:focus:focus, button.osd:focus:hover, button.osd.flat:focus:focus, button.osd.flat:focus:hover, + #XfceNotifyWindow button:focus:focus, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:focus, + #XfceNotifyWindow button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button.osd:focus:active, button.osd:focus:active:hover, button.osd:focus:active:focus, button.osd:focus:active:hover:focus, button.osd:focus:checked, button.osd:focus:checked:hover, button.osd:focus:checked:focus, button.osd:focus:checked:hover:focus, button.osd.flat:focus:active, button.osd.flat:focus:active:hover, button.osd.flat:focus:active:focus, button.osd.flat:focus:active:hover:focus, button.osd.flat:focus:checked, button.osd.flat:focus:checked:hover, button.osd.flat:focus:checked:focus, button.osd.flat:focus:checked:hover:focus, + #XfceNotifyWindow button:focus:active, + #XfceNotifyWindow button:focus:active:hover, + #XfceNotifyWindow button:focus:active:focus, + #XfceNotifyWindow button:focus:active:hover:focus, + #XfceNotifyWindow button:focus:checked, + #XfceNotifyWindow button:focus:checked:hover, + #XfceNotifyWindow button:focus:checked:focus, + #XfceNotifyWindow button:focus:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:active, + #XfceNotifyWindow button.flat:focus:active:hover, + #XfceNotifyWindow button.flat:focus:active:focus, + #XfceNotifyWindow button.flat:focus:active:hover:focus, + #XfceNotifyWindow button.flat:focus:checked, + #XfceNotifyWindow button.flat:focus:checked:hover, + #XfceNotifyWindow button.flat:focus:checked:focus, + #XfceNotifyWindow button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button.osd:focus:disabled, button.osd.flat:focus:disabled, + #XfceNotifyWindow button:focus:disabled, + #XfceNotifyWindow button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button.osd:focus:active:disabled, button.osd:focus:checked:disabled, button.osd.flat:focus:active:disabled, button.osd.flat:focus:checked:disabled, + #XfceNotifyWindow button:focus:active:disabled, + #XfceNotifyWindow button:focus:checked:disabled, + #XfceNotifyWindow button.flat:focus:active:disabled, + #XfceNotifyWindow button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button.osd:focus:hover, button.osd.flat:focus:hover, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + button.osd:focus:hover:focus, button.osd:focus:hover:hover, button.osd.flat:focus:hover:focus, button.osd.flat:focus:hover:hover, + #XfceNotifyWindow button:focus:hover:focus, + #XfceNotifyWindow button:focus:hover:hover, + #XfceNotifyWindow button.flat:focus:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + button.osd:focus:hover:active, button.osd:focus:hover:active:hover, button.osd:focus:hover:active:focus, button.osd:focus:hover:active:hover:focus, button.osd:focus:hover:checked, button.osd:focus:hover:checked:hover, button.osd:focus:hover:checked:focus, button.osd:focus:hover:checked:hover:focus, button.osd.flat:focus:hover:active, button.osd.flat:focus:hover:active:hover, button.osd.flat:focus:hover:active:focus, button.osd.flat:focus:hover:active:hover:focus, button.osd.flat:focus:hover:checked, button.osd.flat:focus:hover:checked:hover, button.osd.flat:focus:hover:checked:focus, button.osd.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow button:focus:hover:active, + #XfceNotifyWindow button:focus:hover:active:hover, + #XfceNotifyWindow button:focus:hover:active:focus, + #XfceNotifyWindow button:focus:hover:active:hover:focus, + #XfceNotifyWindow button:focus:hover:checked, + #XfceNotifyWindow button:focus:hover:checked:hover, + #XfceNotifyWindow button:focus:hover:checked:focus, + #XfceNotifyWindow button:focus:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:active, + #XfceNotifyWindow button.flat:focus:hover:active:hover, + #XfceNotifyWindow button.flat:focus:hover:active:focus, + #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:checked, + #XfceNotifyWindow button.flat:focus:hover:checked:hover, + #XfceNotifyWindow button.flat:focus:hover:checked:focus, + #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + button.osd:focus:hover:disabled, button.osd.flat:focus:hover:disabled, + #XfceNotifyWindow button:focus:hover:disabled, + #XfceNotifyWindow button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + button.osd:focus:hover:active:disabled, button.osd:focus:hover:checked:disabled, button.osd.flat:focus:hover:active:disabled, button.osd.flat:focus:hover:checked:disabled, + #XfceNotifyWindow button:focus:hover:active:disabled, + #XfceNotifyWindow button:focus:hover:checked:disabled, + #XfceNotifyWindow button.flat:focus:hover:active:disabled, + #XfceNotifyWindow button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + button.osd:checked, button.osd:active, button.osd.flat:checked, button.osd.flat:active, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button.flat:checked, + #XfceNotifyWindow button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + button.osd:checked:active, button.osd:checked:active:hover, button.osd:checked:active:focus, button.osd:checked:active:hover:focus, button.osd:checked:checked, button.osd:checked:checked:hover, button.osd:checked:checked:focus, button.osd:checked:checked:hover:focus, button.osd:active:active, button.osd:active:active:hover, button.osd:active:active:focus, button.osd:active:active:hover:focus, button.osd:active:checked, button.osd:active:checked:hover, button.osd:active:checked:focus, button.osd:active:checked:hover:focus, button.osd.flat:checked:active, button.osd.flat:checked:active:hover, button.osd.flat:checked:active:focus, button.osd.flat:checked:active:hover:focus, button.osd.flat:checked:checked, button.osd.flat:checked:checked:hover, button.osd.flat:checked:checked:focus, button.osd.flat:checked:checked:hover:focus, button.osd.flat:active:active, button.osd.flat:active:active:hover, button.osd.flat:active:active:focus, button.osd.flat:active:active:hover:focus, button.osd.flat:active:checked, button.osd.flat:active:checked:hover, button.osd.flat:active:checked:focus, button.osd.flat:active:checked:hover:focus, + #XfceNotifyWindow button:checked:active, + #XfceNotifyWindow button:checked:active:hover, + #XfceNotifyWindow button:checked:active:focus, + #XfceNotifyWindow button:checked:active:hover:focus, + #XfceNotifyWindow button:checked:checked, + #XfceNotifyWindow button:checked:checked:hover, + #XfceNotifyWindow button:checked:checked:focus, + #XfceNotifyWindow button:checked:checked:hover:focus, + #XfceNotifyWindow button:active:active, + #XfceNotifyWindow button:active:active:hover, + #XfceNotifyWindow button:active:active:focus, + #XfceNotifyWindow button:active:active:hover:focus, + #XfceNotifyWindow button:active:checked, + #XfceNotifyWindow button:active:checked:hover, + #XfceNotifyWindow button:active:checked:focus, + #XfceNotifyWindow button:active:checked:hover:focus, + #XfceNotifyWindow button.flat:checked:active, + #XfceNotifyWindow button.flat:checked:active:hover, + #XfceNotifyWindow button.flat:checked:active:focus, + #XfceNotifyWindow button.flat:checked:active:hover:focus, + #XfceNotifyWindow button.flat:checked:checked, + #XfceNotifyWindow button.flat:checked:checked:hover, + #XfceNotifyWindow button.flat:checked:checked:focus, + #XfceNotifyWindow button.flat:checked:checked:hover:focus, + #XfceNotifyWindow button.flat:active:active, + #XfceNotifyWindow button.flat:active:active:hover, + #XfceNotifyWindow button.flat:active:active:focus, + #XfceNotifyWindow button.flat:active:active:hover:focus, + #XfceNotifyWindow button.flat:active:checked, + #XfceNotifyWindow button.flat:active:checked:hover, + #XfceNotifyWindow button.flat:active:checked:focus, + #XfceNotifyWindow button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + button.osd:checked:disabled, button.osd:active:disabled, button.osd.flat:checked:disabled, button.osd.flat:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + button.osd:checked:active:disabled, button.osd:checked:checked:disabled, button.osd:active:active:disabled, button.osd:active:checked:disabled, button.osd.flat:checked:active:disabled, button.osd.flat:checked:checked:disabled, button.osd.flat:active:active:disabled, button.osd.flat:active:checked:disabled, + #XfceNotifyWindow button:checked:active:disabled, + #XfceNotifyWindow button:checked:checked:disabled, + #XfceNotifyWindow button:active:active:disabled, + #XfceNotifyWindow button:active:checked:disabled, + #XfceNotifyWindow button.flat:checked:active:disabled, + #XfceNotifyWindow button.flat:checked:checked:disabled, + #XfceNotifyWindow button.flat:active:active:disabled, + #XfceNotifyWindow button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + button.osd:focus, button.osd:hover, button.osd.flat:focus, button.osd.flat:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:focus, + #XfceNotifyWindow button.flat:hover { + color: #2d2d2d; } + button.osd:disabled:disabled, button.osd.flat:disabled:disabled, + #XfceNotifyWindow button:disabled:disabled, + #XfceNotifyWindow button.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + button.osd:active:disabled, button.osd:checked:disabled, button.osd.flat:active:disabled, button.osd.flat:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + button.osd.separator, button.osd .separator, + #XfceNotifyWindow button.separator, + #XfceNotifyWindow button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + button.osd.separator:disabled, button.osd .separator:disabled, + #XfceNotifyWindow button.separator:disabled, + #XfceNotifyWindow button .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + button.osd.image-button, + #XfceNotifyWindow button.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + +toolbar.osd { + -GtkToolbar-button-relief: normal; + padding: 3px; + border: 1px solid rgba(178, 178, 178, 0.8); + border-radius: 0px; + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + color: #2d2d2d; } + toolbar.osd separator { + color: rgba(200, 200, 200, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + +progressbar.osd { + margin: 2px; + min-height: 2px; + min-width: 2px; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; } + progressbar.osd progress { + border-style: none; + border-radius: 0; + background-color: #990000; + background-image: none; } + +.osd, +#XfceNotifyWindow { + background-color: rgba(222, 222, 222, 0.8); + color: #2d2d2d; + /* used by gnome-settings-daemon's media-keys OSD */ + /* used by Documents */ } + .osd.background, + #XfceNotifyWindow.background { + background-color: rgba(222, 222, 222, 0.6); + color: #2d2d2d; } + .osd .frame, + #XfceNotifyWindow .frame { + background-clip: border-box; + background-origin: border-box; } + .osd button, + #XfceNotifyWindow button { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .osd button:focus, .osd button:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd button:active, .osd button:active:hover, .osd button:active:focus, .osd button:active:hover:focus, .osd button:checked, .osd button:checked:hover, .osd button:checked:focus, .osd button:checked:hover:focus, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover:focus, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd button:disabled, + #XfceNotifyWindow button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd button:active:disabled, .osd button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd button.flat, + #XfceNotifyWindow button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + .osd button:hover, .osd button.flat:hover, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .osd button:hover:focus, .osd button:hover:hover, .osd button.flat:hover:focus, .osd button.flat:hover:hover, + #XfceNotifyWindow button:hover:focus, + #XfceNotifyWindow button:hover:hover, + #XfceNotifyWindow button.flat:hover:focus, + #XfceNotifyWindow button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd button:hover:active, .osd button:hover:active:hover, .osd button:hover:active:focus, .osd button:hover:active:hover:focus, .osd button:hover:checked, .osd button:hover:checked:hover, .osd button:hover:checked:focus, .osd button:hover:checked:hover:focus, .osd button.flat:hover:active, .osd button.flat:hover:active:hover, .osd button.flat:hover:active:focus, .osd button.flat:hover:active:hover:focus, .osd button.flat:hover:checked, .osd button.flat:hover:checked:hover, .osd button.flat:hover:checked:focus, .osd button.flat:hover:checked:hover:focus, + #XfceNotifyWindow button:hover:active, + #XfceNotifyWindow button:hover:active:hover, + #XfceNotifyWindow button:hover:active:focus, + #XfceNotifyWindow button:hover:active:hover:focus, + #XfceNotifyWindow button:hover:checked, + #XfceNotifyWindow button:hover:checked:hover, + #XfceNotifyWindow button:hover:checked:focus, + #XfceNotifyWindow button:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:hover:active, + #XfceNotifyWindow button.flat:hover:active:hover, + #XfceNotifyWindow button.flat:hover:active:focus, + #XfceNotifyWindow button.flat:hover:active:hover:focus, + #XfceNotifyWindow button.flat:hover:checked, + #XfceNotifyWindow button.flat:hover:checked:hover, + #XfceNotifyWindow button.flat:hover:checked:focus, + #XfceNotifyWindow button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd button:hover:disabled, .osd button.flat:hover:disabled, + #XfceNotifyWindow button:hover:disabled, + #XfceNotifyWindow button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd button:hover:active:disabled, .osd button:hover:checked:disabled, .osd button.flat:hover:active:disabled, .osd button.flat:hover:checked:disabled, + #XfceNotifyWindow button:hover:active:disabled, + #XfceNotifyWindow button:hover:checked:disabled, + #XfceNotifyWindow button.flat:hover:active:disabled, + #XfceNotifyWindow button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd button:focus, .osd button.flat:focus, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .osd button:focus:focus, .osd button:focus:hover, .osd button.flat:focus:focus, .osd button.flat:focus:hover, + #XfceNotifyWindow button:focus:focus, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:focus, + #XfceNotifyWindow button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd button:focus:active, .osd button:focus:active:hover, .osd button:focus:active:focus, .osd button:focus:active:hover:focus, .osd button:focus:checked, .osd button:focus:checked:hover, .osd button:focus:checked:focus, .osd button:focus:checked:hover:focus, .osd button.flat:focus:active, .osd button.flat:focus:active:hover, .osd button.flat:focus:active:focus, .osd button.flat:focus:active:hover:focus, .osd button.flat:focus:checked, .osd button.flat:focus:checked:hover, .osd button.flat:focus:checked:focus, .osd button.flat:focus:checked:hover:focus, + #XfceNotifyWindow button:focus:active, + #XfceNotifyWindow button:focus:active:hover, + #XfceNotifyWindow button:focus:active:focus, + #XfceNotifyWindow button:focus:active:hover:focus, + #XfceNotifyWindow button:focus:checked, + #XfceNotifyWindow button:focus:checked:hover, + #XfceNotifyWindow button:focus:checked:focus, + #XfceNotifyWindow button:focus:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:active, + #XfceNotifyWindow button.flat:focus:active:hover, + #XfceNotifyWindow button.flat:focus:active:focus, + #XfceNotifyWindow button.flat:focus:active:hover:focus, + #XfceNotifyWindow button.flat:focus:checked, + #XfceNotifyWindow button.flat:focus:checked:hover, + #XfceNotifyWindow button.flat:focus:checked:focus, + #XfceNotifyWindow button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd button:focus:disabled, .osd button.flat:focus:disabled, + #XfceNotifyWindow button:focus:disabled, + #XfceNotifyWindow button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd button:focus:active:disabled, .osd button:focus:checked:disabled, .osd button.flat:focus:active:disabled, .osd button.flat:focus:checked:disabled, + #XfceNotifyWindow button:focus:active:disabled, + #XfceNotifyWindow button:focus:checked:disabled, + #XfceNotifyWindow button.flat:focus:active:disabled, + #XfceNotifyWindow button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd button:focus:hover, .osd button.flat:focus:hover, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .osd button:focus:hover:focus, .osd button:focus:hover:hover, .osd button.flat:focus:hover:focus, .osd button.flat:focus:hover:hover, + #XfceNotifyWindow button:focus:hover:focus, + #XfceNotifyWindow button:focus:hover:hover, + #XfceNotifyWindow button.flat:focus:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd button:focus:hover:active, .osd button:focus:hover:active:hover, .osd button:focus:hover:active:focus, .osd button:focus:hover:active:hover:focus, .osd button:focus:hover:checked, .osd button:focus:hover:checked:hover, .osd button:focus:hover:checked:focus, .osd button:focus:hover:checked:hover:focus, .osd button.flat:focus:hover:active, .osd button.flat:focus:hover:active:hover, .osd button.flat:focus:hover:active:focus, .osd button.flat:focus:hover:active:hover:focus, .osd button.flat:focus:hover:checked, .osd button.flat:focus:hover:checked:hover, .osd button.flat:focus:hover:checked:focus, .osd button.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow button:focus:hover:active, + #XfceNotifyWindow button:focus:hover:active:hover, + #XfceNotifyWindow button:focus:hover:active:focus, + #XfceNotifyWindow button:focus:hover:active:hover:focus, + #XfceNotifyWindow button:focus:hover:checked, + #XfceNotifyWindow button:focus:hover:checked:hover, + #XfceNotifyWindow button:focus:hover:checked:focus, + #XfceNotifyWindow button:focus:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:active, + #XfceNotifyWindow button.flat:focus:hover:active:hover, + #XfceNotifyWindow button.flat:focus:hover:active:focus, + #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:checked, + #XfceNotifyWindow button.flat:focus:hover:checked:hover, + #XfceNotifyWindow button.flat:focus:hover:checked:focus, + #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd button:focus:hover:disabled, .osd button.flat:focus:hover:disabled, + #XfceNotifyWindow button:focus:hover:disabled, + #XfceNotifyWindow button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd button:focus:hover:active:disabled, .osd button:focus:hover:checked:disabled, .osd button.flat:focus:hover:active:disabled, .osd button.flat:focus:hover:checked:disabled, + #XfceNotifyWindow button:focus:hover:active:disabled, + #XfceNotifyWindow button:focus:hover:checked:disabled, + #XfceNotifyWindow button.flat:focus:hover:active:disabled, + #XfceNotifyWindow button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd button:checked, .osd button:active, .osd button.flat:checked, .osd button.flat:active, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button.flat:checked, + #XfceNotifyWindow button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd button:checked:active, .osd button:checked:active:hover, .osd button:checked:active:focus, .osd button:checked:active:hover:focus, .osd button:checked:checked, .osd button:checked:checked:hover, .osd button:checked:checked:focus, .osd button:checked:checked:hover:focus, .osd button:active:active, .osd button:active:active:hover, .osd button:active:active:focus, .osd button:active:active:hover:focus, .osd button:active:checked, .osd button:active:checked:hover, .osd button:active:checked:focus, .osd button:active:checked:hover:focus, .osd button.flat:checked:active, .osd button.flat:checked:active:hover, .osd button.flat:checked:active:focus, .osd button.flat:checked:active:hover:focus, .osd button.flat:checked:checked, .osd button.flat:checked:checked:hover, .osd button.flat:checked:checked:focus, .osd button.flat:checked:checked:hover:focus, .osd button.flat:active:active, .osd button.flat:active:active:hover, .osd button.flat:active:active:focus, .osd button.flat:active:active:hover:focus, .osd button.flat:active:checked, .osd button.flat:active:checked:hover, .osd button.flat:active:checked:focus, .osd button.flat:active:checked:hover:focus, + #XfceNotifyWindow button:checked:active, + #XfceNotifyWindow button:checked:active:hover, + #XfceNotifyWindow button:checked:active:focus, + #XfceNotifyWindow button:checked:active:hover:focus, + #XfceNotifyWindow button:checked:checked, + #XfceNotifyWindow button:checked:checked:hover, + #XfceNotifyWindow button:checked:checked:focus, + #XfceNotifyWindow button:checked:checked:hover:focus, + #XfceNotifyWindow button:active:active, + #XfceNotifyWindow button:active:active:hover, + #XfceNotifyWindow button:active:active:focus, + #XfceNotifyWindow button:active:active:hover:focus, + #XfceNotifyWindow button:active:checked, + #XfceNotifyWindow button:active:checked:hover, + #XfceNotifyWindow button:active:checked:focus, + #XfceNotifyWindow button:active:checked:hover:focus, + #XfceNotifyWindow button.flat:checked:active, + #XfceNotifyWindow button.flat:checked:active:hover, + #XfceNotifyWindow button.flat:checked:active:focus, + #XfceNotifyWindow button.flat:checked:active:hover:focus, + #XfceNotifyWindow button.flat:checked:checked, + #XfceNotifyWindow button.flat:checked:checked:hover, + #XfceNotifyWindow button.flat:checked:checked:focus, + #XfceNotifyWindow button.flat:checked:checked:hover:focus, + #XfceNotifyWindow button.flat:active:active, + #XfceNotifyWindow button.flat:active:active:hover, + #XfceNotifyWindow button.flat:active:active:focus, + #XfceNotifyWindow button.flat:active:active:hover:focus, + #XfceNotifyWindow button.flat:active:checked, + #XfceNotifyWindow button.flat:active:checked:hover, + #XfceNotifyWindow button.flat:active:checked:focus, + #XfceNotifyWindow button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd button:checked:disabled, .osd button:active:disabled, .osd button.flat:checked:disabled, .osd button.flat:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd button:checked:active:disabled, .osd button:checked:checked:disabled, .osd button:active:active:disabled, .osd button:active:checked:disabled, .osd button.flat:checked:active:disabled, .osd button.flat:checked:checked:disabled, .osd button.flat:active:active:disabled, .osd button.flat:active:checked:disabled, + #XfceNotifyWindow button:checked:active:disabled, + #XfceNotifyWindow button:checked:checked:disabled, + #XfceNotifyWindow button:active:active:disabled, + #XfceNotifyWindow button:active:checked:disabled, + #XfceNotifyWindow button.flat:checked:active:disabled, + #XfceNotifyWindow button.flat:checked:checked:disabled, + #XfceNotifyWindow button.flat:active:active:disabled, + #XfceNotifyWindow button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd button:focus, .osd button:hover, .osd button.flat:focus, .osd button.flat:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:focus, + #XfceNotifyWindow button.flat:hover { + color: #2d2d2d; } + .osd button:disabled:disabled, .osd button.flat:disabled:disabled, + #XfceNotifyWindow button:disabled:disabled, + #XfceNotifyWindow button.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + .osd button:active:disabled, .osd button:checked:disabled, .osd button.flat:active:disabled, .osd button.flat:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd button.separator, .osd button .separator, + #XfceNotifyWindow button.separator, + #XfceNotifyWindow button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + .osd button.separator:disabled, .osd button .separator:disabled, + #XfceNotifyWindow button.separator:disabled, + #XfceNotifyWindow button .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + .osd entry, + #XfceNotifyWindow entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + .osd entry:focus, .osd entry:hover, + #XfceNotifyWindow entry:focus, + #XfceNotifyWindow entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + .osd entry:active, .osd entry:active:hover, .osd entry:active:focus, .osd entry:active:hover:focus, .osd entry:checked, .osd entry:checked:hover, .osd entry:checked:focus, .osd entry:checked:hover:focus, + #XfceNotifyWindow entry:active, + #XfceNotifyWindow entry:active:hover, + #XfceNotifyWindow entry:active:focus, + #XfceNotifyWindow entry:active:hover:focus, + #XfceNotifyWindow entry:checked, + #XfceNotifyWindow entry:checked:hover, + #XfceNotifyWindow entry:checked:focus, + #XfceNotifyWindow entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + .osd entry:disabled, + #XfceNotifyWindow entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + .osd entry:active:disabled, .osd entry:checked:disabled, + #XfceNotifyWindow entry:active:disabled, + #XfceNotifyWindow entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + .osd entry:focus, .osd entry:active, + #XfceNotifyWindow entry:focus, + #XfceNotifyWindow entry:active { + border-color: mix(#990000,rgba(189, 189, 189, 0.8),0.3); } + .osd entry:disabled, + #XfceNotifyWindow entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + .osd entry:disabled:focus, .osd entry:disabled:hover, + #XfceNotifyWindow entry:disabled:focus, + #XfceNotifyWindow entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + .osd entry:disabled:active, .osd entry:disabled:active:hover, .osd entry:disabled:active:focus, .osd entry:disabled:active:hover:focus, .osd entry:disabled:checked, .osd entry:disabled:checked:hover, .osd entry:disabled:checked:focus, .osd entry:disabled:checked:hover:focus, + #XfceNotifyWindow entry:disabled:active, + #XfceNotifyWindow entry:disabled:active:hover, + #XfceNotifyWindow entry:disabled:active:focus, + #XfceNotifyWindow entry:disabled:active:hover:focus, + #XfceNotifyWindow entry:disabled:checked, + #XfceNotifyWindow entry:disabled:checked:hover, + #XfceNotifyWindow entry:disabled:checked:focus, + #XfceNotifyWindow entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + .osd entry:disabled:disabled, + #XfceNotifyWindow entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + .osd entry:disabled:active:disabled, .osd entry:disabled:checked:disabled, + #XfceNotifyWindow entry:disabled:active:disabled, + #XfceNotifyWindow entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + .osd trough, .osd.trough, + #XfceNotifyWindow trough, + #XfceNotifyWindow.trough { + background-color: rgba(45, 45, 45, 0.3); } + .osd progressbar, .osd.progressbar, + #XfceNotifyWindow progressbar, + #XfceNotifyWindow.progressbar { + background-color: #2d2d2d; } + .osd scale slider, + #XfceNotifyWindow scale slider { + background-color: rgba(240, 240, 240, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.8); } + .osd scale slider:focus, .osd scale slider:hover, + #XfceNotifyWindow scale slider:focus, + #XfceNotifyWindow scale slider:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.8),0.3); } + .osd scale slider:active, .osd scale slider:active:hover, .osd scale slider:active:focus, .osd scale slider:active:hover:focus, .osd scale slider:checked, .osd scale slider:checked:hover, .osd scale slider:checked:focus, .osd scale slider:checked:hover:focus, + #XfceNotifyWindow scale slider:active, + #XfceNotifyWindow scale slider:active:hover, + #XfceNotifyWindow scale slider:active:focus, + #XfceNotifyWindow scale slider:active:hover:focus, + #XfceNotifyWindow scale slider:checked, + #XfceNotifyWindow scale slider:checked:hover, + #XfceNotifyWindow scale slider:checked:focus, + #XfceNotifyWindow scale slider:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.8); } + .osd scale slider:disabled, + #XfceNotifyWindow scale slider:disabled { + border-color: rgba(189, 189, 189, 0.8); } + .osd scale slider:active:disabled, .osd scale slider:checked:disabled, + #XfceNotifyWindow scale slider:active:disabled, + #XfceNotifyWindow scale slider:checked:disabled { + border-color: rgba(178, 178, 178, 0.8); } + .osd scale slider:disabled, + #XfceNotifyWindow scale slider:disabled { + background-color: rgba(200, 200, 200, 0.8); + background-image: none; } + .osd scale trough, + #XfceNotifyWindow scale trough { + border-color: rgba(178, 178, 178, 0.8); + background-color: rgba(240, 240, 240, 0.8); + background-image: none; } + .osd scale trough.highlight, + #XfceNotifyWindow scale trough.highlight { + border-color: #990000; + background-color: #990000; + background-image: none; } + .osd scale trough:disabled, .osd scale trough.highlight:disabled, + #XfceNotifyWindow scale trough:disabled, + #XfceNotifyWindow scale trough.highlight:disabled { + border-color: rgba(189, 189, 189, 0.8); + background-color: rgba(200, 200, 200, 0.8); + background-image: none; } + .osd scale trough, + #XfceNotifyWindow scale trough { + background-color: rgba(240, 240, 240, 0.8); } + .osd scale trough highlight, + #XfceNotifyWindow scale trough highlight { + background-color: #990000; } + .osd scale slider, + #XfceNotifyWindow scale slider { + background-clip: border-box; + background-color: #990000; + border-color: #990000; } + .osd scale slider:hover, + #XfceNotifyWindow scale slider:hover { + background-color: #cc0000; + border-color: #cc0000; } + .osd scale slider:active, + #XfceNotifyWindow scale slider:active { + background-color: #660000; + border-color: #660000; } + .osd.view, iconview.osd, .osd .view, .osd iconview, .osd view, + #XfceNotifyWindow.view, + iconview#XfceNotifyWindow, + #XfceNotifyWindow .view, + #XfceNotifyWindow iconview, + #XfceNotifyWindow view { + background-color: rgba(222, 222, 222, 0.8); } + .osd scrollbar trough, + #XfceNotifyWindow scrollbar trough { + background-color: rgba(222, 222, 222, 0.8); } + .osd scrollbar slider, + #XfceNotifyWindow scrollbar slider { + border: 1px solid mix(rgba(193, 193, 193, 0.8),#2d2d2d,0.21); + border-radius: 0; + background-color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.21); } + .osd scrollbar slider:hover, + #XfceNotifyWindow scrollbar slider:hover { + border-color: mix(rgba(193, 193, 193, 0.8),#2d2d2d,0.31); + background-color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.31); } + .osd scrollbar slider:active, + #XfceNotifyWindow scrollbar slider:active { + border-color: #8a0000; + background-color: #990000; } + .osd iconview.cell:selected, .osd iconview.cell:selected:focus, + #XfceNotifyWindow iconview.cell:selected, + #XfceNotifyWindow iconview.cell:selected:focus { + background-color: transparent; + border: 3px solid mix(rgba(193, 193, 193, 0.8),#2d2d2d,0.21); + border-radius: 0px; + outline-color: transparent; } + .osd .page-thumbnail, + #XfceNotifyWindow .page-thumbnail { + border: 1px solid rgba(200, 200, 200, 0.8); + /* when there's no pixbuf yet */ + background-color: rgba(222, 222, 222, 0.8); } + .osd popover.background, + #XfceNotifyWindow popover.background { + box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.5); } + .osd popover.background > toolbar button, + #XfceNotifyWindow popover.background > toolbar button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; } + .osd spinbutton:not(.vertical), + #XfceNotifyWindow spinbutton:not(.vertical) { + background-color: #dedede; + background-image: none; + border-color: #b2b2b2; + padding: 0; + color: #2d2d2d; + caret-color: #2d2d2d; } + .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):hover, + #XfceNotifyWindow spinbutton:not(.vertical):focus, + #XfceNotifyWindow spinbutton:not(.vertical):hover { + border-color: mix(#990000,#dedede,0.3); } + .osd spinbutton:not(.vertical):active, .osd spinbutton:not(.vertical):active:hover, .osd spinbutton:not(.vertical):active:focus, .osd spinbutton:not(.vertical):active:hover:focus, .osd spinbutton:not(.vertical):checked, .osd spinbutton:not(.vertical):checked:hover, .osd spinbutton:not(.vertical):checked:focus, .osd spinbutton:not(.vertical):checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical):active, + #XfceNotifyWindow spinbutton:not(.vertical):active:hover, + #XfceNotifyWindow spinbutton:not(.vertical):active:focus, + #XfceNotifyWindow spinbutton:not(.vertical):active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical):checked, + #XfceNotifyWindow spinbutton:not(.vertical):checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical):checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical):checked:hover:focus { + border-color: #9b9b9b; } + .osd spinbutton:not(.vertical):disabled, + #XfceNotifyWindow spinbutton:not(.vertical):disabled { + border-color: #bdbdbd; } + .osd spinbutton:not(.vertical):active:disabled, .osd spinbutton:not(.vertical):checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical):active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical):checked:disabled { + border-color: #b2b2b2; } + .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active, + #XfceNotifyWindow spinbutton:not(.vertical):focus, + #XfceNotifyWindow spinbutton:not(.vertical):active { + border-color: mix(#990000,rgba(189, 189, 189, 0.8),0.3); } + .osd spinbutton:not(.vertical):disabled, + #XfceNotifyWindow spinbutton:not(.vertical):disabled { + background-color: #c8c8c8; + background-image: none; + color: mix(#dedede,#2d2d2d,0.5); } + .osd spinbutton:not(.vertical) button, + #XfceNotifyWindow spinbutton:not(.vertical) button { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); + border-radius: 0; + border-color: rgba(189, 189, 189, 0.5); + border-style: none none none solid; + background-image: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover:focus, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd spinbutton:not(.vertical) button:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton:not(.vertical) button.flat, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .osd spinbutton:not(.vertical) button:hover:focus, .osd spinbutton:not(.vertical) button:hover:hover, .osd spinbutton:not(.vertical) button.flat:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton:not(.vertical) button:hover:active, .osd spinbutton:not(.vertical) button:hover:active:hover, .osd spinbutton:not(.vertical) button:hover:active:focus, .osd spinbutton:not(.vertical) button:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:hover:checked, .osd spinbutton:not(.vertical) button:hover:checked:hover, .osd spinbutton:not(.vertical) button:hover:checked:focus, .osd spinbutton:not(.vertical) button:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:active, .osd spinbutton:not(.vertical) button.flat:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton:not(.vertical) button:hover:disabled, .osd spinbutton:not(.vertical) button.flat:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton:not(.vertical) button:hover:active:disabled, .osd spinbutton:not(.vertical) button:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button.flat:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .osd spinbutton:not(.vertical) button:focus:focus, .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton:not(.vertical) button:focus:active, .osd spinbutton:not(.vertical) button:focus:active:hover, .osd spinbutton:not(.vertical) button:focus:active:focus, .osd spinbutton:not(.vertical) button:focus:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:checked, .osd spinbutton:not(.vertical) button:focus:checked:hover, .osd spinbutton:not(.vertical) button:focus:checked:focus, .osd spinbutton:not(.vertical) button:focus:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:active, .osd spinbutton:not(.vertical) button.flat:focus:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton:not(.vertical) button:focus:disabled, .osd spinbutton:not(.vertical) button.flat:focus:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton:not(.vertical) button:focus:active:disabled, .osd spinbutton:not(.vertical) button:focus:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .osd spinbutton:not(.vertical) button:focus:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton:not(.vertical) button:focus:hover:active, .osd spinbutton:not(.vertical) button:focus:hover:active:hover, .osd spinbutton:not(.vertical) button:focus:hover:active:focus, .osd spinbutton:not(.vertical) button:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton:not(.vertical) button:focus:hover:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton:not(.vertical) button:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button:focus:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button.flat:checked, .osd spinbutton:not(.vertical) button.flat:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd spinbutton:not(.vertical) button:checked:active, .osd spinbutton:not(.vertical) button:checked:active:hover, .osd spinbutton:not(.vertical) button:checked:active:focus, .osd spinbutton:not(.vertical) button:checked:active:hover:focus, .osd spinbutton:not(.vertical) button:checked:checked, .osd spinbutton:not(.vertical) button:checked:checked:hover, .osd spinbutton:not(.vertical) button:checked:checked:focus, .osd spinbutton:not(.vertical) button:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button:active:active, .osd spinbutton:not(.vertical) button:active:active:hover, .osd spinbutton:not(.vertical) button:active:active:focus, .osd spinbutton:not(.vertical) button:active:active:hover:focus, .osd spinbutton:not(.vertical) button:active:checked, .osd spinbutton:not(.vertical) button:active:checked:hover, .osd spinbutton:not(.vertical) button:active:checked:focus, .osd spinbutton:not(.vertical) button:active:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:active, .osd spinbutton:not(.vertical) button.flat:checked:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:active:focus, .osd spinbutton:not(.vertical) button.flat:checked:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover, .osd spinbutton:not(.vertical) button.flat:checked:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:active, .osd spinbutton:not(.vertical) button.flat:active:active:hover, .osd spinbutton:not(.vertical) button.flat:active:active:focus, .osd spinbutton:not(.vertical) button.flat:active:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:checked, .osd spinbutton:not(.vertical) button.flat:active:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:checked:focus, .osd spinbutton:not(.vertical) button.flat:active:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd spinbutton:not(.vertical) button:checked:active:disabled, .osd spinbutton:not(.vertical) button:checked:checked:disabled, .osd spinbutton:not(.vertical) button:active:active:disabled, .osd spinbutton:not(.vertical) button:active:checked:disabled, .osd spinbutton:not(.vertical) button.flat:checked:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:active:disabled, .osd spinbutton:not(.vertical) button.flat:active:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:focus, .osd spinbutton:not(.vertical) button.flat:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { + color: #2d2d2d; } + .osd spinbutton:not(.vertical) button:disabled:disabled, .osd spinbutton:not(.vertical) button.flat:disabled:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd spinbutton:not(.vertical) button.separator, .osd spinbutton:not(.vertical) button .separator, + #XfceNotifyWindow spinbutton:not(.vertical) button.separator, + #XfceNotifyWindow spinbutton:not(.vertical) button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + .osd spinbutton:not(.vertical) button.separator:disabled, .osd spinbutton:not(.vertical) button .separator:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.separator:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + .osd spinbutton:not(.vertical) button:dir(rtl), + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover { + color: #2d2d2d; } + .osd spinbutton:not(.vertical) button:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { + color: alpha(mix(#2d2d2d,#dedede,0.6),0.8); } + .osd spinbutton:not(.vertical) button:backdrop, + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop { + color: mix(#dedede,mix(#2d2d2d,#dedede,0.5),0.9); } + .osd spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .osd spinbutton:not(.vertical) button:backdrop:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(184, 184, 184, 0.8); + border-style: none none none solid; } + .osd spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child, + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 0px 0 0 0px; } + .osd spinbutton:not(.vertical) button:dir(ltr):last-child, + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 0px 0px 0; } + .osd spinbutton.vertical button:first-child, + #XfceNotifyWindow spinbutton.vertical button:first-child { + background-color: rgba(222, 222, 222, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover:focus, .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd spinbutton.vertical button:first-child:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton.vertical button:first-child.flat, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .osd spinbutton.vertical button:first-child:hover:focus, .osd spinbutton.vertical button:first-child:hover:hover, .osd spinbutton.vertical button:first-child.flat:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton.vertical button:first-child:hover:active, .osd spinbutton.vertical button:first-child:hover:active:hover, .osd spinbutton.vertical button:first-child:hover:active:focus, .osd spinbutton.vertical button:first-child:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:hover:checked, .osd spinbutton.vertical button:first-child:hover:checked:hover, .osd spinbutton.vertical button:first-child:hover:checked:focus, .osd spinbutton.vertical button:first-child:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:active, .osd spinbutton.vertical button:first-child.flat:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton.vertical button:first-child:hover:disabled, .osd spinbutton.vertical button:first-child.flat:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton.vertical button:first-child:hover:active:disabled, .osd spinbutton.vertical button:first-child:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child.flat:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus { + background-color: rgba(233, 233, 233, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .osd spinbutton.vertical button:first-child:focus:focus, .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton.vertical button:first-child:focus:active, .osd spinbutton.vertical button:first-child:focus:active:hover, .osd spinbutton.vertical button:first-child:focus:active:focus, .osd spinbutton.vertical button:first-child:focus:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:checked, .osd spinbutton.vertical button:first-child:focus:checked:hover, .osd spinbutton.vertical button:first-child:focus:checked:focus, .osd spinbutton.vertical button:first-child:focus:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:active, .osd spinbutton.vertical button:first-child.flat:focus:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton.vertical button:first-child:focus:disabled, .osd spinbutton.vertical button:first-child.flat:focus:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton.vertical button:first-child:focus:active:disabled, .osd spinbutton.vertical button:first-child:focus:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { + background-color: rgba(244, 244, 244, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .osd spinbutton.vertical button:first-child:focus:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .osd spinbutton.vertical button:first-child:focus:hover:active, .osd spinbutton.vertical button:first-child:focus:hover:active:hover, .osd spinbutton.vertical button:first-child:focus:hover:active:focus, .osd spinbutton.vertical button:first-child:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .osd spinbutton.vertical button:first-child:focus:hover:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .osd spinbutton.vertical button:first-child:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child:focus:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child.flat:checked, .osd spinbutton.vertical button:first-child.flat:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .osd spinbutton.vertical button:first-child:checked:active, .osd spinbutton.vertical button:first-child:checked:active:hover, .osd spinbutton.vertical button:first-child:checked:active:focus, .osd spinbutton.vertical button:first-child:checked:active:hover:focus, .osd spinbutton.vertical button:first-child:checked:checked, .osd spinbutton.vertical button:first-child:checked:checked:hover, .osd spinbutton.vertical button:first-child:checked:checked:focus, .osd spinbutton.vertical button:first-child:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child:active:active, .osd spinbutton.vertical button:first-child:active:active:hover, .osd spinbutton.vertical button:first-child:active:active:focus, .osd spinbutton.vertical button:first-child:active:active:hover:focus, .osd spinbutton.vertical button:first-child:active:checked, .osd spinbutton.vertical button:first-child:active:checked:hover, .osd spinbutton.vertical button:first-child:active:checked:focus, .osd spinbutton.vertical button:first-child:active:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:active, .osd spinbutton.vertical button:first-child.flat:checked:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:active:focus, .osd spinbutton.vertical button:first-child.flat:checked:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover, .osd spinbutton.vertical button:first-child.flat:checked:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:active, .osd spinbutton.vertical button:first-child.flat:active:active:hover, .osd spinbutton.vertical button:first-child.flat:active:active:focus, .osd spinbutton.vertical button:first-child.flat:active:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:checked, .osd spinbutton.vertical button:first-child.flat:active:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:checked:focus, .osd spinbutton.vertical button:first-child.flat:active:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .osd spinbutton.vertical button:first-child:checked:active:disabled, .osd spinbutton.vertical button:first-child:checked:checked:disabled, .osd spinbutton.vertical button:first-child:active:active:disabled, .osd spinbutton.vertical button:first-child:active:checked:disabled, .osd spinbutton.vertical button:first-child.flat:checked:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:active:disabled, .osd spinbutton.vertical button:first-child.flat:active:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:focus, .osd spinbutton.vertical button:first-child.flat:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { + color: #2d2d2d; } + .osd spinbutton.vertical button:first-child:disabled:disabled, .osd spinbutton.vertical button:first-child.flat:disabled:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:disabled:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:disabled:disabled { + background-color: alpha(mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(222, 222, 222, 0.8),#2d2d2d,0.5); + box-shadow: none; } + .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd spinbutton.vertical button:first-child.separator, .osd spinbutton.vertical button:first-child .separator, + #XfceNotifyWindow spinbutton.vertical button:first-child.separator, + #XfceNotifyWindow spinbutton.vertical button:first-child .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.7); } + .osd spinbutton.vertical button:first-child.separator:disabled, .osd spinbutton.vertical button:first-child .separator:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.separator:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child .separator:disabled { + color: rgba(222, 222, 222, 0.65); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: 0; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, mix(#dedede,#2d2d2d,0.08) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #d1d1d1; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9) 1px, transparent 1px); + background-color: #d6d6d6; + transition: 200ms ease-out; } + +/***************** + ! Progress bars * +******************/ +progressbar { + padding: 0; + border-radius: 0px; + font-size: smaller; + color: rgba(45, 45, 45, 0.6); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar trough { + border: 1px solid mix(#dedede,#2d2d2d,0.17); + background-color: #f0f0f0; + background-image: none; + border-radius: 0px; } + progressbar progress { + background-color: #990000; + background-image: none; + border-radius: 0; } + progressbar progress.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + progressbar progress.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + progressbar progress.bottom { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } + progressbar progress.top { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } + +levelbar.horizontal block { + min-width: 34px; + min-height: 4px; } +levelbar.vertical block { + min-width: 4px; + min-height: 34px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + background-color: #f0f0f0; + background-image: none; + border: 1px solid mix(#dedede,#2d2d2d,0.17); + border-radius: 0px; + padding: 2px; } +levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.horizontal.discrete block:first-child { + margin: 0; } +levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar.vertical.discrete block:first-child { + margin: 0; } +levelbar block { + background-color: #990000; + background-image: none; + border-color: transparent; + border-radius: 0px; } + levelbar block.low { + background-color: #ef6c00; + border-color: transparent; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #4caf50; + border-color: transparent; } + levelbar block.full { + background-color: #7a0000; + border-color: transparent; } + levelbar block.empty { + background-color: transparent; + border-color: transparent; + box-shadow: none; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 3px; } + scale.horizontal trough { + padding: 0 3px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 3px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; } + scale.fine-tune slider { + margin: -7px; } + scale.fine-tune highlight { + background-color: #a80000; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 2.5px; + background-color: mix(#dedede,#2d2d2d,0.2); } + scale trough:disabled { + background-color: mix(#dedede,#2d2d2d,0.1); } + menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: #dedede; } + menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: mix(#dedede,#990000,0.55); } + menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 2.5px; + background-color: #990000; } + scale highlight:disabled { + background-color: rgba(153, 0, 0, 0.55); } + scale fill { + border-radius: 2.5px; + background-color: rgba(153, 0, 0, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #dedede; + border: 1px solid rgba(45, 45, 45, 0.16); + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: #ebebeb; } + scale slider:active { + background-clip: border-box; + background-color: #990000; + border-color: #990000; } + scale slider:disabled { + background-color: mix(#dedede,#dedede,0.55); + border-color: rgba(45, 45, 45, 0); } + menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: #dedede; + border-color: #dedede; } + menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: mix(#dedede,#990000,0.85); + border-color: mix(#dedede,#990000,0.85); } + menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: mix(#dedede,#990000,0.5); + border-color: mix(#dedede,#990000,0.5); } + menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: mix(#dedede,#990000,0.55); + border-color: mix(#dedede,#990000,0.55); } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + scale.color trough { + padding: 0; + border: 0; + background-image: none; } + scale.color highlight, scale.color fill { + margin: 0; } + scale.color.horizontal { + padding: 0 0 6px 0; } + scale.color.horizontal trough { + 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 { + margin-bottom: 0; + margin-top: 0; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 6px; } + scale.color.vertical:dir(ltr) trough { + 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 { + margin-left: 0; + margin-right: 0; } + scale.color.vertical:dir(rtl) { + padding: 0 6px 0 0; } + scale.color.vertical:dir(rtl) trough { + 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 { + margin-right: 0; + margin-left: 0; } + +/*********** + ! Scrollbar +************/ +scrollbar { + background-color: #d1d1d1; + transition: 300ms ease-out; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.bottom { + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.left { + border-right: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.right { + border-left: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar:backdrop { + background-color: #d6d6d6; + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); + transition: 400ms ease-in; } + scrollbar slider { + min-width: 7px; + min-height: 7px; + border: 1px solid transparent; + border-radius: 0px; + background-clip: padding-box; + background-color: mix(#dedede,#2d2d2d,0.5); } + scrollbar slider:hover { + background-color: mix(#dedede,#2d2d2d,0.7); } + scrollbar slider:hover:active { + background-color: maroon; } + scrollbar slider:backdrop { + background-color: mix(mix(#2d2d2d,#dedede,0.5),#dedede,0.4); } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar.fine-tune slider:active { + background-color: #b30000; } + scrollbar.overlay-indicator { + opacity: .8; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: .4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + background-color: #2d2d2d; + border: 1px solid #fff; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + border-color: transparent; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 7px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 7px; } + scrollbar button { + min-width: 7px; + min-height: 7px; + padding: 0; + border: 0; + border-radius: 0; + border-color: mix(#dedede,#2d2d2d,0.08); + background-color: transparent; + box-shadow: none; + color: mix(#dedede,#2d2d2d,0.5); } + scrollbar button:hover { + color: mix(#dedede,#2d2d2d,0.7); } + scrollbar button:active, scrollbar button:checked { + color: maroon; } + scrollbar button:backdrop { + color: mix(mix(#2d2d2d,#dedede,0.5),#dedede,0.4); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + border-left: 1px solid mix(#dedede,#2d2d2d,0.08); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + border-right: 1px solid mix(#dedede,#2d2d2d,0.08); } + +/********* + ! Sidebar +**********/ +.sidebar { + border-style: none; + background-color: mix(#dedede,#dedede,0.5); } + 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 mix(#dedede,#2d2d2d,0.08); + 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 mix(#dedede,#2d2d2d,0.08); + border-right-style: none; } + .sidebar:backdrop { + background-color: mix(#dedede,#dedede,0.5); + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); + transition: 200ms ease-out; } + .sidebar .frame, .sidebar frame { + border-width: 0; } + .sidebar list { + background-color: transparent; } + 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 row { + padding: 6px 3px; } + stacksidebar row > label { + padding-left: 3px; + padding-right: 3px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 32px; + padding: 0; } + placessidebar row > revealer { + padding: 0 6px; } + placessidebar row:selected { + color: #dedede; } + placessidebar row:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + placessidebar row:backdrop { + color: mix(#2d2d2d,#dedede,0.5); } + placessidebar row:backdrop:selected { + color: mix(#990000,#dedede,0.66); } + placessidebar row:backdrop:disabled { + color: #b8b8b8; } + placessidebar row image.sidebar-icon { + opacity: 0.7; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; + padding-left: 3px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; + padding-right: 3px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 20px; + min-width: 20px; + margin-top: 2px; + margin-bottom: 2px; + 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: #990000; } + 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: #dedede; + background-color: #4e9a06; } + +/****** +! Paned +*******/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#c8c8c8); + background-size: 1px 1px; + background-position: center center; } + paned > separator:selected { + background-image: image(#990000); } + paned > separator:backdrop { + background-image: image(mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #dedede; + background-image: image(#b2b2b2), image(#b2b2b2); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #dedede; + background-image: image(mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9)), image(mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9)); } +paned.horizontal > separator { + background-repeat: repeat-y; + padding: 0 2px; + margin: 0 -2px; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + background-repeat: repeat-x; + padding: 2px 0; + margin: -2px 0; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } +paned.titlebar > separator { + background-image: image(#c8c8c8); } + +/******************* + ! Spinner animation +********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background-image: none; + color: #990000; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: .5; } + +/*********************** + ! Check and Radio items +************************/ +radio { + background-image: none; + -gtk-icon-source: url("../assets/radio-unchecked.svg"); + min-width: 16px; + min-height: 16px; + margin-right: 3px; } + radio:disabled { + -gtk-icon-source: url("../assets/radio-unchecked-disabled.svg"); } + radio:checked, radio:active { + -gtk-icon-source: url("../assets/radio-checked.svg"); } + radio:checked:disabled, radio:active:disabled { + -gtk-icon-source: url("../assets/radio-checked-disabled.svg"); } + radio:indeterminate { + -gtk-icon-source: url("../assets/radio-mixed.svg"); } + radio:indeterminate:disabled { + -gtk-icon-source: url("../assets/radio-mixed-disabled.svg"); } + menuitem radio, modelbutton radio { + -gtk-icon-source: url("../assets/menuitem-radio-unchecked.svg"); } + menuitem radio:disabled, modelbutton radio:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-checked-disabled.svg"); } + menuitem radio:checked, menuitem radio:active, modelbutton radio:checked, modelbutton radio:active { + -gtk-icon-source: url("../assets/menuitem-radio-checked.svg"); } + menuitem radio:checked:hover, menuitem radio:active:hover, modelbutton radio:checked:hover, modelbutton radio:active:hover { + -gtk-icon-source: url("../assets/menuitem-radio-checked-hover.svg"); } + menuitem radio:checked:disabled, menuitem radio:active:disabled, modelbutton radio:checked:disabled, modelbutton radio:active:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-checked-disabled.svg"); } + menuitem radio:indeterminate, modelbutton radio:indeterminate { + -gtk-icon-source: url("../assets/menuitem-radio-mixed.svg"); } + menuitem radio:indeterminate:hover, modelbutton radio:indeterminate:hover { + -gtk-icon-source: url("../assets/menuitem-radio-mixed-hover.svg"); } + menuitem radio:indeterminate:disabled, modelbutton radio:indeterminate:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-mixed-disabled.svg"); } + +check { + background-image: none; + -gtk-icon-source: url("../assets/checkbox-unchecked.svg"); + min-width: 16px; + min-height: 16px; + margin-right: 3px; } + check:disabled { + -gtk-icon-source: url("../assets/checkbox-unchecked-disabled.svg"); } + check:checked, check:active { + -gtk-icon-source: url("../assets/checkbox-checked.svg"); } + check:checked:disabled, check:active:disabled { + -gtk-icon-source: url("../assets/checkbox-checked-disabled.svg"); } + check:indeterminate { + -gtk-icon-source: url("../assets/checkbox-mixed.svg"); } + check:indeterminate:disabled { + -gtk-icon-source: url("../assets/checkbox-mixed-disabled.svg"); } + menuitem check, modelbutton check { + -gtk-icon-source: url("../assets/menuitem-checkbox-unchecked.svg"); } + menuitem check:disabled, modelbutton check:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-disabled.svg"); } + menuitem check:checked, menuitem check:active, modelbutton check:checked, modelbutton check:active { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked.svg"); } + menuitem check:checked:hover, menuitem check:active:hover, modelbutton check:checked:hover, modelbutton check:active:hover { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-hover.svg"); } + menuitem check:checked:disabled, menuitem check:active:disabled, modelbutton check:checked:disabled, modelbutton check:active:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-disabled.svg"); } + menuitem check:indeterminate, modelbutton check:indeterminate { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed.svg"); } + menuitem check:indeterminate:hover, modelbutton check:indeterminate:hover { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-hover.svg"); } + menuitem check:indeterminate:disabled, modelbutton check:indeterminate:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-disabled.svg"); } + +radio:dir(rtl), check:dir(rtl) { + margin-right: 0; + margin-left: 3px; } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +/******** + ! Switch +*********/ +switch { + border-radius: 0px; + padding: 2px; + border: none; + outline: none; + transition: background-color .3s linear; + min-width: 88px; + min-height: 24px; + background-color: mix(#dedede,#dedede,0.3); + color: #2d2d2d; + box-shadow: inset 1px -1px 0 rgba(9, 9, 9, 0.06), inset -1px 1px 0 rgba(9, 9, 9, 0.06); } + switch slider { + background-color: mix(#2d2d2d,#dedede,0.5); + transition: all 0.3s ease-in; + box-shadow: 0 1px 2px 0 rgba(9, 9, 9, 0.07), 1px 0 2px 0 rgba(9, 9, 9, 0.07); + border-radius: 0px; } + switch:checked { + background-color: #990000; + background-image: none; + border-color: #990000; + color: #dedede; } + switch:checked slider { + background-color: #fff; + box-shadow: 0 1px 3px 0 rgba(9, 9, 9, 0.1); } + switch:disabled { + background-color: mix(#dedede,#dedede,0.5); + background-image: none; + border-color: #dedede; + color: #dedede; + box-shadow: none; } + switch:disabled slider { + background-color: #dedede; } + list row:selected switch { + background-color: #dedede; + color: mix(#dedede,#dedede,0.5); } + list row:selected switch slider { + background-color: mix(mix(#dedede,#dedede,0.5),#dedede,0.4); } + list row:selected switch:checked { + color: #990000; + background-color: mix(#2d2d2d,#dedede,0.5); } + list row:selected switch:checked slider { + background-color: #990000; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Toolbar +**********/ +/*************** + ! Generic views +****************/ +.view, iconview, +.view text, +iconview text, +textview text { + color: #2d2d2d; + background-color: #dedede; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: mix(#dedede,#2d2d2d,0.8); + background-color: #dedede; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 0px; } + +textview border { + background-color: mix(#dedede,#dedede,0.5); } + +/************ +! Treeview +*************/ +.rubberband, +rubberband, +flowbox rubberband, +treeview.view rubberband { + border: 1px solid #980000; + background-color: rgba(152, 0, 0, 0.2); } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #dedede; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #dedede; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #990000; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 1px 4px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #dedede; } + treeview.view header button:disabled { + border-color: #dedede; + background-image: none; } + treeview.view header button:backdrop { + border-color: #dedede; + border-style: none solid solid none; + color: mix(mix(#2d2d2d,#dedede,0.5),#dedede,0.5); + background-image: none; + background-color: #dedede; } + treeview.view header button:backdrop:disabled { + border-color: #dedede; + background-image: none; } + +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + border-left-color: mix(#2d2d2d,#dedede,0.5); + border-top-color: #dedede; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: mix(#dedede,#990000,0.5); + border-top-color: rgba(45, 45, 45, 0.1); } + treeview.view:disabled { + color: mix(#2d2d2d,#dedede,0.5); } + treeview.view:disabled:selected { + color: mix(#dedede,#990000,0.4); } + treeview.view:disabled:selected:backdrop { + color: mix(mix(#990000,#dedede,0.66),#990000,0.3); } + treeview.view:disabled:backdrop { + color: #b8b8b8; } + treeview.view.separator { + min-height: 2px; + color: #dedede; } + treeview.view.separator:backdrop { + color: rgba(222, 222, 222, 0.1); } + treeview.view:backdrop { + border-left-color: mix(mix(#2d2d2d,#dedede,0.5),#dedede,0.5); + border-top: #dedede; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: mix(#990000,#2d2d2d,0.3); } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: mix(#dedede,#2d2d2d,0.7); } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #2d2d2d; } + treeview.view.expander:selected { + color: mix(#990000,#dedede,0.7); } + treeview.view.expander:selected:hover { + color: #dedede; } + treeview.view.expander:selected:backdrop { + color: mix(#990000,mix(#990000,#dedede,0.66),0.7); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: mix(#dedede,mix(#2d2d2d,#dedede,0.5),0.7); } + treeview.view.progressbar { + color: #dedede; + border-radius: 0px; + border: 1px solid mix(#990000,#2d2d2d,0.3); + background-color: #990000; } + treeview.view.progressbar:selected { + border: 1px solid mix(#990000,#dedede,0.2); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + color: #dedede; + box-shadow: none; + background-color: #990000; + background-image: none; + border-radius: 0px; } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + color: mix(#990000,#dedede,0.66); + border-color: mix(#990000,#2d2d2d,0.3); + background-color: mix(#dedede,#990000,0.9); } + treeview.view.progressbar:disabled { + background-color: #dedede; + background-image: none; + border-color: #bdbdbd; } + treeview.view.progressbar:backdrop { + color: #dedede; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(45, 45, 45, 0.1); + border-radius: 0px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(222, 222, 222, 0.3); + border-width: 1px 0; + border-style: solid; + border-color: #990000; + border-radius: 0px; } + treeview.view header button { + color: mix(#2d2d2d,#dedede,0.5); + background-color: #dedede; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: mix(mix(#2d2d2d,#dedede,0.5),#2d2d2d,0.5); + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #2d2d2d; + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view 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: 0 6px; + transition: none; + background-image: none; + background-color: #990000; + color: #dedede; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #dedede; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #990000; } + +/*********** + ! Separator +************/ +separator { + background: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +/********** + ! Frames * +***********/ +frame > border, .frame { + border: 1px solid mix(#dedede,#2d2d2d,0.08); } + frame > border.flat, .frame.flat { + border-style: none; } + frame > border:backdrop, .frame:backdrop { + border-color: mix(#dedede,mix(#dedede,#2d2d2d,0.08),0.9); } + +/* avoid double borders when a viewport is packed into a GtkScrolledWindow */ +scrolledwindow viewport.frame { + border: 0; } + +/*************** + ! Places view * +****************/ +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; } + +/************** + ! Window frame +***************/ +decoration { + border-radius: 0px 0px 0 0; + /* this is used for the resize cursor area */ + border-width: 1px; + border-style: solid; + border-color: #dedede; } + decoration:backdrop { + border-color: #dedede; + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: 0 0 0 1px #990000; } + .solid-csd decoration { + border-radius: 0; + box-shadow: none; } + .csd.popup decoration { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + tooltip.csd decoration { + border-radius: 0px; + box-shadow: none; } + messagedialog.csd decoration { + border-radius: 0px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +/*********************** + ! Fallback mode panel * +************************/ +panel-plug, +panel-toplevel.background, clock-box, clock-box:backdrop, +panel-applet > menubar, +panel-applet > menubar:backdrop, +panel-toplevel .gnome-panel-menu-bar, +panel-toplevel .gnome-panel-menu-bar:backdrop, clock-box menuitem, clock-box:backdrop menuitem, +panel-applet > menubar menuitem, +panel-applet > menubar:backdrop menuitem, +panel-toplevel .gnome-panel-menu-bar menuitem, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem, wnck-pager, wnck-tasklist, .mate-panel-menu-bar, .xfce4-panel, UnityPanelWidget, .unity-panel { + background-color: #dedede; + background-image: none; + color: #2d2d2d; } + +clock-box menuitem label, clock-box:backdrop menuitem label, +panel-applet > menubar menuitem label, +panel-applet > menubar:backdrop menuitem label, +panel-toplevel .gnome-panel-menu-bar menuitem label, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem label, gp-calendar-window label, +#tasklist-button label, +#clock-applet-button label, +#showdesktop-button label { + font-weight: normal; + color: #2d2d2d; } + +#clock-applet-button, #clock-applet-button:backdrop, panel-applet button, panel-applet button:backdrop, .xfce4-panel button, #login_window, #shutdown_dialog, #restart_dialog { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: #2d2d2d; } + #clock-applet-button:hover, panel-applet button:hover, .xfce4-panel button:hover, #login_window:hover, #shutdown_dialog:hover, #restart_dialog:hover { + background-color: mix(#dedede,#2d2d2d,0.11); + background-image: none; + border-color: mix(#dedede,#2d2d2d,0.11); + color: #313131; } + #clock-applet-button:active, panel-applet button:active, .xfce4-panel button:active, #login_window:active, #shutdown_dialog:active, #restart_dialog:active, #clock-applet-button:checked, panel-applet button:checked, .xfce4-panel button:checked, #login_window:checked, #shutdown_dialog:checked, #restart_dialog:checked { + background-color: mix(#dedede,#2d2d2d,0.21); + background-image: none; + border-color: mix(#dedede,#2d2d2d,0.21); + color: #313131; } + #clock-applet-button:active:hover, panel-applet button:active:hover, .xfce4-panel button:active:hover, #login_window:active:hover, #shutdown_dialog:active:hover, #restart_dialog:active:hover, #clock-applet-button:checked:hover, panel-applet button:checked:hover, .xfce4-panel button:checked:hover, #login_window:checked:hover, #shutdown_dialog:checked:hover, #restart_dialog:checked:hover { + background-color: mix(#dedede,#2d2d2d,0.31); + background-image: none; + border-color: mix(#dedede,#2d2d2d,0.31); } + +panel-plug, +panel-toplevel.background { + padding: 0; } + +.gp-text-color { + color: #000; } + +panel-applet { + border: 0; } + +clock-box menuitem, clock-box:backdrop menuitem, +panel-applet > menubar menuitem, +panel-applet > menubar:backdrop menuitem, +panel-toplevel .gnome-panel-menu-bar menuitem, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem { + border: 0; } + +/**************** + ! MATE styles * +*****************/ +.mate-panel-menu-bar { + border: 0; + padding: 0; + text-shadow: none; } + +#PanelApplet label, +.mate-panel-menu-bar menubar > menuitem { + color: #2d2d2d; } + +PanelSeparator, MatePanelAppletFrameDBus { + border-width: 0; + color: transparent; + background-image: -gtk-scaled(url("../assets/pane-handle.png"), url("../assets/pane-handle@2.png")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; } + +#PanelApplet button, +#PanelApplet button.flat, +#PanelApplet button.toggle +#PanelApplet button.flat.toggle { + background-image: none; + background-color: transparent; + border-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 1px; + color: #2d2d2d; + text-shadow: none; + box-shadow: none; + padding: 2px; } + +#PanelApplet button:hover:active, +#PanelApplet button:checked, +#PanelApplet button:checked:hover, +#PanelApplet button.flat:hover:active, +#PanelApplet button.flat:checked, +#PanelApplet button.flat:checked:hover, +#PanelApplet button.toggle:hover:active, +#PanelApplet button.toggle:checked, +#PanelApplet button.toggle:checked:hover, +#PanelApplet button.flat.toggle:hover:active, +#PanelApplet button.flat.toggle:checked, +#PanelApplet button.flat.toggle:checked:hover { + background-image: none; + background-color: darker(#dedede); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: lighter(#2d2d2d); + text-shadow: none; + padding: 2px; } + +#PanelApplet button:hover, +#PanelApplet button.flat:hover, +#PanelApplet button.toggle:hover, +#PanelApplet button.flat.toggle:hover { + background-image: none; + background-color: white; + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: #dedede; + text-shadow: none; + padding: 2px; } + +.mate-panel-menu-bar menubar > menuitem { + padding: 3px 7px; } + +/********************* + ! Cinnamon Settings * +**********************/ +.cs-category-view, .cs-category-view:backdrop, .cs-category-view .view, .cs-category-view iconview, .cs-category-view .view:backdrop, .cs-category-view iconview:backdrop { + background-color: transparent; } + +/**************** + ! Gnome clocks * +*****************/ +.clocks-analog-frame.trough { + color: mix(#2d2d2d,#dedede,0.85); } +.clocks-analog-frame.progress { + color: mix(#dedede,#990000,0.5); } +.clocks-analog-frame.progress-fast { + color: #6b0000; } + +/***************** + ! Gnome Builder * +******************/ +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: 0; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 0px 0px 0 0; } + +/************************ + ! Unity-Control-Center * +*************************/ +.background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame { + border: 0 none transparent; } + .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:backdrop, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop { + background-color: transparent; } + +/*********************** + ! Unity Greeter * + ***********************/ +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.lightdm.button, .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.9); + border-radius: 1px; + padding: 3px; + color: #fff; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.6); + border-color: rgba(255, 255, 255, 0.2); + border-radius: 0px; + padding: 1px; + color: #fff; } + .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { + color: #fff; } +.lightdm.menubar *, .lightdm.menubar.menuitem { + padding: 0px; } +.lightdm.option-button { + padding: 3px; + background: none; + border: 0; } +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.3); + border-width: 1px; } + .lightdm.toggle-button.selected:hover { + background-color: rgba(255, 255, 255, 0.3); } +.lightdm.button:hover { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.6); + text-shadow: none; } +.lightdm.entry, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.button:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.6); + border-radius: 1px; + padding: 5px; + color: #fff; + text-shadow: none; } +.lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { + background-image: none; + border-image: none; } +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.6); + border-width: 1px; + border-style: solid; + color: #fff; } +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.2); } + +.lightdm-combo.menu { + background-color: #f0f0f0; + border-radius: 0; + padding: 0; + color: #fff; } + +/********* + ! Gedit * +**********/ +GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; } + GeditWindow .pane-separator, GeditWindow .pane-separator:hover { + border-color: #c8c8c8; + background-color: #dedede; } + +.gedit-document-panel { + background-color: #dedede; + color: mix(#2d2d2d,#dedede,0.1); } + .gedit-document-panel list row { + padding: 3px; } + .gedit-document-panel list row button { + padding: 1px; + border-radius: 0px; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + -gtk-icon-shadow: none; } + .gedit-document-panel .prelight-row button { + border-color: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.8); } + .gedit-document-panel .prelight-row button:active { + border-color: rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.08); + color: #fff; } + .gedit-document-panel list row button:hover, .gedit-document-panel .prelight-row button:hover { + border-color: rgba(0, 0, 0, 0.1); + color: #fff; } + +.gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { + border-top: 1px solid #c8c8c8; + background-color: #dedede; } + +.gedit-document-panel-document-row:hover { + background-color: #e9e9e9; } + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.5); + color: #fff; } + +.gedit-document-panel-placeholder-row { + border: 0; + background-color: rgba(0, 0, 0, 0.08); + transition: all 200ms ease-in; } + +statusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; } + statusbar GeditSmallButton button, GeditStatusMenuButton button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; } + statusbar GeditSmallButton button:hover, statusbar GeditSmallButton button:active, statusbar GeditSmallButton button:active:hover, GeditStatusMenuButton button:hover, GeditStatusMenuButton button:active, GeditStatusMenuButton button:active:hover { + border-color: #b2b2b2; } + statusbar GeditSmallButton button:active, GeditStatusMenuButton button:active { + background-color: lightgray; + color: #2d2d2d; } + +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 0 0 0px 0px; + border-width: 0 1px 1px; + border-style: solid; + border-color: #b2b2b2; + background-color: #dedede; } + GeditViewFrame .gedit-search-slider .not-found { + background-color: #f44336; + background-image: none; + color: #fff; } + +GeditFileBrowserWidget .toolbar { + padding: 1.5px; + border-top: 0; + background-color: #dedede; + background-image: none; } + +.gedit-search-entry-occurrences-tag { + margin: 1.5px; + padding: 1.5px; + color: mix(#2d2d2d,#dedede,0.5); } + +.gedit-bottom-panel-paned, +.gedit-side-panel-paned, +paned.titlebar { + margin-right: 0; } + +.gedit-bottom-panel-paned notebook { + border-top: none; } + +/************ + ! Nautilus * +*************/ +.nautilus-desktop, .nautilus-desktop:backdrop, .nautilus-desktop *, .nautilus-desktop *:backdrop { + color: #fff; + text-shadow: 1px 1px #000; } + .nautilus-desktop:active, .nautilus-desktop:backdrop:active, .nautilus-desktop *:active, .nautilus-desktop *:backdrop:active { + color: #2d2d2d; } + .nautilus-desktop:selected, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:selected { + color: #dedede; } + .nautilus-desktop:active, .nautilus-desktop:hover, .nautilus-desktop:selected, .nautilus-desktop:backdrop:active, .nautilus-desktop:backdrop:hover, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:active, .nautilus-desktop *:hover, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:active, .nautilus-desktop *:backdrop:hover, .nautilus-desktop *:backdrop:selected { + text-shadow: none; } + +.nautilus-window toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: #b2b2b2; } +.nautilus-window .sidebar { + border: 0; } + .nautilus-window .sidebar frame { + border: 0; } +.nautilus-window notebook { + background-color: #dedede; + border: 0; } + .nautilus-window notebook frame { + border: 0; } +.nautilus-window .searchbar-container { + margin-top: -1px; } + .nautilus-window .searchbar-container searchbar { + padding-top: 0px; + padding-bottom: 1px; + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.08); } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(45, 45, 45, 0.5); + border-color: rgba(41, 41, 41, 0.5); } + .disk-space-display.used { + background-color: rgba(153, 0, 0, 0.8); + border-color: rgba(138, 0, 0, 0.8); } + .disk-space-display.free { + background-color: lightgray; + border-color: #bebebe; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: #fff; + background-color: #f44336; } +.conflict-row.activatable:hover { + background-color: #f65d52; } +.conflict-row.activatable:selected { + color: #dedede; + background-color: #990000; } + +/******** + ! Nemo * +*********/ +.nemo-desktop, .nemo-desktop:backdrop, .nemo-desktop *, .nemo-desktop *:backdrop { + color: #fff; + text-shadow: 1px 1px #000; } + .nemo-desktop:active, .nemo-desktop:backdrop:active, .nemo-desktop *:active, .nemo-desktop *:backdrop:active { + color: #2d2d2d; } + .nemo-desktop:selected, .nemo-desktop:backdrop:selected, .nemo-desktop *:selected, .nemo-desktop *:backdrop:selected { + color: #dedede; } + .nemo-desktop:active, .nemo-desktop:hover, .nemo-desktop:selected, .nemo-desktop:backdrop:active, .nemo-desktop:backdrop:hover, .nemo-desktop:backdrop:selected, .nemo-desktop *:active, .nemo-desktop *:hover, .nemo-desktop *:selected, .nemo-desktop *:backdrop:active, .nemo-desktop *:backdrop:hover, .nemo-desktop *:backdrop:selected { + text-shadow: none; } + +.nemo-window { + /* Status Bar */ } + .nemo-window toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: #b2b2b2; + /* Path Bar */ } + .nemo-window toolbar button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .nemo-window toolbar button:focus, .nemo-window toolbar button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .nemo-window toolbar button:active, .nemo-window toolbar button:active:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover:focus, .nemo-window toolbar button:checked, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .nemo-window toolbar button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .nemo-window toolbar button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + .nemo-window toolbar button:hover:focus, .nemo-window toolbar button:hover:hover, .nemo-window toolbar button.flat:hover:focus, .nemo-window toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .nemo-window toolbar button:hover:active, .nemo-window toolbar button:hover:active:hover, .nemo-window toolbar button:hover:active:focus, .nemo-window toolbar button:hover:active:hover:focus, .nemo-window toolbar button:hover:checked, .nemo-window toolbar button:hover:checked:hover, .nemo-window toolbar button:hover:checked:focus, .nemo-window toolbar button:hover:checked:hover:focus, .nemo-window toolbar button.flat:hover:active, .nemo-window toolbar button.flat:hover:active:hover, .nemo-window toolbar button.flat:hover:active:focus, .nemo-window toolbar button.flat:hover:active:hover:focus, .nemo-window toolbar button.flat:hover:checked, .nemo-window toolbar button.flat:hover:checked:hover, .nemo-window toolbar button.flat:hover:checked:focus, .nemo-window toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .nemo-window toolbar button:hover:disabled, .nemo-window toolbar button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .nemo-window toolbar button:hover:active:disabled, .nemo-window toolbar button:hover:checked:disabled, .nemo-window toolbar button.flat:hover:active:disabled, .nemo-window toolbar button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .nemo-window toolbar button:focus, .nemo-window toolbar button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar button:focus:focus, .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:focus, .nemo-window toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .nemo-window toolbar button:focus:active, .nemo-window toolbar button:focus:active:hover, .nemo-window toolbar button:focus:active:focus, .nemo-window toolbar button:focus:active:hover:focus, .nemo-window toolbar button:focus:checked, .nemo-window toolbar button:focus:checked:hover, .nemo-window toolbar button:focus:checked:focus, .nemo-window toolbar button:focus:checked:hover:focus, .nemo-window toolbar button.flat:focus:active, .nemo-window toolbar button.flat:focus:active:hover, .nemo-window toolbar button.flat:focus:active:focus, .nemo-window toolbar button.flat:focus:active:hover:focus, .nemo-window toolbar button.flat:focus:checked, .nemo-window toolbar button.flat:focus:checked:hover, .nemo-window toolbar button.flat:focus:checked:focus, .nemo-window toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .nemo-window toolbar button:focus:disabled, .nemo-window toolbar button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .nemo-window toolbar button:focus:active:disabled, .nemo-window toolbar button:focus:checked:disabled, .nemo-window toolbar button.flat:focus:active:disabled, .nemo-window toolbar button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + .nemo-window toolbar button:focus:hover:focus, .nemo-window toolbar button:focus:hover:hover, .nemo-window toolbar button.flat:focus:hover:focus, .nemo-window toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + .nemo-window toolbar button:focus:hover:active, .nemo-window toolbar button:focus:hover:active:hover, .nemo-window toolbar button:focus:hover:active:focus, .nemo-window toolbar button:focus:hover:active:hover:focus, .nemo-window toolbar button:focus:hover:checked, .nemo-window toolbar button:focus:hover:checked:hover, .nemo-window toolbar button:focus:hover:checked:focus, .nemo-window toolbar button:focus:hover:checked:hover:focus, .nemo-window toolbar button.flat:focus:hover:active, .nemo-window toolbar button.flat:focus:hover:active:hover, .nemo-window toolbar button.flat:focus:hover:active:focus, .nemo-window toolbar button.flat:focus:hover:active:hover:focus, .nemo-window toolbar button.flat:focus:hover:checked, .nemo-window toolbar button.flat:focus:hover:checked:hover, .nemo-window toolbar button.flat:focus:hover:checked:focus, .nemo-window toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + .nemo-window toolbar button:focus:hover:disabled, .nemo-window toolbar button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + .nemo-window toolbar button:focus:hover:active:disabled, .nemo-window toolbar button:focus:hover:checked:disabled, .nemo-window toolbar button.flat:focus:hover:active:disabled, .nemo-window toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + .nemo-window toolbar button:checked, .nemo-window toolbar button:active, .nemo-window toolbar button.flat:checked, .nemo-window toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + .nemo-window toolbar button:checked:active, .nemo-window toolbar button:checked:active:hover, .nemo-window toolbar button:checked:active:focus, .nemo-window toolbar button:checked:active:hover:focus, .nemo-window toolbar button:checked:checked, .nemo-window toolbar button:checked:checked:hover, .nemo-window toolbar button:checked:checked:focus, .nemo-window toolbar button:checked:checked:hover:focus, .nemo-window toolbar button:active:active, .nemo-window toolbar button:active:active:hover, .nemo-window toolbar button:active:active:focus, .nemo-window toolbar button:active:active:hover:focus, .nemo-window toolbar button:active:checked, .nemo-window toolbar button:active:checked:hover, .nemo-window toolbar button:active:checked:focus, .nemo-window toolbar button:active:checked:hover:focus, .nemo-window toolbar button.flat:checked:active, .nemo-window toolbar button.flat:checked:active:hover, .nemo-window toolbar button.flat:checked:active:focus, .nemo-window toolbar button.flat:checked:active:hover:focus, .nemo-window toolbar button.flat:checked:checked, .nemo-window toolbar button.flat:checked:checked:hover, .nemo-window toolbar button.flat:checked:checked:focus, .nemo-window toolbar button.flat:checked:checked:hover:focus, .nemo-window toolbar button.flat:active:active, .nemo-window toolbar button.flat:active:active:hover, .nemo-window toolbar button.flat:active:active:focus, .nemo-window toolbar button.flat:active:active:hover:focus, .nemo-window toolbar button.flat:active:checked, .nemo-window toolbar button.flat:active:checked:hover, .nemo-window toolbar button.flat:active:checked:focus, .nemo-window toolbar button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button:active:disabled, .nemo-window toolbar button.flat:checked:disabled, .nemo-window toolbar button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + .nemo-window toolbar button:checked:active:disabled, .nemo-window toolbar button:checked:checked:disabled, .nemo-window toolbar button:active:active:disabled, .nemo-window toolbar button:active:checked:disabled, .nemo-window toolbar button.flat:checked:active:disabled, .nemo-window toolbar button.flat:checked:checked:disabled, .nemo-window toolbar button.flat:active:active:disabled, .nemo-window toolbar button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .nemo-window toolbar button:focus, .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:focus, .nemo-window toolbar button.flat:hover { + color: #2d2d2d; } + .nemo-window toolbar button:disabled:disabled, .nemo-window toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button.flat:active:disabled, .nemo-window toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .nemo-window toolbar button.separator, .nemo-window toolbar button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + .nemo-window toolbar button.separator:disabled, .nemo-window toolbar button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } + .nemo-window toolbar .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .nemo-window toolbar .linked > button:focus, .nemo-window toolbar .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar .linked > button:active, .nemo-window toolbar .linked > button:active:hover, .nemo-window toolbar .linked > button:active:focus, .nemo-window toolbar .linked > button:active:hover:focus, .nemo-window toolbar .linked > button:checked, .nemo-window toolbar .linked > button:checked:hover, .nemo-window toolbar .linked > button:checked:focus, .nemo-window toolbar .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + .nemo-window toolbar .linked > button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + .nemo-window toolbar .linked > button:last-child, .nemo-window toolbar .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .nemo-window toolbar .linked > button:last-child:hover, .nemo-window toolbar .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar .linked > button:disabled:last-child, .nemo-window toolbar .linked > button:disabled:only-child, .nemo-window toolbar .linked > button:active:disabled:last-child, .nemo-window toolbar .linked > button:active:disabled:only-child, .nemo-window toolbar .linked > button:checked:disabled:last-child, .nemo-window toolbar .linked > button:checked:disabled:only-child { + box-shadow: none; } + .nemo-window toolbar .linked > button:active:last-child, .nemo-window toolbar .linked > button:active:last-child:focus, .nemo-window toolbar .linked > button:active:last-child:hover, .nemo-window toolbar .linked > button:active:last-child:hover:focus, .nemo-window toolbar .linked > button:checked:last-child, .nemo-window toolbar .linked > button:checked:last-child:focus, .nemo-window toolbar .linked > button:checked:last-child:hover, .nemo-window toolbar .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .nemo-window toolbar .linked > button:active:only-child, .nemo-window toolbar .linked > button:active:only-child:focus, .nemo-window toolbar .linked > button:active:only-child:hover, .nemo-window toolbar .linked > button:active:only-child:hover:focus, .nemo-window toolbar .linked > button:checked:only-child, .nemo-window toolbar .linked > button:checked:only-child:focus, .nemo-window toolbar .linked > button:checked:only-child:hover, .nemo-window toolbar .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .nemo-window toolbar separator, .nemo-window toolbar separator:disabled { + color: #c8c8c8; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + .nemo-window toolbar.primary-toolbar button.image-button { + padding: 0 8px; } + .nemo-window toolbar combobox, .nemo-window toolbar button { + padding: 3px; } + .nemo-window toolbar combobox.text-button, .nemo-window toolbar button.text-button { + padding: 3px; } + .nemo-window toolbar combobox.image-button, .nemo-window toolbar button.image-button { + padding: 3px; } + .nemo-window toolbar toolitem stack { + margin-left: 15px; } + .nemo-window toolbar toolitem stack widget button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(9, 9, 9, 0.12); + -NemoPathbarButton-border-radius: 0px; } + .nemo-window toolbar toolitem stack widget button:focus, .nemo-window toolbar toolitem stack widget button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.12),0.3), 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar toolitem stack widget button:active, .nemo-window toolbar toolitem stack widget button:active:hover, .nemo-window toolbar toolitem stack widget button:active:focus, .nemo-window toolbar toolitem stack widget button:active:hover:focus, .nemo-window toolbar toolitem stack widget button:checked, .nemo-window toolbar toolitem stack widget button:checked:hover, .nemo-window toolbar toolitem stack widget button:checked:focus, .nemo-window toolbar toolitem stack widget button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + .nemo-window toolbar toolitem stack widget button:disabled { + box-shadow: inset -1px 0 #b2b2b2; } + .nemo-window toolbar toolitem stack widget button:last-child, .nemo-window toolbar toolitem stack widget button:only-child { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + .nemo-window toolbar toolitem stack widget button:last-child:hover, .nemo-window toolbar toolitem stack widget button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + .nemo-window toolbar toolitem stack widget button:disabled:last-child, .nemo-window toolbar toolitem stack widget button:disabled:only-child, .nemo-window toolbar toolitem stack widget button:active:disabled:last-child, .nemo-window toolbar toolitem stack widget button:active:disabled:only-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:last-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:only-child { + box-shadow: none; } + .nemo-window toolbar toolitem stack widget button:active:last-child, .nemo-window toolbar toolitem stack widget button:active:last-child:focus, .nemo-window toolbar toolitem stack widget button:active:last-child:hover, .nemo-window toolbar toolitem stack widget button:active:last-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child, .nemo-window toolbar toolitem stack widget button:checked:last-child:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .nemo-window toolbar toolitem stack widget button:active:only-child, .nemo-window toolbar toolitem stack widget button:active:only-child:focus, .nemo-window toolbar toolitem stack widget button:active:only-child:hover, .nemo-window toolbar toolitem stack widget button:active:only-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child, .nemo-window toolbar toolitem stack widget button:checked:only-child:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.06), inset 0 1px rgba(9, 9, 9, 0.07), inset -1px 0 rgba(9, 9, 9, 0.06); } + .nemo-window grid > widget:last-child button { + min-height: 16px; + min-width: 16px; + padding: 2px 4px; } + .nemo-window grid > widget:last-child button:first-child { + margin-left: 20px; } + .nemo-window grid > widget:last-child button:first-child + button { + margin-right: 15px; } + .nemo-window grid > widget:last-child button:first-child + button + separator + button { + margin-left: 15px; } + .nemo-window grid > widget:last-child > box > scale { + margin-right: 12px; } + .nemo-window grid > widget:last-child statusbar { + border: 0; } + .nemo-window .sidebar { + /* Nemo Query Editor (File Search Bar) */ } + .nemo-window .sidebar .frame { + border: 0; } + .nemo-window .sidebar image { + padding-left: 3px; + padding-right: 3px; } + .nemo-window .sidebar .nemo-places-sidebar, .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { + background-color: mix(#dedede,#dedede,0.5); } + .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { + -NemoPlacesTreeView-disk-full-bg-color: #b2b2b2; + -NemoPlacesTreeView-disk-full-fg-color: #990000; + -NemoPlacesTreeView-disk-full-bar-width: 2px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 0; + -NemoPlacesTreeView-disk-full-max-length: 75px; } + .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + -NemoPlacesTreeView-disk-full-bg-color: #dedede; + -NemoPlacesTreeView-disk-full-fg-color: #b80000; } + .nemo-window .sidebar + separator + box .primary-toolbar { + background-color: #dadada; + background-image: none; + padding-top: 0px; + padding-bottom: 0px; + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.08); } + .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(2) { + border-right: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(3) { + margin-left: -6px; + border-left: none; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat { + background-color: white; + background-image: none; + border-color: rgba(0, 0, 0, 0.12); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); + padding: 5px 6px; } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:hover { + border-color: mix(#990000,rgba(0, 0, 0, 0.12),0.3); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover:focus { + border-color: rgba(0, 0, 0, 0.12); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:disabled { + border-color: rgba(0, 0, 0, 0.12); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:disabled, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:disabled { + border-color: rgba(0, 0, 0, 0.12); } + .nemo-window notebook { + background-color: #dedede; + border-width: 0; } + .nemo-window notebook tabs { + border: 0; } + +/*********************** + ! Fallback mode panel * +************************/ +/************ + ! Synaptic * +*************/ +GtkWindow > GtkVBox > .dock, GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar { + background-color: #dedede; + background-image: none; + padding: 3px; + border: 0; + color: #2d2d2d; } + +/*********************** + ! Fallback mode panel * +************************/ +/*************** + ! Xfce styles * +****************/ +.XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: #dedede; + color: #2d2d2d; } + +.xfce4-panel { + font: inherit; } + .xfce4-panel menu { + -gtk-icon-effect: none; + text-shadow: none; } + +/*********************** + ! Fallback mode panel * +************************/ +/**************** + ! Unity styles * +*****************/ +UnityDecoration { + -UnityDecoration-extents: 24px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); + -UnityDecoration-inactive-shadow-radius: 5px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #990000; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; } + UnityDecoration .top { + border: 1px solid #990000; + border-bottom: 0; + border-radius: 0px 0px 0 0; + padding: 1px 6px 0 6px; + background-color: #dedede; + color: mix(#2d2d2d,#dedede,0.1); + text-shadow: none; } + UnityDecoration .top:hover { + border-radius: 0; + border-color: mix(#dedede,#2d2d2d,0.21); + background-color: mix(#dedede,#2d2d2d,0.21); + background-image: none; + color: #313131; } + UnityDecoration .top:backdrop { + border: 1px solid #dedede; + color: mix(#2d2d2d,#dedede,0.4); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom { + background-color: #dedede; } + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: mix(#9b9b9b,#2d2d2d,0.21); } + +UnityPanelWidget, .unity-panel { + border: 0; } + +.unity-panel.menuitem, .unity-panel .menuitem { + border-width: 0 1px; + color: #2d2d2d; } + .unity-panel.menuitem:hover, .unity-panel.menuitem *:hover, .unity-panel .menuitem:hover, .unity-panel .menuitem *:hover { + border-color: mix(#dedede,#2d2d2d,0.21); + background-color: mix(#dedede,#2d2d2d,0.21); + background-image: none; + color: #313131; } + +SheetStyleDialog.unity-force-quit { + background-color: #dedede; } + +/*********************** + ! LightDM GTK Greeter * + ***********************/ +#panel_window { + background-color: #dedede; + background-image: none; + color: #fff; + font-weight: bold; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } + #panel_window menubar { + padding-left: 3px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + background-image: none; + border-style: none; + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } + #panel_window menubar:hover, #panel_window menubar > menuitem:hover { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + color: #fff; } + #panel_window menubar *:hover, #panel_window menubar > menuitem *:hover { + color: #fff; } + #panel_window menubar:disabled, #panel_window menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.7); } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#content_frame { + padding-bottom: 9px; } + +#login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: 0px; + background-color: #dedede; + color: #2d2d2d; + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(#9b9b9b,#2d2d2d,0.21), inset -1px 0 mix(#9b9b9b,#2d2d2d,0.21), inset 0 1px mix(#9b9b9b,#2d2d2d,0.21), inset 0 -1px mix(#9b9b9b,#2d2d2d,0.21); } + +#login_window menu { + border-radius: 0; } +#login_window button { + background-color: #dedede; + background-image: none; + border-color: rgba(36, 36, 36, 0.32); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + #login_window button:focus, #login_window button:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + #login_window button:active, #login_window button:active:hover, #login_window button:active:focus, #login_window button:active:hover:focus, #login_window button:checked, #login_window button:checked:hover, #login_window button:checked:focus, #login_window button:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + #login_window button:disabled { + border-color: rgba(38, 38, 38, 0.32); } + #login_window button:active:disabled, #login_window button:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + #login_window button.flat { + color: #2d2d2d; + border-color: rgba(222, 222, 222, 0); + background-color: rgba(222, 222, 222, 0); + background-image: none; + box-shadow: none; } + #login_window button:hover, #login_window button.flat:hover { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + #login_window button:hover:focus, #login_window button:hover:hover, #login_window button.flat:hover:focus, #login_window button.flat:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + #login_window button:hover:active, #login_window button:hover:active:hover, #login_window button:hover:active:focus, #login_window button:hover:active:hover:focus, #login_window button:hover:checked, #login_window button:hover:checked:hover, #login_window button:hover:checked:focus, #login_window button:hover:checked:hover:focus, #login_window button.flat:hover:active, #login_window button.flat:hover:active:hover, #login_window button.flat:hover:active:focus, #login_window button.flat:hover:active:hover:focus, #login_window button.flat:hover:checked, #login_window button.flat:hover:checked:hover, #login_window button.flat:hover:checked:focus, #login_window button.flat:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + #login_window button:hover:disabled, #login_window button.flat:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + #login_window button:hover:active:disabled, #login_window button:hover:checked:disabled, #login_window button.flat:hover:active:disabled, #login_window button.flat:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + #login_window button:focus, #login_window button.flat:focus { + background-color: #e9e9e9; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + color: #2d2d2d; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + #login_window button:focus:focus, #login_window button:focus:hover, #login_window button.flat:focus:focus, #login_window button.flat:focus:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + #login_window button:focus:active, #login_window button:focus:active:hover, #login_window button:focus:active:focus, #login_window button:focus:active:hover:focus, #login_window button:focus:checked, #login_window button:focus:checked:hover, #login_window button:focus:checked:focus, #login_window button:focus:checked:hover:focus, #login_window button.flat:focus:active, #login_window button.flat:focus:active:hover, #login_window button.flat:focus:active:focus, #login_window button.flat:focus:active:hover:focus, #login_window button.flat:focus:checked, #login_window button.flat:focus:checked:hover, #login_window button.flat:focus:checked:focus, #login_window button.flat:focus:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + #login_window button:focus:disabled, #login_window button.flat:focus:disabled { + border-color: rgba(38, 38, 38, 0.4); } + #login_window button:focus:active:disabled, #login_window button:focus:checked:disabled, #login_window button.flat:focus:active:disabled, #login_window button.flat:focus:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + #login_window button:focus:hover, #login_window button.flat:focus:hover { + background-color: #f4f4f4; + background-image: none; + border-color: rgba(36, 36, 36, 0.4); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + #login_window button:focus:hover:focus, #login_window button:focus:hover:hover, #login_window button.flat:focus:hover:focus, #login_window button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.4),0.3); } + #login_window button:focus:hover:active, #login_window button:focus:hover:active:hover, #login_window button:focus:hover:active:focus, #login_window button:focus:hover:active:hover:focus, #login_window button:focus:hover:checked, #login_window button:focus:hover:checked:hover, #login_window button:focus:hover:checked:focus, #login_window button:focus:hover:checked:hover:focus, #login_window button.flat:focus:hover:active, #login_window button.flat:focus:hover:active:hover, #login_window button.flat:focus:hover:active:focus, #login_window button.flat:focus:hover:active:hover:focus, #login_window button.flat:focus:hover:checked, #login_window button.flat:focus:hover:checked:hover, #login_window button.flat:focus:hover:checked:focus, #login_window button.flat:focus:hover:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.4); } + #login_window button:focus:hover:disabled, #login_window button.flat:focus:hover:disabled { + border-color: rgba(38, 38, 38, 0.4); } + #login_window button:focus:hover:active:disabled, #login_window button:focus:hover:checked:disabled, #login_window button.flat:focus:hover:active:disabled, #login_window button.flat:focus:hover:checked:disabled { + border-color: rgba(36, 36, 36, 0.4); } + #login_window button:checked, #login_window button:active, #login_window button.flat:checked, #login_window button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(45, 45, 45, 0.06), inset 0 1px rgba(45, 45, 45, 0.07), inset -1px 0 rgba(45, 45, 45, 0.06), inset 0 -1px rgba(45, 45, 45, 0.05); + border-color: rgba(36, 36, 36, 0.32); } + #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.32),0.3); } + #login_window button:checked:active, #login_window button:checked:active:hover, #login_window button:checked:active:focus, #login_window button:checked:active:hover:focus, #login_window button:checked:checked, #login_window button:checked:checked:hover, #login_window button:checked:checked:focus, #login_window button:checked:checked:hover:focus, #login_window button:active:active, #login_window button:active:active:hover, #login_window button:active:active:focus, #login_window button:active:active:hover:focus, #login_window button:active:checked, #login_window button:active:checked:hover, #login_window button:active:checked:focus, #login_window button:active:checked:hover:focus, #login_window button.flat:checked:active, #login_window button.flat:checked:active:hover, #login_window button.flat:checked:active:focus, #login_window button.flat:checked:active:hover:focus, #login_window button.flat:checked:checked, #login_window button.flat:checked:checked:hover, #login_window button.flat:checked:checked:focus, #login_window button.flat:checked:checked:hover:focus, #login_window button.flat:active:active, #login_window button.flat:active:active:hover, #login_window button.flat:active:active:focus, #login_window button.flat:active:active:hover:focus, #login_window button.flat:active:checked, #login_window button.flat:active:checked:hover, #login_window button.flat:active:checked:focus, #login_window button.flat:active:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.32); } + #login_window button:checked:disabled, #login_window button:active:disabled, #login_window button.flat:checked:disabled, #login_window button.flat:active:disabled { + border-color: rgba(38, 38, 38, 0.32); } + #login_window button:checked:active:disabled, #login_window button:checked:checked:disabled, #login_window button:active:active:disabled, #login_window button:active:checked:disabled, #login_window button.flat:checked:active:disabled, #login_window button.flat:checked:checked:disabled, #login_window button.flat:active:active:disabled, #login_window button.flat:active:checked:disabled { + border-color: rgba(36, 36, 36, 0.32); } + #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #login_window button:focus, #login_window button:hover, #login_window button.flat:focus, #login_window button.flat:hover { + color: #2d2d2d; } + #login_window button:disabled:disabled, #login_window button.flat:disabled:disabled { + background-color: alpha(mix(#dedede,#2d2d2d,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#dedede,#2d2d2d,0.5); + box-shadow: none; } + #login_window button:active:disabled, #login_window button:checked:disabled, #login_window button.flat:active:disabled, #login_window button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #login_window button.separator, #login_window button .separator { + border: 1px solid currentColor; + color: rgba(222, 222, 222, 0.9); } + #login_window button.separator:disabled, #login_window button .separator:disabled { + color: rgba(222, 222, 222, 0.85); } +#login_window entry { + background-color: #dedede; + background-image: none; + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); + padding: 3px; + color: #2d2d2d; + caret-color: #2d2d2d; + -gtk-secondary-caret-color: #2d2d2d; } + #login_window entry:focus, #login_window entry:hover { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.2),0.3); } + #login_window entry:active, #login_window entry:active:hover, #login_window entry:active:focus, #login_window entry:active:hover:focus, #login_window entry:checked, #login_window entry:checked:hover, #login_window entry:checked:focus, #login_window entry:checked:hover:focus { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.7); } + #login_window entry:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.85); } + #login_window entry:active:disabled, #login_window entry:checked:disabled { + border-color: shade(mix(#dedede,#2d2d2d,0.2),0.8); } + #login_window entry:focus, #login_window entry:active { + border-color: mix(#990000,mix(#dedede,#2d2d2d,0.08),0.3); } + #login_window entry:disabled { + background-color: #c8c8c8; + background-image: none; + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#dedede,#2d2d2d,0.5); } + #login_window entry:disabled:focus, #login_window entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.3); } + #login_window entry:disabled:active, #login_window entry:disabled:active:hover, #login_window entry:disabled:active:focus, #login_window entry:disabled:active:hover:focus, #login_window entry:disabled:checked, #login_window entry:disabled:checked:hover, #login_window entry:disabled:checked:focus, #login_window entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.7); } + #login_window entry:disabled:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.85); } + #login_window entry:disabled:active:disabled, #login_window entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#dedede,#2d2d2d,0.2),0.4),0.8); } + +#user_combobox { + color: #2d2d2d; + font-size: 18px; } + #user_combobox menu { + font-weight: normal; } + #user_combobox arrow { + color: mix(#2d2d2d,#dedede,0.5); } + +#user_image { + border-radius: 0px; + /* draw border using box-shadow */ + box-shadow: inset 1px 0 #9b9b9b, inset -1px 0 #9b9b9b, inset 0 1px #9b9b9b, inset 0 -1px #9b9b9b; } + +#user_image_border { + border-radius: 0px; + background-color: #c8c8c8; + background-image: none; + box-shadow: inset 1px 0 rgba(9, 9, 9, 0.07), inset 0 1px rgba(9, 9, 9, 0.08), inset -1px 0 rgba(9, 9, 9, 0.07), inset 0 -1px rgba(9, 9, 9, 0.05); } + +#buttonbox_frame { + padding-top: 6px; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + background-color: transparent; + background-image: none; + box-shadow: none; } + +/* shutdown button */ +#shutdown_button button { + background-color: #f44336; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.12); } + #shutdown_button button:focus, #shutdown_button button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #shutdown_button button:active, #shutdown_button button:active:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover:focus, #shutdown_button button:checked, #shutdown_button button:checked:hover, #shutdown_button button:checked:focus, #shutdown_button button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #shutdown_button button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button.flat { + color: #fff; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + #shutdown_button button:hover, #shutdown_button button.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + #shutdown_button button:hover:focus, #shutdown_button button:hover:hover, #shutdown_button button.flat:hover:focus, #shutdown_button button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:hover:active, #shutdown_button button:hover:active:hover, #shutdown_button button:hover:active:focus, #shutdown_button button:hover:active:hover:focus, #shutdown_button button:hover:checked, #shutdown_button button:hover:checked:hover, #shutdown_button button:hover:checked:focus, #shutdown_button button:hover:checked:hover:focus, #shutdown_button button.flat:hover:active, #shutdown_button button.flat:hover:active:hover, #shutdown_button button.flat:hover:active:focus, #shutdown_button button.flat:hover:active:hover:focus, #shutdown_button button.flat:hover:checked, #shutdown_button button.flat:hover:checked:hover, #shutdown_button button.flat:hover:checked:focus, #shutdown_button button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:hover:disabled, #shutdown_button button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:hover:active:disabled, #shutdown_button button:hover:checked:disabled, #shutdown_button button.flat:hover:active:disabled, #shutdown_button button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:focus, #shutdown_button button.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + #shutdown_button button:focus:focus, #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:focus, #shutdown_button button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:focus:active, #shutdown_button button:focus:active:hover, #shutdown_button button:focus:active:focus, #shutdown_button button:focus:active:hover:focus, #shutdown_button button:focus:checked, #shutdown_button button:focus:checked:hover, #shutdown_button button:focus:checked:focus, #shutdown_button button:focus:checked:hover:focus, #shutdown_button button.flat:focus:active, #shutdown_button button.flat:focus:active:hover, #shutdown_button button.flat:focus:active:focus, #shutdown_button button.flat:focus:active:hover:focus, #shutdown_button button.flat:focus:checked, #shutdown_button button.flat:focus:checked:hover, #shutdown_button button.flat:focus:checked:focus, #shutdown_button button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:focus:disabled, #shutdown_button button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:focus:active:disabled, #shutdown_button button:focus:checked:disabled, #shutdown_button button.flat:focus:active:disabled, #shutdown_button button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.38); } + #shutdown_button button:focus:hover:focus, #shutdown_button button:focus:hover:hover, #shutdown_button button.flat:focus:hover:focus, #shutdown_button button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:focus:hover:active, #shutdown_button button:focus:hover:active:hover, #shutdown_button button:focus:hover:active:focus, #shutdown_button button:focus:hover:active:hover:focus, #shutdown_button button:focus:hover:checked, #shutdown_button button:focus:hover:checked:hover, #shutdown_button button:focus:hover:checked:focus, #shutdown_button button:focus:hover:checked:hover:focus, #shutdown_button button.flat:focus:hover:active, #shutdown_button button.flat:focus:hover:active:hover, #shutdown_button button.flat:focus:hover:active:focus, #shutdown_button button.flat:focus:hover:active:hover:focus, #shutdown_button button.flat:focus:hover:checked, #shutdown_button button.flat:focus:hover:checked:hover, #shutdown_button button.flat:focus:hover:checked:focus, #shutdown_button button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:focus:hover:disabled, #shutdown_button button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:focus:hover:active:disabled, #shutdown_button button:focus:hover:checked:disabled, #shutdown_button button.flat:focus:hover:active:disabled, #shutdown_button button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:checked, #shutdown_button button:active, #shutdown_button button.flat:checked, #shutdown_button button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #shutdown_button button:checked:active, #shutdown_button button:checked:active:hover, #shutdown_button button:checked:active:focus, #shutdown_button button:checked:active:hover:focus, #shutdown_button button:checked:checked, #shutdown_button button:checked:checked:hover, #shutdown_button button:checked:checked:focus, #shutdown_button button:checked:checked:hover:focus, #shutdown_button button:active:active, #shutdown_button button:active:active:hover, #shutdown_button button:active:active:focus, #shutdown_button button:active:active:hover:focus, #shutdown_button button:active:checked, #shutdown_button button:active:checked:hover, #shutdown_button button:active:checked:focus, #shutdown_button button:active:checked:hover:focus, #shutdown_button button.flat:checked:active, #shutdown_button button.flat:checked:active:hover, #shutdown_button button.flat:checked:active:focus, #shutdown_button button.flat:checked:active:hover:focus, #shutdown_button button.flat:checked:checked, #shutdown_button button.flat:checked:checked:hover, #shutdown_button button.flat:checked:checked:focus, #shutdown_button button.flat:checked:checked:hover:focus, #shutdown_button button.flat:active:active, #shutdown_button button.flat:active:active:hover, #shutdown_button button.flat:active:active:focus, #shutdown_button button.flat:active:active:hover:focus, #shutdown_button button.flat:active:checked, #shutdown_button button.flat:active:checked:hover, #shutdown_button button.flat:active:checked:focus, #shutdown_button button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #shutdown_button button:checked:disabled, #shutdown_button button:active:disabled, #shutdown_button button.flat:checked:disabled, #shutdown_button button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #shutdown_button button:checked:active:disabled, #shutdown_button button:checked:checked:disabled, #shutdown_button button:active:active:disabled, #shutdown_button button:active:checked:disabled, #shutdown_button button.flat:checked:active:disabled, #shutdown_button button.flat:checked:checked:disabled, #shutdown_button button.flat:active:active:disabled, #shutdown_button button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #shutdown_button button:focus, #shutdown_button button:hover, #shutdown_button button.flat:focus, #shutdown_button button.flat:hover { + color: #fff; } + #shutdown_button button:disabled:disabled, #shutdown_button button.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#fff,0.5); + box-shadow: none; } + #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled, #shutdown_button button.flat:active:disabled, #shutdown_button button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #shutdown_button button.separator, #shutdown_button button .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + #shutdown_button button.separator:disabled, #shutdown_button button .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/* restart button */ +#restart_button button { + background-color: #ef6c00; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.22); } + #restart_button button:focus, #restart_button button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #restart_button button:active, #restart_button button:active:hover, #restart_button button:active:focus, #restart_button button:active:hover:focus, #restart_button button:checked, #restart_button button:checked:hover, #restart_button button:checked:focus, #restart_button button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #restart_button button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #restart_button button:active:disabled, #restart_button button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button.flat { + color: #fff; + border-color: rgba(239, 108, 0, 0); + background-color: rgba(239, 108, 0, 0); + background-image: none; + box-shadow: none; } + #restart_button button:hover, #restart_button button.flat:hover { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.32); } + #restart_button button:hover:focus, #restart_button button:hover:hover, #restart_button button.flat:hover:focus, #restart_button button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:hover:active, #restart_button button:hover:active:hover, #restart_button button:hover:active:focus, #restart_button button:hover:active:hover:focus, #restart_button button:hover:checked, #restart_button button:hover:checked:hover, #restart_button button:hover:checked:focus, #restart_button button:hover:checked:hover:focus, #restart_button button.flat:hover:active, #restart_button button.flat:hover:active:hover, #restart_button button.flat:hover:active:focus, #restart_button button.flat:hover:active:hover:focus, #restart_button button.flat:hover:checked, #restart_button button.flat:hover:checked:hover, #restart_button button.flat:hover:checked:focus, #restart_button button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:hover:disabled, #restart_button button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:hover:active:disabled, #restart_button button:hover:checked:disabled, #restart_button button.flat:hover:active:disabled, #restart_button button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:focus, #restart_button button.flat:focus { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.42); } + #restart_button button:focus:focus, #restart_button button:focus:hover, #restart_button button.flat:focus:focus, #restart_button button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:focus:active, #restart_button button:focus:active:hover, #restart_button button:focus:active:focus, #restart_button button:focus:active:hover:focus, #restart_button button:focus:checked, #restart_button button:focus:checked:hover, #restart_button button:focus:checked:focus, #restart_button button:focus:checked:hover:focus, #restart_button button.flat:focus:active, #restart_button button.flat:focus:active:hover, #restart_button button.flat:focus:active:focus, #restart_button button.flat:focus:active:hover:focus, #restart_button button.flat:focus:checked, #restart_button button.flat:focus:checked:hover, #restart_button button.flat:focus:checked:focus, #restart_button button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:focus:disabled, #restart_button button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:focus:active:disabled, #restart_button button:focus:checked:disabled, #restart_button button.flat:focus:active:disabled, #restart_button button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:focus:hover, #restart_button button.flat:focus:hover { + background-color: #ff7808; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(9, 9, 9, 0.48); } + #restart_button button:focus:hover:focus, #restart_button button:focus:hover:hover, #restart_button button.flat:focus:hover:focus, #restart_button button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:focus:hover:active, #restart_button button:focus:hover:active:hover, #restart_button button:focus:hover:active:focus, #restart_button button:focus:hover:active:hover:focus, #restart_button button:focus:hover:checked, #restart_button button:focus:hover:checked:hover, #restart_button button:focus:hover:checked:focus, #restart_button button:focus:hover:checked:hover:focus, #restart_button button.flat:focus:hover:active, #restart_button button.flat:focus:hover:active:hover, #restart_button button.flat:focus:hover:active:focus, #restart_button button.flat:focus:hover:active:hover:focus, #restart_button button.flat:focus:hover:checked, #restart_button button.flat:focus:hover:checked:hover, #restart_button button.flat:focus:hover:checked:focus, #restart_button button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:focus:hover:disabled, #restart_button button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:focus:hover:active:disabled, #restart_button button:focus:hover:checked:disabled, #restart_button button.flat:focus:hover:active:disabled, #restart_button button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:checked, #restart_button button:active, #restart_button button.flat:checked, #restart_button button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #restart_button button:checked:active, #restart_button button:checked:active:hover, #restart_button button:checked:active:focus, #restart_button button:checked:active:hover:focus, #restart_button button:checked:checked, #restart_button button:checked:checked:hover, #restart_button button:checked:checked:focus, #restart_button button:checked:checked:hover:focus, #restart_button button:active:active, #restart_button button:active:active:hover, #restart_button button:active:active:focus, #restart_button button:active:active:hover:focus, #restart_button button:active:checked, #restart_button button:active:checked:hover, #restart_button button:active:checked:focus, #restart_button button:active:checked:hover:focus, #restart_button button.flat:checked:active, #restart_button button.flat:checked:active:hover, #restart_button button.flat:checked:active:focus, #restart_button button.flat:checked:active:hover:focus, #restart_button button.flat:checked:checked, #restart_button button.flat:checked:checked:hover, #restart_button button.flat:checked:checked:focus, #restart_button button.flat:checked:checked:hover:focus, #restart_button button.flat:active:active, #restart_button button.flat:active:active:hover, #restart_button button.flat:active:active:focus, #restart_button button.flat:active:active:hover:focus, #restart_button button.flat:active:checked, #restart_button button.flat:active:checked:hover, #restart_button button.flat:active:checked:focus, #restart_button button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #restart_button button:checked:disabled, #restart_button button:active:disabled, #restart_button button.flat:checked:disabled, #restart_button button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #restart_button button:checked:active:disabled, #restart_button button:checked:checked:disabled, #restart_button button:active:active:disabled, #restart_button button:active:checked:disabled, #restart_button button.flat:checked:active:disabled, #restart_button button.flat:checked:checked:disabled, #restart_button button.flat:active:active:disabled, #restart_button button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #restart_button button:focus, #restart_button button:hover, #restart_button button.flat:focus, #restart_button button.flat:hover { + color: #fff; } + #restart_button button:disabled:disabled, #restart_button button.flat:disabled:disabled { + background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#ef6c00,#fff,0.5); + box-shadow: none; } + #restart_button button:active:disabled, #restart_button button:checked:disabled, #restart_button button.flat:active:disabled, #restart_button button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #restart_button button.separator, #restart_button button .separator { + border: 1px solid currentColor; + color: rgba(239, 108, 0, 0.9); } + #restart_button button.separator:disabled, #restart_button button .separator:disabled { + color: rgba(239, 108, 0, 0.85); } + +/* password warning */ +#greeter_infobar { + font-weight: bold; } + +/********************** + ! Genome Terminal * +***********************/ +VteTerminal { + background-color: #dedede; + color: #2d2d2d; } + +terminal-window junction, terminal-window scrollbar trough { + background-color: #dedede; + border-color: #b2b2b2; } +terminal-window scrollbar.vertical slider { + background-color: mix(#dedede,#2d2d2d,0.2); } + terminal-window scrollbar.vertical slider:hover { + background-color: mix(#dedede,#2d2d2d,0.3); } + terminal-window scrollbar.vertical slider:hover:active { + background-color: #990000; } + terminal-window scrollbar.vertical slider:disabled { + background-color: transparent; } + +/****************** + ! Budgie Desktop * +*******************/ +.budgie-container { + background-color: transparent; } + +.raven { + background-color: rgba(222, 222, 222, 0.93); } + .raven .raven-header { + background-color: #dedede; + border: solid mix(#dedede,#2d2d2d,0.08); + border-width: 1px 0; } + .raven .raven-background { + background-color: rgba(222, 222, 222, 0.93); } + +.raven-mpris { + background-color: rgba(222, 222, 222, 0.7); } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/Redcore-daylight/gtk-3.20/dist/gtk.css.map b/Redcore-daylight/gtk-3.20/dist/gtk.css.map new file mode 100644 index 0000000..91ee42e --- /dev/null +++ b/Redcore-daylight/gtk-3.20/dist/gtk.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../scss/_global.scss","../scss/_colors.scss","../scss/widgets/_base.scss","../scss/widgets/_button.scss","../scss/_functions.scss","../scss/widgets/_entry.scss","../scss/widgets/_toolbar.scss","../scss/widgets/_actionbar.scss","../scss/widgets/_calendar.scss","../scss/widgets/_choosers.scss","../scss/widgets/_grid.scss","../scss/widgets/_infobar.scss","../scss/widgets/_menu.scss","../scss/widgets/_misc.scss","../scss/widgets/_notebook.scss","../scss/widgets/_osd.scss","../scss/widgets/_overshoot.scss","../scss/widgets/_progress.scss","../scss/widgets/_scrollbar.scss","../scss/widgets/_sidebar.scss","../scss/widgets/_spinner.scss","../scss/widgets/_toggle.scss","../scss/widgets/_view.scss","../scss/widgets/_window.scss","../scss/apps/_panel.scss","../scss/apps/_mate-applications.scss","../scss/apps/_cinnamon-applications.scss","../scss/apps/_gnome-applications.scss","../scss/apps/_unity-greeter.scss","../scss/apps/_gedit.scss","../scss/apps/_nautilus.scss","../scss/apps/_nemo.scss","../scss/apps/_synaptic.scss","../scss/apps/_xfce.scss","../scss/apps/_unity.scss","../scss/apps/_lightdm.scss","../scss/apps/_gnome-terminal.scss","../scss/apps/_budgie.scss"], +"names": [], +"file": "gtk.css" +} diff --git a/Redcore-daylight/gtk-3.20/gtk-dark.css b/Redcore-daylight/gtk-3.20/gtk-dark.css new file mode 100644 index 0000000..198bb85 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/gtk-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/numixproject/gtk-3.20/dist/gtk-dark.css"); diff --git a/Redcore-daylight/gtk-3.20/gtk.css b/Redcore-daylight/gtk-3.20/gtk.css new file mode 100644 index 0000000..19b01e6 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/gtk.css @@ -0,0 +1 @@ +@import url("resource:///org/numixproject/gtk-3.20/dist/gtk.css"); diff --git a/Redcore-daylight/gtk-3.20/gtk.gresource b/Redcore-daylight/gtk-3.20/gtk.gresource new file mode 100644 index 0000000..8efd751 Binary files /dev/null and b/Redcore-daylight/gtk-3.20/gtk.gresource differ diff --git a/Redcore-daylight/gtk-3.20/gtk.gresource.xml b/Redcore-daylight/gtk-3.20/gtk.gresource.xml new file mode 100644 index 0000000..98e3014 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/gtk.gresource.xml @@ -0,0 +1,53 @@ + + + + assets/checkbox-checked-dark.svg + assets/checkbox-checked-insensitive-dark.svg + assets/checkbox-checked-insensitive.svg + assets/checkbox-checked.svg + assets/checkbox-mixed-dark.svg + assets/checkbox-mixed-insensitive-dark.svg + assets/checkbox-mixed-insensitive.svg + assets/checkbox-mixed.svg + assets/checkbox-unchecked-dark.svg + assets/checkbox-unchecked-insensitive-dark.svg + assets/checkbox-unchecked-insensitive.svg + assets/checkbox-unchecked.svg + assets/grid-selection-checked-dark.svg + assets/grid-selection-checked.svg + assets/grid-selection-unchecked-dark.svg + assets/grid-selection-unchecked.svg + assets/menuitem-checkbox-checked-hover.svg + assets/menuitem-checkbox-checked-insensitive.svg + assets/menuitem-checkbox-checked.svg + assets/menuitem-checkbox-unchecked.svg + assets/menuitem-checkbox-mixed-hover.svg + assets/menuitem-checkbox-mixed-selected.svg + assets/menuitem-checkbox-mixed-insensitive.svg + assets/menuitem-checkbox-mixed.svg + assets/menuitem-radio-checked-hover.svg + assets/menuitem-radio-checked-insensitive.svg + assets/menuitem-radio-checked.svg + assets/menuitem-radio-unchecked.svg + assets/menuitem-radio-mixed-hover.svg + assets/menuitem-radio-mixed-selected.svg + assets/menuitem-radio-mixed-insensitive.svg + assets/menuitem-radio-mixed.svg + assets/radio-checked-dark.svg + assets/radio-checked-insensitive-dark.svg + assets/radio-checked-insensitive.svg + assets/radio-checked.svg + assets/radio-mixed-dark.svg + assets/radio-mixed-insensitive-dark.svg + assets/radio-mixed-insensitive.svg + assets/radio-mixed.svg + assets/radio-unchecked-dark.svg + assets/radio-unchecked-insensitive-dark.svg + assets/radio-unchecked-insensitive.svg + assets/radio-unchecked.svg + assets/pane-handle.png + assets/pane-handle@2.png + dist/gtk.css + dist/gtk-dark.css + + diff --git a/Redcore-daylight/gtk-3.20/scss/_colors.scss b/Redcore-daylight/gtk-3.20/scss/_colors.scss new file mode 100644 index 0000000..8593ba9 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/_colors.scss @@ -0,0 +1,101 @@ +@import "global"; + +/* dark color scheme */ +@define-color dark_bg_color #{"" + $dark_bg_color}; +@define-color dark_fg_color #{"" + $dark_fg_color}; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_color}; +@define-color theme_tooltip_bg_color #{"" + $tooltip_bg_color}; +@define-color theme_tooltip_fg_color #{"" + $tooltip_fg_color}; + +/* shadow effects */ +@define-color light_shadow #{"" + $light_shadow}; +@define-color dark_shadow #{"" + $dark_shadow}; + +/* misc colors used by gtk+ */ +@define-color info_fg_color #{"" + $info_fg_color}; +@define-color info_bg_color #{"" + $info_bg_color}; +@define-color warning_fg_color #{"" + $warning_fg_color}; +@define-color warning_bg_color #{"" + $warning_bg_color}; +@define-color question_fg_color #{"" + $question_fg_color}; +@define-color question_bg_color #{"" + $question_bg_color}; +@define-color error_fg_color #{"" + $error_fg_color}; +@define-color error_bg_color #{"" + $error_bg_color}; +@define-color link_color #{"" + $link_color}; +@define-color success_color #{"" + $success_color}; +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; + +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; +@define-color borders #{"" + $borders_color}; +@define-color unfocused_borders #{"" + $backdrop_borders_color}; + +@define-color button_bg_color #{"" + $button_bg_color}; +@define-color button_fg_color #{"" + $button_fg_color}; +@define-color header_button_bg_color #{"" + $header_button_bg_color}; +@define-color header_button_fg_color #{"" + $header_button_fg_color}; + +@define-color insensitive_bg_color #{"" + $insensitive_bg_color}; +@define-color insensitive_fg_color #{"" + $insensitive_fg_color}; + +/* osd */ +@define-color osd_base #{"" + $osd_base}; +@define-color osd_bg #{"" + $osd_bg}; +@define-color osd_fg #{"" + $osd_fg}; +@define-color osd_insensitive_bg_color #{"" + $osd_insensitive_bg_color}; +@define-color osd_insensitive_fg_color #{"" + $osd_insensitive_fg_color}; +@define-color osd_borders_color #{"" + $osd_borders_color}; + +/* lightdm greeter colors */ +@define-color lightdm_bg_color #{"" + $lightdm_bg_color}; +@define-color lightdm_fg_color #{"" + $lightdm_fg_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}; + +/* insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color}; + +/* window manager colors */ +@define-color wm_bg #{"" + $wm_bg}; +@define-color wm_border_focused #{"" + $wm_border_focused}; +@define-color wm_border_unfocused #{"" + $wm_border_unfocused}; +@define-color wm_title_focused #{"" + $wm_title_focused}; +@define-color wm_title_unfocused #{"" + $wm_title_unfocused}; +@define-color wm_icons_focused #{"" + $wm_icons_focused}; +@define-color wm_icons_focused_prelight #{"" + $wm_icons_focused_prelight}; +@define-color wm_icons_focused_pressed #{"" + $wm_icons_unfocused_pressed}; +@define-color wm_icons_unfocused #{"" + $wm_icons_unfocused}; +@define-color wm_icons_unfocused_prelight #{"" + $wm_icons_unfocused_prelight}; +@define-color wm_icons_unfocused_pressed #{"" + $wm_icons_unfocused_pressed}; diff --git a/Redcore-daylight/gtk-3.20/scss/_functions.scss b/Redcore-daylight/gtk-3.20/scss/_functions.scss new file mode 100644 index 0000000..8eb18c6 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/_functions.scss @@ -0,0 +1,95 @@ +$modules: () !default; + +@mixin exports($name) { + @if (not index($modules, $name)) { + $modules: append($modules, $name) !global; + + @content; + } +} + +@function alpha($color, $amount) { + @if type-of($color) == "color" { + @return fade-out($color, (1 - $amount)); + } @else { + @return unquote("alpha(#{$color},#{$amount})"); + } +} + +@function shade($color, $amount) { + @if type-of($color) == "color" { + @if ($amount > 1) { + @return lighten($color, ($amount - 1) * lightness($color)) + } @else { + @return darken($color, (1 - $amount) * lightness($color)) + } + } @else { + @return unquote("shade(#{$color},#{$amount})"); + } +} + +@function mix($color1, $color2, $amount) { + @return unquote("mix(#{$color1},#{$color2},#{$amount})"); +} + +@function border_normal($color) { + @return shade($color, $contrast); +} + +@function border_focus($color) { + @return if($variant == 'light', mix($selected_bg_color, $color, .3), darken($selected_bg_color, 20%)); +} + +@function border_active($color) { + @return shade($color, ($contrast - .1)); +} + +@function border_insensitive($color) { + @return shade($color, ($contrast + .05)); +} + +@mixin linear-gradient($color, $direction: to bottom) { + @if $gradient == 0 { + background-color: $color; + background-image: none; + } @else { + $amount: $gradient / 2; + + background-color: $color; + background-image: linear-gradient($direction, + shade($color, (1 + $amount)), + shade($color, (1 - $amount)) + ); + } +} + +@mixin border($color) { + border-color: border_normal($color); + + &:focus, &:hover { border-color: border_focus($color); } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { border-color: border_active($color); } + + &:disabled { border-color: border_insensitive($color); } + + &:active:disabled, &:checked:disabled { border-color: border_normal($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 * .8); + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/_global.scss b/Redcore-daylight/gtk-3.20/scss/_global.scss new file mode 100644 index 0000000..a31644d --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/_global.scss @@ -0,0 +1,150 @@ +// scss-lint:disable ColorVariable + +@import "functions"; + +// default color scheme +$bg_color: if($variant == "dark", #2d2d2d, #dedede); +$fg_color: if($variant == "dark", #dedede, #2d2d2d); +$base_color: if($variant == "dark", #2d2d2d, #dedede); +$text_color: if($variant == "dark", #dedede, #2d2d2d); +$button_bg_color: if($variant == "dark", #2d2d2d, #dedede); +$button_fg_color: if($variant == "dark", #dedede, #2d2d2d); +$header_button_bg_color: #dedede; +$header_button_fg_color: #2d2d2d; +$selected_bg_color: #990000; +$selected_fg_color: #dedede; +$tooltip_bg_color: #dedede; +$tooltip_fg_color: #2d2d2d; + +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +$selected_borders_color: if($variant == 'light', mix($selected_bg_color, $fg_color, .3), darken($selected_bg_color, 20%)); +$borders_color: if($variant == 'light', mix($bg_color, $fg_color, .08), shade($bg_color, .88)); +$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); + +// dark colors +$dark_bg_color: #dedede; +$dark_fg_color: #2d2d2d; + +// shadows +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +$dark_shadow: shade($fg_color, .2); +$light_shadow: lighten($bg_color, .4); + +// caret +$primary_caret_color: #2d2d2d; +$secondary_caret_color: #2d2d2d; +$caret_aspect_ratio: 0.04; + +// white and black +$black: #000; +$white: #fff; + +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +$button_border_strength: 0.1; +$button_border: alpha($button_fg_color, .06 + $button_border_strength); +$entry_border: $borders_color; + +$scrollbar_bg_color: if($variant == 'light', darken($bg_color, 5%), mix($base_color, $bg_color, .4)); +$scrollbar_slider_color: mix($bg_color, $fg_color, .5); +$scrollbar_slider_hover_color: mix($bg_color, $fg_color, .7); +$scrollbar_slider_active_color: if($variant == 'light', darken($selected_bg_color, 5%), lighten($selected_bg_color, 10%)); + +$switch_disabled_bg_color: mix($bg_color, $base_color, .5); +$switch_disabled_border_color: $bg_color; +$switch_disabled_fg_color: $bg_color; +$switch_disabled_slider_bg_color: $bg_color; +$switch_bg_color: mix($bg_color, $base_color, .3); +$switch_fg_color: $text_color; +$switch_slider_bg_color: mix($text_color, $bg_color, .5); + +// @TODO: replace to xrdb values: +// misc colors used by gtk+ +$info_fg_color: #fff; +$info_bg_color: #03a9f4; +$warning_fg_color: #fff; +$warning_bg_color: #ef6c00; +$question_fg_color: #fff; +$question_bg_color: #673ab7; +$error_fg_color: #fff; +$error_bg_color: #f44336; +$link_color: #3f51b5; +$success_color: #4caf50; +$warning_color: #ef6c00; +$error_color: #f44336; + +$toolbar_bg_color: $bg_color; +$toolbar_fg_color: $fg_color; + +$titlebar_bg_color: $dark_bg_color; +$titlebar_fg_color: $dark_fg_color; + +$menu_bg_color: $dark_bg_color; +$menu_fg_color: $dark_fg_color; + +$menubar_bg_color: $dark_bg_color; +$menubar_fg_color: $dark_fg_color; + +$panel_bg_color: $dark_bg_color; +$panel_fg_color: $dark_fg_color; + +$osd_base: $dark_bg_color; +$osd_text_color: $dark_fg_color; +$osd_bg: alpha($osd_base, .8); +$osd_fg: $osd_text_color; +$osd_insensitive_bg_color: mix($osd_fg, $osd_bg, .5); +$osd_insensitive_fg_color: mix($osd_fg, $osd_base, .6); +$osd_borders_color: shade($osd_bg, .85); + +$lightdm_bg_color: $dark_bg_color; +$lightdm_fg_color: $dark_fg_color; + +$wm_bg: $titlebar_bg_color; +$wm_border_focused: #990000; +$wm_border_unfocused: #dedede; +$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_icons_focused_prelight: $selected_bg_color; +$wm_icons_focused_pressed: shade($selected_bg_color, .8); +$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_unfocused_prelight: $selected_bg_color; +$wm_icons_unfocused_pressed: shade($selected_bg_color, .8); + +//insensitive state derived colors +$insensitive_fg_color: mix($fg_color, $bg_color, .5); +$insensitive_bg_color: mix($bg_color, $base_color, .6); +$insensitive_borders_color: $borders_color; + +//colors for the backdrop state, derived from the main colors. +$backdrop_base_color: if($variant == 'light', darken($base_color, .01), lighten($base_color, .01)); +$backdrop_text_color: mix($backdrop_base_color, $text_color, .8); +$backdrop_bg_color: $bg_color; +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, .5); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_bg_color: $selected_bg_color; +$backdrop_selected_fg_color: mix($selected_bg_color, $selected_fg_color, .66); +$backdrop_borders_color: mix($bg_color, $borders_color, .9); +$backdrop_dark_fill: mix($backdrop_bg_color, $backdrop_borders_color, .35); +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, .5); + +$backdrop_osd_base: $osd_base; +$backdrop_osd_bg: $osd_bg; +$backdrop_osd_fg: mix($osd_fg, $backdrop_osd_base, .5); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, .4); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, .2)); + +$drop_target_color: #4e9a06; + +// widget styles +$_roundness: 0; +$_spacing: 3; +$roundness: 0px; +$spacing: 3px; +$gradient: 0.0; +$contrast: .8; diff --git a/Redcore-daylight/gtk-3.20/scss/_widgets.scss b/Redcore-daylight/gtk-3.20/scss/_widgets.scss new file mode 100644 index 0000000..719463b --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/_widgets.scss @@ -0,0 +1,41 @@ +@import "functions"; +@import "global"; +@import "colors"; + + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/actionbar"; +@import "widgets/calendar"; +@import "widgets/choosers"; +@import "widgets/grid"; +@import "widgets/infobar"; +@import "widgets/menu"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/osd"; +@import "widgets/overshoot"; +@import "widgets/progress"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinner"; +@import "widgets/toggle"; +@import "widgets/toolbar"; +@import "widgets/view"; +@import "widgets/window"; + +@import "apps/mate-applications"; +@import "apps/cinnamon-applications"; +@import "apps/gnome-applications"; +@import "apps/unity-greeter"; +@import "apps/gedit"; +@import "apps/nautilus"; +@import "apps/nemo"; +@import "apps/panel"; +@import "apps/synaptic"; +@import "apps/xfce"; +@import "apps/unity"; +@import "apps/lightdm"; +@import "apps/gnome-terminal"; +@import "apps/budgie"; diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_budgie.scss b/Redcore-daylight/gtk-3.20/scss/apps/_budgie.scss new file mode 100644 index 0000000..3b5ed0a --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_budgie.scss @@ -0,0 +1,27 @@ +/****************** + ! Budgie Desktop * +*******************/ + +@include exports("budgie-desktop") { + .budgie-container { + background-color: transparent; + } + + .raven { + background-color: transparentize($bg_color, .07); + + .raven-header { + background-color: $bg_color; + border: solid $borders_color; + border-width: 1px 0; + } + + .raven-background { + background-color: transparentize($bg_color, .07); + } + } + + .raven-mpris { + background-color: transparentize($bg_color, .3); + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_cinnamon-applications.scss b/Redcore-daylight/gtk-3.20/scss/apps/_cinnamon-applications.scss new file mode 100644 index 0000000..28511c7 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_cinnamon-applications.scss @@ -0,0 +1,19 @@ +/********************* + ! Cinnamon Settings * +**********************/ + +@include exports("cinnamon-settings") { + .cs-category-view { + &, .view { + &, &:backdrop { + background-color: transparent; + } + + &:selected { + &:focus, & { + @extend %selected_items; + } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_gedit.scss b/Redcore-daylight/gtk-3.20/scss/apps/_gedit.scss new file mode 100644 index 0000000..c153930 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_gedit.scss @@ -0,0 +1,143 @@ +/********* + ! Gedit * +**********/ + +@include exports("gedit") { + GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + list row { + padding: $spacing; + + button { + padding: 1px; + border-radius: $roundness; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + -gtk-icon-shadow: none; + } + } + + .prelight-row button { + border-color: alpha($black, .1); + color: alpha($white, .8); + + &:active { + border-color: alpha($black, .2); + background-color: alpha($black, .08); + color: $white; + } + } + + list row, .prelight-row { + button:hover { + border-color: alpha($black, .1); + color: $white; + } + } + } + + .gedit-document-panel-group-row { + &, &:hover { + border-top: 1px solid shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel-document-row { + &:hover { background-color: shade($bg_color, 1.05); } + + &:selected { + &, &:hover { @extend %selected; } + } + } + + .gedit-document-panel-dragged-row { + border: 1px solid alpha($black, .1); + background-color: alpha($black, .5); + color: $white; + } + + .gedit-document-panel-placeholder-row { + border: 0; + background-color: alpha($black, .08); + transition: all 200ms ease-in; + } + + //Ignore: Global double border separator. + //statusbar { border-top: 1px solid border_normal($bg_color); } + + statusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; + + button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; + + &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); } + + &:active { + background-color: shade($bg_color, .95); + color: $fg_color; + } + } + } + + GeditViewFrame .gedit-search-slider { + padding: $spacing; + border-radius: 0 0 $roundness $roundness; + border-width: 0 1px 1px; + border-style: solid; + border-color: border_normal($base_color); + background-color: $base_color; + + .not-found { + background-color: $error_bg_color; + background-image: none; + color: $error_fg_color; + + &:selected { @extend %selected; } + } + } + + GeditFileBrowserWidget .toolbar { + padding: $spacing / 2; + border-top: 0; + background-color: $bg_color; + background-image: none; + } + + .gedit-search-entry-occurrences-tag { + margin: $spacing / 2; + padding: $spacing / 2; + color: mix($text_color, $base_color, .5); + } + + .gedit-bottom-panel-paned, + .gedit-side-panel-paned, + paned.titlebar { + margin-right: 0; + } + + .gedit-bottom-panel-paned notebook { + border-top: none; + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_gnome-applications.scss b/Redcore-daylight/gtk-3.20/scss/apps/_gnome-applications.scss new file mode 100644 index 0000000..dc20144 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_gnome-applications.scss @@ -0,0 +1,59 @@ +/**************** + ! Gnome clocks * +*****************/ + +@include exports("gnome-clocks") { + .clocks-analog-frame { + &.trough { color: mix($fg_color, $bg_color, .85); } + + &.progress { color: mix($bg_color, $selected_bg_color, .5); } + + &.progress-fast { color: shade($selected_bg_color, .7); } + } +} + + +/***************** + ! Gnome Builder * +******************/ + +@include exports("gnome-builder") { + workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: 0; + box-shadow: none; + + headerbar { + &, &:first-child, &:last-child { border-radius: $roundness $roundness 0 0; } + } + } +} + + +/************************ + ! Unity-Control-Center * +*************************/ + +@include exports("unity-control-center") { + // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/634 + .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame { + // hide unwanted frames + border: 0 none transparent; + + > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical { + // reset $base_color; + iconview.view { + &, &:backdrop { + background-color: transparent; + } + + &:selected { + &:focus, & { + @extend %selected_items; + } + } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_gnome-terminal.scss b/Redcore-daylight/gtk-3.20/scss/apps/_gnome-terminal.scss new file mode 100644 index 0000000..c23893c --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_gnome-terminal.scss @@ -0,0 +1,37 @@ +/********************** + ! Genome Terminal * +***********************/ + +@include exports("gnome-terminal") { + //noinspection ScssLintInspection,ScssLintInspection + VteTerminal { + background-color: $osd_base; + color: $osd_fg; + } + + terminal-window { + junction, scrollbar trough { + background-color: $osd_base; + border-color: border_normal($osd_base); + + //&:backdrop { + // background-color: shade($backdrop_osd_bg, .9); + // border-color: border_normal(shade($backdrop_osd_bg, .9)); + //} + } + + scrollbar.vertical { + slider { + background-color: mix($osd_base, $osd_fg, .2); + + &:hover { background-color: mix($osd_base, $osd_fg, .3); } + + &:hover:active { background-color: $selected_bg_color; } + + //&:backdrop { background-color: mix($backdrop_osd_fg, $backdrop_osd_bg, .4); } + + &:disabled { background-color: transparent; } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_lightdm.scss b/Redcore-daylight/gtk-3.20/scss/apps/_lightdm.scss new file mode 100644 index 0000000..76d189c --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_lightdm.scss @@ -0,0 +1,117 @@ +/*********************** + ! LightDM GTK Greeter * + ***********************/ + +@include exports("lightdm") { + #panel_window { + background-color: $lightdm_bg_color; + background-image: none; + color: $white; + font-weight: bold; + text-shadow: 0 1px alpha($black, .5); + -gtk-icon-shadow: 0 1px alpha($black, .5); + + menubar { + padding-left: $spacing; + + &, > menuitem { + background-color: transparent; + background-image: none; + border-style: none; + color: $white; + text-shadow: 0 1px alpha($black, .5); + -gtk-icon-shadow: 0 1px alpha($black, .5); + + &:hover { + background-color: alpha($white, .2); + background-image: none; + color: $white; + } + + *:hover { color: $white; } + + &:disabled { color: alpha($white, .7); } + } + + menu > menuitem { font-weight: normal; } + } + } + + #content_frame { padding-bottom: $spacing * 3; } + + #login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: $roundness; + background-color: $lightdm_bg_color; + color: $lightdm_fg_color; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21); + + @extend %panelbutton; + } + + #login_window { + menu { border-radius: 0; } + + button { @include button($lightdm_bg_color, $lightdm_fg_color); } + + entry { @include entry($lightdm_bg_color, $lightdm_fg_color); } + } + + #user_combobox { + color: $lightdm_fg_color; + font-size: 18px; + + menu { font-weight: normal; } + + arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); } + } + + #user_image { + border-radius: $roundness; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 shade($lightdm_bg_color, .7), + inset -1px 0 shade($lightdm_bg_color, .7), + inset 0 1px shade($lightdm_bg_color, .7), + inset 0 -1px shade($lightdm_bg_color, .7); + } + + #user_image_border { + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + box-shadow: inset 1px 0 alpha($dark_shadow, .07), + inset 0 1px alpha($dark_shadow, .08), + inset -1px 0 alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + #buttonbox_frame { + padding-top: $spacing * 2; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + background-color: transparent; + background-image: none; + box-shadow: none; + } + + /* shutdown button */ + #shutdown_button { + button { @include button($error_bg_color, $error_fg_color); } + } + + /* restart button */ + #restart_button { + button { @include button($warning_bg_color, $warning_fg_color); } + } + + /* password warning */ + #greeter_infobar { font-weight: bold; } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_mate-applications.scss b/Redcore-daylight/gtk-3.20/scss/apps/_mate-applications.scss new file mode 100644 index 0000000..87e76a0 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_mate-applications.scss @@ -0,0 +1,86 @@ +@import "panel"; + +/**************** + ! MATE styles * +*****************/ + +@include exports("mate-applications") { + .mate-panel-menu-bar { + @extend %panel; + + border: 0; + padding: 0; + text-shadow: none; + } + + #PanelApplet label, + .mate-panel-menu-bar menubar > menuitem { + color: $panel_fg_color; + } + + PanelSeparator, MatePanelAppletFrameDBus { + border-width: 0; + color: transparent; + background-image: -gtk-scaled(url("../assets/pane-handle.png"), + url("../assets/pane-handle@2.png")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; + } + + #PanelApplet button, + #PanelApplet button.flat, + #PanelApplet button.toggle + #PanelApplet button.flat.toggle { + background-image: none; + background-color: transparent; + border-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 1px; + color: $panel_fg_color; + text-shadow: none; + box-shadow: none; + padding: 2px; + } + + #PanelApplet button:hover:active, + #PanelApplet button:checked, + #PanelApplet button:checked:hover, + #PanelApplet button.flat:hover:active, + #PanelApplet button.flat:checked, + #PanelApplet button.flat:checked:hover, + #PanelApplet button.toggle:hover:active, + #PanelApplet button.toggle:checked, + #PanelApplet button.toggle:checked:hover, + #PanelApplet button.flat.toggle:hover:active, + #PanelApplet button.flat.toggle:checked, + #PanelApplet button.flat.toggle:checked:hover { + background-image: none; + background-color: darker($panel_bg_color); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: lighter($panel_fg_color); + text-shadow: none; + padding: 2px; + } + + #PanelApplet button:hover, + #PanelApplet button.flat:hover, + #PanelApplet button.toggle:hover, + #PanelApplet button.flat.toggle:hover { + background-image: none; + background-color: shade($panel_bg_color, 1.3); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: $selected_fg_color; + text-shadow: none; + padding: 2px; + } + + .mate-panel-menu-bar menubar > menuitem { + padding: 3px 7px; + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_nautilus.scss b/Redcore-daylight/gtk-3.20/scss/apps/_nautilus.scss new file mode 100644 index 0000000..1b51e55 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_nautilus.scss @@ -0,0 +1,92 @@ +/************ + ! Nautilus * +*************/ + +@include exports("nautilus") { + .nautilus-desktop, .nautilus-desktop * { + &, &:backdrop { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + } + + .nautilus-window { + toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($toolbar_bg_color); + } + + .sidebar { + border: 0; + + frame { border: 0; } + } + + notebook { + background-color: $base_color; + border: 0; + + frame { border: 0; } + } + + .searchbar-container { + margin-top: -1px; + + searchbar { + padding-top: $spacing - 3px; + padding-bottom: $spacing - 2px; + border-bottom: 1px solid $borders_color; + } + } + } + + button.nautilus-circular-button.image-button { + @extend button.circular; + } + + $disk_space_unknown: alpha($fg_color, .5); + $disk_space_used: alpha($selected_bg_color, .8); + $disk_space_free: shade($bg_color, .95); + + .disk-space-display { + border-style: solid; + border-width: 1px; + + &.unknown { + background-color: $disk_space_unknown; + border-color: shade($disk_space_unknown, .9); + } + + &.used { + background-color: $disk_space_used; + border-color: shade($disk_space_used, .9); + } + + &.free { + background-color: $disk_space_free; + border-color: shade($disk_space_free, .9); + } + } + + // Batch renaming dialog + .conflict-row.activatable { + &, &:active { + color: $error_fg_color; + background-color: $error_color; + } + + &:hover { background-color: shade($error_color, 1.1); } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_nemo.scss b/Redcore-daylight/gtk-3.20/scss/apps/_nemo.scss new file mode 100644 index 0000000..e2fe671 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_nemo.scss @@ -0,0 +1,174 @@ +/******** + ! Nemo * +*********/ + +@include exports("nemo") { + .nemo-desktop, .nemo-desktop * { + &, &:backdrop { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + } + + .nemo-window { + toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($toolbar_bg_color); + + button { + @include button($bg_color, $fg_color); + } + + .linked > button { @include linked_button($bg_color); } + + separator, separator:disabled { + color: shade($bg_color, ($contrast + .1)); + border-color: currentColor; + -GtkWidget-window-dragging: true; + } + + &.primary-toolbar button.image-button { + padding: 0 ($spacing + 5px); + } + + combobox, button { + padding: $spacing; + + &.text-button { padding: $spacing; } + + &.image-button { padding: $spacing; } + } + + /* Path Bar */ + toolitem stack { + margin-left: 15px; + + widget button { + @include linked_button($toolbar_bg_color); + -NemoPathbarButton-border-radius: $roundness; + } + } + } // END toolbar + + /* Status Bar */ + grid { + > widget:last-child { + button { + min-height: 16px; + min-width: 16px; + padding: ($spacing - 1px) (($spacing * 2) - 2px); + } + + button:first-child { + margin-left: 20px; + } + + button:first-child + button { + margin-right: 15px; + } + + button:first-child + button + separator + button { + margin-left: 15px; + } + + > box > scale { + margin-right: 12px; + } + + statusbar { + border: 0; + } + } + } // END Status Bar + + .sidebar { + .frame { + border: 0; + } + + image { + padding-left: $spacing; + padding-right: $spacing; + } + + .nemo-places-sidebar { + &, & .view { + background-color: mix($bg_color, $base_color, .5); + } + + .view { + -NemoPlacesTreeView-disk-full-bg-color: shade($bg_color, .8); + -NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color; + -NemoPlacesTreeView-disk-full-bar-width: 2px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 0; + -NemoPlacesTreeView-disk-full-max-length: 75px; + + &:selected { + -NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color; + -NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2); + + &:focus, & { + @extend %selected_items; + } + } + } + } + + /* Nemo Query Editor (File Search Bar) */ + + separator + box .primary-toolbar { + @include linear-gradient(shade($bg_color, .98)); // Searchbar color (_actionbar.scss) + + padding-top: $spacing - 3px; + padding-bottom: $spacing - 3px; + border-bottom: 1px solid $borders_color; + + button:nth-child(2) { + border-right: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + button:nth-child(3) { + margin-left: -6px; + border-left: none; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + button.flat { + $bg: $bg_color; + $fg: $fg_color; + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + $button_bg: if(hue($bg) == 0deg, shade($bg, 1.2), $bg); + + @extend %button; + @include linear-gradient($button_bg); + @include border(rgba(0, 0, 0, .12 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + padding: 5px 6px; + } + } // END Nemo Query Editor + } // END .sidebar + + notebook { + background-color: $base_color; + border-width: 0; + + tabs { + border: 0; + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_panel.scss b/Redcore-daylight/gtk-3.20/scss/apps/_panel.scss new file mode 100644 index 0000000..814a450 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_panel.scss @@ -0,0 +1,91 @@ +/*********************** + ! Fallback mode panel * +************************/ + +@include exports("panel") { + %panel { + @include linear-gradient($panel_bg_color); + + color: $panel_fg_color; + } + + %panellabel { + font-weight: normal; + color: $panel_fg_color; + } + + %panelbutton { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: $panel_fg_color; + + &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11)); + + border-color: mix($panel_bg_color, $panel_fg_color, .11); + color: shade($panel_fg_color, 1.08); + } + + &:active, &:checked { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .21); + color: shade($panel_fg_color, 1.08); + + &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .31); + } + } + } + + panel-plug, + panel-toplevel.background { + @extend %panel; + + padding: 0; + } + + .gp-text-color { + color: $black; + } + + #clock-applet-button { &, &:backdrop { @extend %panelbutton; } } + + panel-applet { + border: 0; + + button { + &, &:backdrop { @extend %panelbutton; } + } + } + + clock-box, + panel-applet > menubar, + panel-toplevel .gnome-panel-menu-bar { + &, &:backdrop { + @extend %panel; + + menuitem { + @extend %panel; + + border: 0; + + label { @extend %panellabel; } + } + } + } + + gp-calendar-window, + #tasklist-button, + #clock-applet-button, + #showdesktop-button { + label { @extend %panellabel; } + } + + wnck-pager, wnck-tasklist { @extend %panel; } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_synaptic.scss b/Redcore-daylight/gtk-3.20/scss/apps/_synaptic.scss new file mode 100644 index 0000000..c19b78e --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_synaptic.scss @@ -0,0 +1,15 @@ +/************ + ! Synaptic * +*************/ + +@include exports("synaptic") { + GtkWindow > GtkVBox > .dock { + &, > GtkHBox > GtkToolbar { + @include linear-gradient($toolbar-bg-color); + + padding: $spacing; + border: 0; + color: $toolbar_fg_color; + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_unity-greeter.scss b/Redcore-daylight/gtk-3.20/scss/apps/_unity-greeter.scss new file mode 100644 index 0000000..70f5c3a --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_unity-greeter.scss @@ -0,0 +1,105 @@ +/*********************** + ! Unity Greeter * + ***********************/ + +@include exports("unity-greeter") { + @keyframes dashentry_spinner { + to { -gtk-icon-transform: rotate(1turn); } + } + + %lightdm-button { + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .1); + border-radius: ($roundness * 2) + 1px; + padding: $spacing; + color: $white; + } + + .lightdm { + &.menu { + background-image: none; + background-color: fade-out($black, .4); + border-color: fade-out($white, .8); + border-radius: $roundness * 2; + padding: 1px; + + color: $white; + + .menuitem { *, &.check:active, &.radio:active { color: $white; } } + } + + &.menubar { *, &.menuitem { padding: $spacing - 3px; } } + + &.option-button { + padding: $spacing; + background: none; + border: 0; + } + + &.toggle-button { + background: none; + border-width: 0; + + &.selected { + background-color: fade-out($black, .7); + border-color: fade-out($white, .7); + border-width: 1px; + + &:hover { background-color: fade-out($white, .7); } + } + } + + &.button { + @extend %lightdm-button; + + &:hover { + background-color: fade-out($white, .7); + border-color: fade-out($white, .4); + text-shadow: none; + } + } + + &.entry, &.button:active, &.button:active:focus, &.button:focus { + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .4); + border-radius: ($roundness * 2) + 1px; + padding: $spacing + 2px; + color: $white; + text-shadow: none; + } + + &.entry { + &:hover, &:active, &:active:focus { + background-image: none; + border-image: none; + } + + &:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; + } + + &:focus { + border-color: fade-out($white, .4); + border-width: 1px; + border-style: solid; + color: $white; + } + + &:selected { background-color: fade-out($white, .8); } + } + } + + .lightdm-combo { + &.combobox-entry .button, .cell, .button, .entry { @extend %lightdm-button; } + + &.menu { + background-color: shade($dark_bg_color, 1.08); + border-radius: 0; + padding: 0; + color: $white; + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_unity.scss b/Redcore-daylight/gtk-3.20/scss/apps/_unity.scss new file mode 100644 index 0000000..54477cb --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_unity.scss @@ -0,0 +1,80 @@ +@import "panel"; + +/**************** + ! Unity styles * +*****************/ + +@include exports("unity") { + UnityDecoration { + -UnityDecoration-extents: 24px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5); + -UnityDecoration-inactive-shadow-radius: 5px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; + + + .top { + border: 1px solid $wm_border_focused; + border-bottom: 0; + border-radius: $roundness $roundness 0 0; + padding: 1px ($spacing + 3px) 0 ($spacing + 3px); + background-color: $titlebar_bg_color; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + text-shadow: none; + + // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/632 + // for L.I.M's selected menuitem + &:hover { + border-radius: 0; + border-color: mix($panel_bg_color, $panel_fg_color, .21); + background-color: mix($panel_bg_color, $panel_fg_color, .21); + background-image: none; + color: shade($panel_fg_color, 1.08); + } + + &:backdrop { + border: 1px solid $wm_border_unfocused; + color: mix($titlebar_fg_color, $titlebar_bg_color, .4); + } + } + + .left, .right, .bottom { + background-color: $titlebar_bg_color; + + &:backdrop { background-color: mix(shade($titlebar_bg_color, .7), $titlebar_fg_color, .21); } + } + } + + UnityPanelWidget, .unity-panel { + @extend %panel; + + border: 0; + } + + .unity-panel { + &.menuitem, .menuitem { + border-width: 0 1px; + color: $panel_fg_color; + + &:hover, *:hover { + border-color: mix($panel_bg_color, $panel_fg_color, .21); + background-color: mix($panel_bg_color, $panel_fg_color, .21); + background-image: none; + color: shade($panel_fg_color, 1.08); + } + } + } + + SheetStyleDialog.unity-force-quit { background-color: $bg_color; } +} diff --git a/Redcore-daylight/gtk-3.20/scss/apps/_xfce.scss b/Redcore-daylight/gtk-3.20/scss/apps/_xfce.scss new file mode 100644 index 0000000..4300474 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/apps/_xfce.scss @@ -0,0 +1,30 @@ +@import "panel"; + +/*************** + ! Xfce styles * +****************/ + +@include exports("xfce") { + .XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: $base_color; + color: $text_color; + } + + .xfce4-panel { + @extend %panel; + + font: inherit; + + button { @extend %panelbutton; } + + menu { + -gtk-icon-effect: none; + + text-shadow: none; + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/gtk.scss b/Redcore-daylight/gtk-3.20/scss/gtk.scss new file mode 100644 index 0000000..4455669 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/gtk.scss @@ -0,0 +1,3 @@ +$variant: "light"; + +@import "widgets"; diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_actionbar.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_actionbar.scss new file mode 100644 index 0000000..3c6aa02 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_actionbar.scss @@ -0,0 +1,99 @@ +@import "button"; +@import "toolbar"; + +/************** + ! Action-bar * +***************/ + +@include exports("actionbar") { + actionbar > revealer > box { + padding: $spacing; + border-top: 1px solid $borders_color; + + &:backdrop { border-color: $backdrop_borders_color; } + } +} + + +/**************************** + ! Search and Location bars * +*****************************/ + +@include exports("searchbar") { + searchbar, + .location-bar { + @include linear-gradient(shade($bg_color, .98)); + + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + } +} + + +/****************** + ! Action buttons * +*******************/ + +@include exports("actionbuttons") { + $types: ( + suggested: $success_color, + destructive: $error-color + ); + + @each $type, $color in $types { + .#{$type}-action { + @include button($color, $selected_fg_color); + } + } +} + + +/****************** + ! Selection mode * +*******************/ + +@include exports("selectionmode") { + headerbar, + .titlebar:not(headerbar) { + &.selection-mode { + @include toolbar($selected_bg_color, $selected_fg_color); + + button { + @include button($selected_bg_color, $selected_fg_color); + + &.suggested-action { @extend .suggested-action; } + } + + &:backdrop { + background-color: $backdrop_selected_bg_color; + background-image: none; + } + + .selection-menu { + &:backdrop, & { + color: shade($selected_bg_color, $contrast); + background-color: transparent; + background-image: none; + box-shadow: none; + border: 0; + + &:hover { color: shade($selected_bg_color, ($contrast - .1)); } + + &:active { color: shade($selected_bg_color, ($contrast - .05)); } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: transparentize($selected_fg_color, .5); + -gtk-icon-shadow: none; + } + } + } + + .dim-label { + &, .selection-menu & { color: shade($selected_bg_color, ($contrast - .1)); } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_base.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_base.scss new file mode 100644 index 0000000..52a78e2 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_base.scss @@ -0,0 +1,133 @@ +/************** + ! GTK settings +***************/ + +* { + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + -GtkWidget-cursor-aspect-ratio: $caret_aspect_ratio; + + outline-color: alpha($selected_bg_color, .5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + -gtk-outline-radius: $roundness; +} + + +/************* + ! Base states + *************/ + +%selected { + &, &:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +* { + /* hyperlinks */ + -GtkIMHtml-hyperlink-color: $link_color; + + &:selected { @extend %selected; } + + &:disabled, + &:disabled:disabled { color: mix($fg_color, $bg_color, .5); } + + &:disabled, &:disabled { -gtk-icon-effect: dim; } + + &:hover { -gtk-icon-effect: highlight; } + + &:link, &:visited { color: $link_color; } +} + +.background { + background-color: $bg_color; + color: $fg_color; + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + } + + &.csd { background-color: $bg_color; } +} + +.gtkstyle-fallback { + background-color: alpha($bg_color, .5); + color: $fg_color; + + &:hover { + background-color: shade($bg_color, 1.1); + color: $fg_color; + } + + &:active { + background-color: shade($bg_color, .9); + color: $fg_color; + } + + &:disabled { + background-color: shade(shade($bg_color, .95), 1.05); + color: mix($fg_color, $bg_color, .5); + } + + &:selected { @extend %selected; } +} + +image, label, box, grid { + &, &:disabled { background-color: transparent; } +} + +label { + &.separator { + @extend .dim-label; + + color: $fg_color; + + &:backdrop { color: $backdrop_fg_color; } + } + + row:selected &, + &:selected { @extend %nobg_selected_items; } + + selection { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:disabled { + color: $insensitive_fg_color; + + selection { @extend %selected_items:disabled; } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop { + color: $backdrop_fg_color; + + selection { @extend %selected_items:backdrop; } + } +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { padding: $spacing ($spacing * 2); } + + .sidebar label.highlight { background-color: mix($fg_color, $bg_color, .8); } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_button.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_button.scss new file mode 100644 index 0000000..263c037 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_button.scss @@ -0,0 +1,566 @@ +/********* + ! Buttons +**********/ + +@include exports("button_extends") { + // 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, .01, to($_dot_color), to(transparent)); + } + + to { + background-image: -gtk-gradient(radial, center center, 0, center center, .5, to($selected_bg_color), to(transparent)); + } + } + + %needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: _text_shadow_color(); + $_dot_shadow_r: if($variant == 'light', .5, .45); + background-image: -gtk-gradient(radial, center center, 0, center center, .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; + } + } + } + + %button { + min-height: 14px + $spacing * 2; + min-width: 14px + $spacing * 2; + padding: $spacing ($spacing + 2px); + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: 150ms ease; + outline-color: transparent; + } + + %undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + } + + %linked_middle { + border-radius: 0; + border-left-style: none; + border-right-style: solid; + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_middle:dir(rtl) + border-right-style: none; + border-left-style: solid; + } + } + + %linked_vertical_middle { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_vertical_middle:dir(rtl) + border-top-style: none; + border-bottom-style: solid; + } + } + + %linked_button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-left-style: none; + border-right-style: solid; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + &:dir(rtl) { + border-left-style: solid; + border-right-style: none; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + border-style: solid; + } + + &:only-child { + border-radius: $roundness; + } + } + + %linked_vertical_button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-top-style: solid; + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-top-style: none; + border-bottom-style: solid; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-top-style: none; + border-bottom-style: solid; + border-top-left-radius: 0; + border-top-right-radius: 0; + + &:dir(rtl) { + border-top-style: solid; + border-bottom-style: none; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + border-style: solid; + } + + &:only-child { + border-radius: $roundness; + } + } +} + +@mixin linked_button($bg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + @extend %linked_button; + + box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &:focus, &:hover { + box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { + box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)), + inset 0 1px alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + &:disabled { box-shadow: inset -1px 0 shade($bg, .8); } + + &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } + + &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } + + &:disabled:last-child, &:disabled:only-child, + &:active:disabled:last-child, &:active:disabled:only-child, + &:checked:disabled:last-child, &:checked:disabled:only-child { box-shadow: none; } + + &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, + &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { + box-shadow: inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } + + &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, + &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } +} + +@mixin linked_vertical_button($bg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + @extend %linked_vertical_button; + + box-shadow: inset 0 -1px border_normal(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &:focus, &:hover { + box-shadow: inset 0 -1px border_focus(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { + box-shadow: inset 0 -1px border_active(rgba(0, 0, 0, .12 + $border_strength)), + inset 1px 0 alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .05); + } + + &:disabled { box-shadow: inset 0 -1px shade($bg, .8); } + + &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } + + &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } + + &:disabled:last-child, &:disabled:only-child, + &:active:disabled:last-child, &:active:disabled:only-child, + &:checked:disabled:last-child, &:checked:disabled:only-child { box-shadow: none; } + + &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, + &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { + box-shadow: inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } + + &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, + &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } +} + +@mixin button($bg, $fg) { + $border_strength: if(lightness($fg) > 50, .1, .2); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + $button_bg: $bg; + + @extend %button; + @include linear-gradient($button_bg); + @include border(alpha($fg, .12 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + + &.flat { + //color: mix($bg, $fg, .2); + color: $fg; + border-color: alpha($button_bg, 0); + background-color: alpha($button_bg, 0); + background-image: none; + box-shadow: none; + } + + &, &.flat { + + &:hover { + @include linear-gradient(shade($bg, 1.05)); + @include border(alpha($fg, .20 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .22 + $shadow_strength); + } + + &:focus { + @include linear-gradient(shade($bg, 1.05)); + @include border(alpha($fg, .20 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + &:hover { + @include linear-gradient(shade($bg, 1.1)); + @include border(alpha($fg, .20 + $border_strength)); + + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .38 + $shadow_strength); + } + } + + &:checked, &:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + @include linear-gradient($selected_bg_color, to top); + + color: $selected_fg_color; + box-shadow: inset 1px 0 alpha($fg, .06), + inset 0 1px alpha($fg, .07), + inset -1px 0 alpha($fg, .06), + inset 0 -1px alpha($fg, .05); + @include border(alpha($fg, .12 + $border_strength)); + + &:focus, &:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + @include linear-gradient(shade($selected_bg_color, 1.05), to top); + + color: $selected_fg_color; + } + } + + &:focus, &:hover { color: $fg; } + + &:disabled:disabled { + @include linear-gradient(alpha(mix($bg, $fg, .2), .4)); + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + + color: mix($bg, $fg, .5); + box-shadow: none; + } + + &:active:disabled, &:checked:disabled { + @include linear-gradient(alpha($selected_bg_color, .6)); + + color: $selected_fg_color; + box-shadow: none; + } + } + + &.separator, .separator { + border: 1px solid currentColor; + color: alpha($bg, ($contrast + .1)); + + &:disabled { color: alpha($bg, .85); } + } +} + +@include exports("button") { + %close_button { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + + &:focus, &:hover { + border: 1px solid alpha($bg_color, .3); + background-color: alpha($fg_color, .2); + background-image: none; + box-shadow: none; + } + + &:active, &:checked, &:active:hover, &:checked:hover { + border: 1px solid alpha($selected_bg_color, .3); + background-color: alpha($selected_fg_color, .1); + background-image: none; + box-shadow: none; + } + } + + button { + @include button($button_bg_color, $button_fg_color); + + + .inline-toolbar &, + .linked > & { @include linked_button($button_bg_color); } + + .linked.vertical > & { @include linked_vertical_button($button_bg_color); } + + &.circular, + &.circular-button { // FIXME: aggregate to buttons + padding: 0; + min-width: 28px; + min-height: 28px; + border-radius: 9999px; // Fixed: https://github.com/GNOME/gtk/commit/a6409458f0d50d673a4dc370b9251993b7835b6b + -gtk-outline-radius: 9999px; + + label { padding: 0; } + } + } + + spinbutton { + + &:disabled { + opacity: .4; + } + + button { + color: $button_fg_color; + + &:active, &:checked, &:hover { + @include linear-gradient(shade($button_bg_color, 1.2)); + } + + &:disabled { color: mix($button_fg_color, $bg_color, .7); } + + &:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .9); } + + &:backdrop:disabled { color: alpha($backdrop_insensitive_color, .8); } + } + + &:not(.vertical) { + /*@extend %entry;*/ + @include linear-gradient($base_color, to top); + /*@include border($base_color);*/ + + padding: 0; + border-radius: $roundness; + + color: $text_color; + caret-color: $text_color; + + /*&:focus, &:active { border-color: border_focus($borders_color); }*/ + + &:disabled { + @include linear-gradient(shade($base_color, .9), to top); + + color: mix($base_color, $text_color, .5); + } + + entry { + border-radius: $roundness 0 0 $roundness; + border-right-width: 0; + box-shadow: none; + } + + button { + @extend %linked_middle; + border-radius: 0; + /*border-color: alpha($borders_color, .8);*/ + /*border-style: none none none solid;*/ + background-image: none; + box-shadow: none; + + /* + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.08); + } + + &:hover { + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.11); + } + } + */ + + &:dir(rtl) { border-style: none solid none none; } + + &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .8); } + + &:backdrop { border-color: alpha($backdrop_borders_color, .8); } + + &:backdrop:disabled { + border-style: none none none solid; // It is needed or it gets overridden + &:dir(rtl) { border-style: none solid none none; } + } + + &:dir(rtl):first-child { border-radius: $roundness 0 0 $roundness; } + + &:dir(ltr):last-child { border-radius: 0 $roundness $roundness 0; } + } + } + + &.vertical { + button, entry { + min-width: 0; + padding-left: $spacing - 2px; + padding-right: $spacing - 2px; + } + + entry { + // reset all the other props since the spinbutton node is styled here + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + } + + button { + &.up { + border-style: solid solid none solid; + border-radius: $roundness $roundness 0 0; + } + + &.down { + border-style: none solid solid solid; + border-radius: 0 0 $roundness $roundness; + } + } + } + } +} + +/****************** +! ComboBoxes * +*******************/ + +@include exports("combobox") { + combobox { + button.combo { + // otherwise the arrow placement is not symmetric + min-width: 0; + padding-left: $spacing + 2px; + padding-right: $spacing + 2px; + } + + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + box button, box entry { + @extend %linked_button; + padding: $spacing ($spacing + 2px); + } + + .linked:not(.vertical) > & > box > button.combo { + // the combo is a composite widget so the way we do button linked doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr) { @extend %linked_middle; } + // specificity bump + &:dir(rtl) { @extend %linked_middle:dir(rtl); } + } + + .linked:not(.vertical) > &:first-child > box > button.combo { @extend %linked_button:first-child; } + + .linked:not(.vertical) > &:last-child > box > button.combo { @extend %linked_button:last-child; } + + .linked:not(.vertical) > &:only-child > box > button.combo { @extend %linked_button:only-child; } + + .linked.vertical > & > box > button.combo { @extend %linked_vertical_middle; } + + .linked.vertical > &:first-child > box > button.combo { @extend %linked_vertical_button:first-child; } + + .linked.vertical > &:last-child > box > button.combo { @extend %linked_vertical_button:last-child; } + + .linked.vertical > &:only-child > box > button.combo { @extend %linked_vertical_button:only-child; } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_calendar.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_calendar.scss new file mode 100644 index 0000000..c2243b9 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_calendar.scss @@ -0,0 +1,73 @@ +/********** + ! Calendar +***********/ + +@include exports("calendar") { + calendar { + padding: 1px 3px; + outline-offset: -1px; + + color: $text_color; + + &.view { + &, &:backdrop { @extend %undecorated_button; } + } + + &:selected { + @extend %selected_items; + + border-radius: $roundness; + } + + &.header { + border-bottom: 1px solid transparentize($black, .9); + border-radius: 0; + + &:backdrop { border-color: transparentize($black, .9); } + } + + &.button { + @extend %undecorated_button; + + color: alpha($fg_color, .55); + + &:hover { + @extend %undecorated_button; + + color: $fg_color; + } + + &:backdrop { + @extend %undecorated_button; + + color: alpha($backdrop_fg_color, .55); + } + + &:disabled { + @extend %undecorated_button; + + color: alpha($insensitive_fg_color, .55); + } + } + + &:indeterminate, + &:indeterminate:backdrop { color: mix($fg_color, $bg_color, .5); } + + &.highlight, + &.highlight:backdrop { + font-size: smaller; + color: mix($selected_bg_color, $fg_color, .5); + } + + &:backdrop { + color: $backdrop_text_color; + } + } + + /* gnome-calendar */ + .calendar-view { + background-color: $base_color; + color: $text_color; + } +} + diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_choosers.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_choosers.scss new file mode 100644 index 0000000..6741bd8 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_choosers.scss @@ -0,0 +1,181 @@ +/*************** + ! Color chooser +****************/ + +@include exports("colorchooser") { + 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 + // applied to the overlay box. + + &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: $roundness; + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + .5px; + border-top-right-radius: $_colorswatch_radius + .5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + .5px; + border-bottom-right-radius: $_colorswatch_radius + .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 + .5px; + border-bottom-left-radius: $_colorswatch_radius + .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 + .5px; + border-bottom-right-radius: $_colorswatch_radius + .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, .2), $borders_color); } + + &:backdrop { color: $backdrop_selected_fg_color; } + } + + &.light overlay { + color: $text_color; + + &:hover { border-color: if($variant == 'light', transparentize($black, .5), $borders_color); } + + &:backdrop { color: $backdrop_text_color; } + } + + &:drop(active) { + box-shadow: none; + + &.light overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize($black, .7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + overlay { + border: 1px solid if($variant == 'light', transparentize($black, .7), $borders_color); + + &:hover { + box-shadow: inset 0 1px transparentize($white, .6), + inset 0 -1px transparentize($black, .8); + } + + &:backdrop, + &:backdrop:hover { + border-color: if($variant == 'light', transparentize($black, .7), $borders_color); + box-shadow: none; + } + } + + &:disabled { + opacity: .5; + + overlay { + border-color: transparentize($black, .4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#add-color-button { + border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; + + &:only-child { border-radius: $_colorswatch_radius; } + + overlay { + background-color: shade($bg_color, .95); + color: $fg_color; + + &:hover { background-color: shade($bg_color, .9); } + + &:backdrop { background-color: shade($backdrop_bg_color, .95); } + } + } + + &#editor-color-sample { + border-radius: $_colorswatch_radius; + + overlay { border-radius: $_colorswatch_radius + .5px; } + } + } + + button.color { + padding: $spacing; + + colorswatch:only-child { + &, overlay { border-radius: 0; } + + @if $variant == 'light' { box-shadow: 0 1px _text_shadow_color(); } + } + + @if $variant == 'light' { + &:disabled, + &:backdrop, + &:active, + &:checked { colorswatch:only-child { box-shadow: none; } } + } + } +} + + +/*********************** +! Font and file choosers +************************/ + +@include exports("miscchoosers") { + filechooser { + /* for fallback when header bar not used */ + .dialog-action-box { + border-top: 1px solid $borders_color; + + &:backdrop { border-top-color: $backdrop_borders_color; } + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } + } + + filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_entry.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_entry.scss new file mode 100644 index 0000000..1b65044 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_entry.scss @@ -0,0 +1,186 @@ +/********* + ! Entry * +**********/ + +%linked_entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + + &:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + + &:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + } + + &:only-child { + border-radius: $roundness; + } +} + +%linked_vertical_entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; + + &:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + } + + &:only-child { + border-radius: $roundness; + } +} + +%entry { + border-width: 1px; + border-style: solid; + border-radius: $roundness; + border-color: border_normal($bg_color); + transition: border 100ms ease-out; + &:focus, &:hover, &:active { transition: border 100ms ease-in; } + + box-shadow: inset 1px 0 alpha($dark_shadow, 0.10), + inset 0 1px alpha($dark_shadow, 0.12), + inset -1px 0 alpha($dark_shadow, 0.10), + inset 0 -1px alpha($dark_shadow, 0.05); + + + + &:selected { + &, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &:disabled { box-shadow: none; } + + progress { + @include linear-gradient($selected_bg_color); + + border-width: 0; + border-radius: $roundness; + color: $selected_fg_color; + } + + image.left { padding-right: $spacing; } + + image.right { padding-left: $spacing; } + + selection { @extend %selected_items; } + + // entry error and warning style + @each $e_type, $e_color, $e_fg_color in (warning, $warning_bg_color, $warning_fg_color), + (error, $error_bg_color, $error_fg_color), + // entry.search-missing for Gnome-Builder + (search-missing, $error_bg_color, $error_fg_color) { + &.#{$e_type} { + color: $e_fg_color; + border-color: border_normal($e_color); + background-color: mix($base_color, $e_color, .6); + + image { color: $e_fg_color; } + + &:focus { + color: $e_fg_color; + border-color: border_focus($e_color); + background-color: $e_color; + box-shadow: none; + } + + selection { + background-color: $e_fg_color; + color: $e_color; + } + } + } +} + +@mixin entry($bg, $fg, $border: $borders_color) { + @extend %entry; + @include linear-gradient($bg, to top); + @include border(mix($bg, $fg, .20)); + + padding: $spacing; + + color: $fg; + caret-color: $primary_caret_color; + -gtk-secondary-caret-color: $secondary_caret_color; + + &:focus, &:active { border-color: border_focus($border); } + + &:disabled { + @include linear-gradient(shade($bg, .9), to top); + @include border(alpha(mix($bg, $fg, .20), .4)); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + + color: mix($bg, $fg, .5); + } +} + +@include exports("entry") { + entry { + @include entry($base_color, $text_color); + + .linked:not(.vertical) > & { @extend %linked_entry; } + + .linked.vertical > & { @extend %linked_vertical_entry; } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_grid.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_grid.scss new file mode 100644 index 0000000..7a16dca --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_grid.scss @@ -0,0 +1,63 @@ +/****************** + ! Grid and flowbox +*******************/ + +@include exports("grid") { + list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + + row { padding: $spacing; } + } + + row { + transition: all 150ms cubic-bezier(.25, .46, .45, .94); + + &:hover { transition: none; } + + &:backdrop { transition: 200ms ease-out; } + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: if(variant == light, transparentize($fg_color, .9), transparentize($fg_color, .95)); } + + &:active { box-shadow: inset 0 2px 2px -2px transparentize($black, .8); } + + &:backdrop:hover { background-color: transparent; } + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .5); } + + &.has-open-popup, + &:hover { background-color: mix($selected_bg_color, $fg_color, .1); } + + &:backdrop { background-color: $selected_bg_color; } + } + } + + &:selected { @extend %selected_items; } + } + + flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: $spacing; + border-radius: $roundness; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } + } +} + diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_infobar.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_infobar.scss new file mode 100644 index 0000000..bf82db2 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_infobar.scss @@ -0,0 +1,41 @@ +@import "button"; + + +/********* + ! Infobar +**********/ + +@include exports("infobar") { + infobar { + border: 0; + + $types: ( + info: ($info_fg_color, $info_bg_color), + warning: ($warning_fg_color, $warning_bg_color), + question: ($question_fg_color, $question_bg_color), + error: ($error_fg_color, $error_bg_color), + ); + + @each $type, $colors in $types { + $fg_color: nth($colors, 1); + $bg_color: nth($colors, 2); + + &.#{$type} { + &, &:backdrop { // Backdrop button fix: https://github.com/numixproject/numix-gtk-theme/issues/544 + @include linear-gradient($bg_color); + + border: 1px solid shade($bg_color, .8); + caret-color: currentColor; + + label, & { color: $fg_color; } + } + + button { + @include button($bg_color, $fg_color); + + &.close { @extend %close_button; } + } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_menu.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_menu.scss new file mode 100644 index 0000000..1a7f248 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_menu.scss @@ -0,0 +1,319 @@ +@import "entry"; + + + +@mixin menu_calendar($bg, $fg) { + color: $fg; + + &.header { + border-bottom: 1px solid shade($bg, ($contrast + .1)); + border-radius: 0; + + &:backdrop { border-color: shade($bg, ($contrast + .1)); } + } + + &.button { + @extend %undecorated_button; + color: alpha($fg, .55); + + &:hover { + @extend %undecorated_button; + color: $fg; + } + } + + &:indeterminate, + &:indeterminate:backdrop { color: mix($fg, $bg, .5); } +} + + +/********* + ! Menubar +**********/ + +@include exports("menubar") { + menubar, .menubar { + -GtkWidget-window-dragging: true; + + padding: 0; + border: 0; + background-color: $menubar_bg_color; + background-image: none; + //box-shadow: inset 0 -1px shade($menubar_bg_color, .9); + color: $menubar_fg_color; + + > menuitem { + min-height: 16px; + padding: $spacing*1.5 $spacing * 2.5; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: $menubar_fg_color; + + &:hover { + border-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-image: none; + color: shade($menubar_fg_color, 1.08); + } + + *:hover { color: shade($menubar_fg_color, 1.08); } + } + } +} + + +/****** + ! Menu +*******/ + +@include exports("menu") { + menu, + .menu, + .context-menu { + border: 0; + border-radius: 0; + padding: $spacing; + background-color: $menu_bg_color; + color: $menu_fg_color; + + .csd & { border: 0; } // axes borders in a composited env + + &:selected { background-color: $selected_bg_color; } + + // A little hack to get some extra space above/below menuitem separators + separator, + .csd & separator { + background-color: shade($menu_bg_color, ($contrast + .1)); + margin: ($spacing - 2px) 0; + } + + // Firefox workaround + .separator, + .csd & .separator { color: shade($menu_bg_color, ($contrast + .1)); } + + menuitem { + min-height: 16px; + min-width: 40px; + padding: $spacing; + border-radius: 0; + + &:active, &:hover { + border: 0; + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + + *:active, *:hover { color: $selected_fg_color; } + + &:disabled, *:disabled { color: mix($menu_fg_color, $menu_bg_color, .5); } + + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &: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; + } + } + + &.button, &.button.flat { + &, &:focus, &:active, &:disabled, &:active:disabled { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; + } + + &:hover, &:focus:hover, &:active:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + calendar { @include menu_calendar($menu_bg_color, $menu_fg_color); } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { &:dir(rtl), &:dir(ltr) { color: inherit; } } + } + + // overflow arrows + > arrow { + //@include button(undecorated); + + min-height: 16px; + min-width: 16px; + padding: $spacing; + background-color: $menu_bg_color; + border-radius: 0; + + &.top { + margin-top: -6px; + border-bottom: 1px solid mix($fg_color, $base_color, .1); + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-bottom: -6px; + border-top: 1px solid mix($fg_color, $base_color, .1); + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { background-color: mix($fg_color, $base_color, .1); } + + &:backdrop { background-color: $backdrop_menu_color; } + + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; + } + } + } + + .context-menu { font: initial; } // Decouple the font of context menus from their entry/textview + + .monospace { font-family: monospace; } + + menuitem { + accelerator { + color: alpha($menu_fg_color, .6); + + &:hover { color: alpha($selected_fg_color, .8); } + + &:disabled { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); } + } + + check, radio { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { margin-right: 7px; } + &:dir(rtl) { margin-left: 7px; } + } + + window decoration { + box-shadow: 0 2px 3px alpha($black, .2); + } + + entry { @include entry($menu_bg_color, $menu_fg_color); } + } +} + + +/********* + ! Popover +**********/ + +@include exports("popover") { + popover.background { + padding: $spacing - 3px; + border-radius: $roundness; + background-clip: border-box; + background-color: $menu_bg_color; + background-image: none; + color: $menu_fg_color; + box-shadow: 0 3px 6px alpha($black, .16); + + .csd &, & { + /*@include border($menu_bg_color);*/ + @include border(alpha($menu_fg_color, .5)); + border-width: 1px; + border-style: solid; + } + + &:backdrop { box-shadow: none; } + + treeview.view { + &:hover, &:selected, &:selected:focus, &:backdrop:selected, &:backdrop:selected:focus { border-top-color: $selected_bg_color; } + + &, &:backdrop { border-top-color: shade($menu_bg_color, ($contrast + .4)); } + } + + view, .view, list { + &:hover { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &, &:backdrop { + background-color: shade($menu_bg_color, ($contrast + .5)); + background-image: none; + color: $menu_fg_color; + border-color: border_normal($menu_bg_color); + } + } + + list row { + &, & .button { + background-color: transparent; + background-image: none; + color: $menu_fg_color; + + &:focus, &:hover, &:active { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .frame { + border-color: border_normal($menu_bg_color); + border-radius: $roundness; + } + + entry { @include entry($base_color, $text_color); } + + button { @include button($header_button_bg_color, $header_button_fg_color); } + .linked > button { @include linked_button($header_button_bg_color); } + + > list, > .view, > toolbar { + border-style: none; + background-color: transparent; + } + } + + modelbutton.flat, + menuitem.button.flat { + padding: $spacing ($spacing + 2px); + outline-color: transparent; + transition: none; + + @extend %undecorated_button; + + &:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:active, &:selected { &, arrow { @extend %selected_items; } } + + &:checked { color: $fg_color; } + + arrow { + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + } + + // FIXME: temporary workaround + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_misc.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_misc.scss new file mode 100644 index 0000000..da1c7dc --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_misc.scss @@ -0,0 +1,320 @@ +/*************** +! Dimmed label * +****************/ + +@include exports("dimlabel") { + .dim-label { + opacity: .5; + text-shadow: none; + } +} + + +/*********** + ! Tooltip * +************/ + +@include exports("tooltip") { + .tooltip, // Firefox fix + tooltip { + &.background { + &, &.csd { + background-color: $tooltip_bg_color; + background-clip: padding-box; + border: 1px solid border_normal($tooltip_bg_color); + border-radius: $roundness; + color: $tooltip_fg_color; + } + } + + * { + background-color: transparent; + color: inherit; + } + } +} + + +/*********** + ! Dialogs * +************/ + +@include exports("dialogs") { + messagedialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: 0; + -GtkDialog-action-area-border: 0; + -GtkDialog-button-spacing: $spacing; + + margin: 0; + padding: 0; + } + + printdialog { + paper { + color: $fg_color; + border: 1px solid $borders_color; + background: $white; + padding: 0; + + &:backdrop { + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + } + } + + .dialog-action-box { margin: $spacing * 2; } + } +} + + +/********************* + ! App notifications * +**********************/ + +@include exports("notifications") { + frame.app-notification { + border-style: solid; + border-color: border_normal($osd_bg); + border-width: 0 1px 1px; + border-radius: 0 0 $roundness $roundness; + padding: $spacing * 2; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + button { + @include button($osd_bg, $osd_fg); + } + + border { + border: 0; + } + } +} + + +/************* + ! Expanders * +**************/ + +@include exports("expander") { + expander { + arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover { color: alpha(currentColor, .8); } //only lightens the arrow + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + } +} + + +/******************* + ! Symbolic images * +********************/ + +@include exports("symbolicimage") { + .image { + color: alpha(currentColor, .5); + + &:hover { color: alpha(currentColor, .9); } + + &:selected, &:selected:hover { color: $selected_fg_color; } + } +} + + +/**************** + ! Floating bar * +*****************/ + +@include exports("floatingbar") { + .floating-bar { + @include linear-gradient($bg_color); + + border: 1px solid border_normal($bg_color); + border-radius: $roundness; + color: $fg_color; + + &.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + &.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + button { + border: 0; + background-color: transparent; + background-image: none; + } + } +} + + +/************************* + ! Touch text selections * +**************************/ + +@include exports("touchbubble") { + GtkBubbleWindow { + border-radius: $roundness; + background-clip: border-box; + + &.osd.background { background-color: $osd_bg; } + + .toolbar { background-color: transparent; } + } +} + +/*************** + ! Font-viewer * +****************/ + +@include exports("fontviewer") { + SushiFontWidget { + padding: $spacing ($spacing * 2); + } +} + + +/************* + ! Gucharmap * +**************/ + +@include exports("charmap") { + GucharmapChartable { + background-color: $base_color; + color: $text_color; + + &:focus, &:hover, &:active, &:selected { @extend %selected; } + } +} + + +/************* + ! Evolution * +**************/ + +@include exports("evolution") { + EPreviewPane .entry { + background-color: $base_color; + color: $text_color; + } +} + + +/******************* + ! Gnome Bluetooth * +********************/ + +@include exports("gnome-bluetooth") { + // Base code: https://github.com/GNOME/gnome-bluetooth/blob/a93575c4b590e2b831da32f739294bb2f197d420/lib/bluetooth-settings.css + entry.entry.pin-entry { + font-style: normal; + font-size: 50px; + padding-left: $spacing * 5; + padding-right: $spacing * 5; + } + + label.pin-label { + font-style: normal; + font-size: 50px; + } +} + + +/************************ + ! Shortcut window keys * +*************************/ + +@include exports("keycap") { + // shortcut window keys + .keycap { + min-width: 20px; + min-height: 24px; + margin-top: 2px; + padding-bottom: $spacing / 2; + padding-left: $spacing; + padding-right: $spacing; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, .5), $borders_color); + border-radius: $roundness; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, .2), inset 0 -3px mix($borders_color, $base_color, .6)); + font-size: smaller; + + &:backdrop { + background-color: $backdrop_base_color; + color: $backdrop_fg_color; + transition: 200ms ease-out; + } + } +} + + +/***************** + ! Stackswitcher * +******************/ + +@include exports("stackswitcher") { + stackswitcher button { + &.text-button { min-width: 80px; } // FIXME aggregate with buttons + + &.circular { // FIXME aggregate with buttons + min-width: 28px; + min-height: 28px; + padding: 0; + } + } +} + + +/******************* + ! Selected Items * +********************/ + +@include exports("selected_items") { + %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, .7); } + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, .5); } + + &:backdrop { + background-color: $backdrop_selected_bg_color; // Fixed Issue #430 + color: $backdrop_selected_fg_color; + + &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, .3); } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_notebook.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_notebook.scss new file mode 100644 index 0000000..92fa86b --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_notebook.scss @@ -0,0 +1,149 @@ +@import "button"; + + +/********** + ! Notebook +***********/ + +@include exports("notebook") { + +notebook { + padding: 0; + + &.frame { + border: 1px solid $borders_color; + + > header { + // ugly hack to hide the borders around the header + margin: -1px; + &.top { margin-bottom: 0; } + &.bottom { margin-top: 0; } + &.left { margin-right: 0; } + &.right { margin-left: 0; } + + &.top, &.bottom { padding-left: 0; padding-right: 0; } + &.left, &.right { padding-top: 0; padding-bottom: 0; } + } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $bg_color; + } + + > header { + padding: $spacing; + background-color: $bg_color; + + &.top { box-shadow: inset 0 -1px $borders_color; } + &.bottom { box-shadow: inset 0 1px $borders_color; } + &.right { box-shadow: inset 1px 0 $borders_color; } + &.left { box-shadow: inset -1px 0 $borders_color; } + + @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) { + // sizing and borders + &.#{$_pos} { + padding-#{$_bpos}: 0; + + > tabs > tab { + padding: $spacing $spacing + 8px; + min-width: 20px; + min-height: 20px; + + outline-offset: -4px; + + border: 1px solid transparent; + border-#{$_bpos}: none; + border-#{$_pos}-width: 3px; + + &:checked { + border-#{$_pos}-color: $selected_bg_color; + } + + // tab overlap + + tab { + @if $_pos==top or $_pos==bottom { margin-left: -1px; } + @else { margin-top: -1px; } + } + + + // tab border radius + @if $_pos==top { border-radius: 1px 1px 0 0; } + @else if $_pos==bottom { border-radius: 0 0 1px 1px; } + @else if $_pos==left { border-radius: 1px 0 0 1px; } + @else if $_pos==right { border-radius: 0 1px 1px 0; } + } + } + } + // overflow arrows + &.top, &.bottom { + > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:last-child { margin-left: 2px; } + } + > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + &:first-child { margin-right: 2px; } + } + } + &.left, &.right { + > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + &:last-child { margin-top: 2px; } + } + > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + &:first-child { margin-bottom: 2px; } + } + } + > tabs > arrow { + @extend %close_button; + color: $insensitive_fg_color; + + &:hover { color: mix($fg_color, $insensitive_fg_color, 0.5); } + &:active { color: $fg_color; } + &:disabled { color: alpha($insensitive_fg_color,0.3); } + } + + // tab colors + + &.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px $borders_color; } + &.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px $borders_color; } + &.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 $borders_color; } + &.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 $borders_color; } + + > tabs > tab { + color: alpha($fg_color, 0.8); + background-color: alpha(mix($bg_color, $fg_color, .1), 0.7); + + &:hover:not(:checked) { + color: mix($fg_color, $insensitive_fg_color, 0.5); + background-color: transparentize($base_color, 0.5); + border-color: $borders_color; + } + &:checked { + border-color: $borders_color; + color: $fg_color; + background-color: $bg_color; + } + // close button + button.flat { + min-height: 22px; + min-width: 16px; + padding: 0; + color: mix($bg_color, $fg_color, 0.35); + + &:hover { + @extend %undecorated_button; + color: lighten(red, 15%); + } + &:active, &:active:hover { + @extend %undecorated_button; + color: $selected_bg_color; + } + } + } + + } +} + +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_osd.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_osd.scss new file mode 100644 index 0000000..8a4d8d2 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_osd.scss @@ -0,0 +1,268 @@ +@import "button"; + + +/******* + ! OSD * +********/ + +@include exports("osd") { + overlay.osd { background-color: transparent; } + + colorchooser .popover.osd { border-radius: $roundness; } + + button.color { + .osd colorswatch:only-child { box-shadow: none; } + + @if $variant == 'light' { + .osd & { + &:disabled, + &:backdrop, + &:active, + &:checked { colorswatch:only-child { box-shadow: none; } } + } + } + } + + button.osd, + #XfceNotifyWindow button { + @include button($osd_bg, $osd_fg); + + &.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; + } + } + + // stand-alone OSD toolbars + toolbar.osd { + -GtkToolbar-button-relief: normal; + + padding: $spacing; + border: 1px solid border_normal($osd_bg); + border-radius: $roundness; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + separator { color: shade($osd_bg, ($contrast + .1)); } + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + progressbar.osd { // progressbar.osd used for epiphany page loading progress + margin: 2px; + min-height: 2px; + min-width: 2px; + + trough { + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; + } + + progress { + border-style: none; + border-radius: 0; + background-color: $selected_bg_color; + background-image: none; + } + } + + .osd, + #XfceNotifyWindow { + background-color: $osd_bg; + color: $osd_fg; + + &.background { + background-color: alpha($osd_bg, .8); + color: $osd_fg; + } + + .frame { + background-clip: border-box; + background-origin: border-box; + } + + button { @include button($osd_bg, $osd_fg); } + + entry { @include entry($osd_base, $osd_text_color, $osd_borders_color); } + + /* used by gnome-settings-daemon's media-keys OSD */ + trough, + &.trough { + background-color: alpha($osd_fg, .3); + } + + progressbar, + &.progressbar { + background-color: $osd_fg; + } + + // Old GTK 3.0 code + scale { + slider { + @include linear-gradient(shade($osd_bg, 1.08)); + @include border($osd_bg); + + &:disabled { @include linear-gradient(shade($osd_bg, .9)); } + } + + trough { + border-color: shade($osd_bg, .8); + background-color: shade($osd_bg, 1.08); + background-image: none; + + &.highlight { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + background-image: none; + } + + &:disabled, &.highlight:disabled { + border-color: shade($osd_bg, .85); + background-color: shade($osd_bg, .9); + background-image: none; + } + } + } + + // New GTK 3.20 code + scale { + //OSD troughs + trough { + background-color: lighten($osd_bg, 7%); + + highlight { background-color: $selected_bg_color; } + } + + // OSD sliders + slider { + background-clip: border-box; + background-color: $selected_bg_color; + border-color: $selected_bg_color; + + &:hover { + background-color: lighten($selected_bg_color, 10%); + border-color: lighten($selected_bg_color, 10%); + } + + &:active { + background-color: darken($selected_bg_color, 10%); + border-color: darken($selected_bg_color, 10%); + } + } + } + + &.view, .view, view { background-color: $osd_bg; } + + scrollbar { + trough { background-color: $osd_bg; } + + slider { + border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: 0; + background-color: mix($osd_bg, $osd_fg, .21); + + &:hover { + border-color: mix(shade($osd_bg, .87), $osd_fg, .31); + background-color: mix($osd_bg, $osd_fg, .31); + } + + &:active { + border-color: shade($selected_bg_color, .9); + background-color: $selected_bg_color; + } + } + } + + iconview.cell { + &:selected, &:selected:focus { + background-color: transparent; + border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: $roundness; + outline-color: transparent; + } + } + + /* used by Documents */ + .page-thumbnail { + border: 1px solid shade($osd_bg, .9); + /* when there's no pixbuf yet */ + background-color: $osd_bg; + } + + popover.background { + box-shadow: 0 2px 7px 3px alpha($black, .5); + + > toolbar button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; + } + } + + spinbutton { + // OSD horizontal + &:not(.vertical) { + @include linear-gradient($osd_base, to top); + @include border($osd_base); + + padding: 0; + + color: $osd_text_color; + caret-color: $osd_text_color; + + &:focus, &:active { border-color: border_focus($osd_borders_color); } + + &:disabled { + @include linear-gradient(shade($osd_base, .9), to top); + + color: mix($osd_base, $osd_text_color, .5); + } + + button { + @include button($osd_bg, $osd_fg); + + border-radius: 0; + border-color: transparentize($osd_borders_color, .3); + border-style: none none none solid; + background-image: none; + box-shadow: none; + + &:dir(rtl) { border-style: none solid none none; } + + &:active, &:checked, &:hover { color: $osd_text_color; } + + &:disabled { color: alpha($osd_insensitive_fg_color, .8); } + + &:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .9); } + + &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .8); } + + &:backdrop:disabled { + color: alpha($backdrop_insensitive_color, .8); + + border-style: none none none solid; // It is needed or it gets overridden + + &:dir(rtl) { border-style: none solid none none; } + } + + &:dir(rtl):first-child { border-radius: $roundness 0 0 $roundness; } + + &:dir(ltr):last-child { border-radius: 0 $roundness $roundness 0; } + } + } + + // OSD vertical + &.vertical button:first-child { + @include button($osd_bg, $osd_fg); + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_overshoot.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_overshoot.scss new file mode 100644 index 0000000..a46fc07 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_overshoot.scss @@ -0,0 +1,150 @@ +@mixin overshoot($position, $type: normal, $color: $selected_bg_color) { + $_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 $position == bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } @else if $position == right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } @else if $position == left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $color; + $_big_gradient_color: $color; + + @if $color == $fg_color { + $_small_gradient_color: shade($borders_color, .9); + $_big_gradient_color: $fg_color; + + @if $type == backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .5, + to(alpha($_small_gradient_color, .35)), + to(alpha($_small_gradient_color, .25))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .6, + from(alpha($_big_gradient_color, .2)), + to(alpha($_big_gradient_color, 0))); + + @if $type == normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } @else if $type == 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: 0; + box-shadow: none; +} + +@mixin undershoot($position) { + $_undershoot_color_dark: alpha($black, .2); + $_undershoot_color_light: alpha($white, .2); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $position; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($position == left) or ($position == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $position center; + } + + // Disable + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + + padding-#{$position}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + border: 0; + box-shadow: none; +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. + // This 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: 200ms ease-out; + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_progress.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_progress.scss new file mode 100644 index 0000000..de095ef --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_progress.scss @@ -0,0 +1,364 @@ +/***************** + ! Progress bars * +******************/ + +@include exports("progressbar") { + progressbar { + padding: 0; + border-radius: $roundness; + font-size: smaller; + color: alpha($fg_color, .6); + + // sizing + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + trough { + border: 1px solid mix($bg_color, $fg_color, .17); + background-color: shade($bg_color, 1.08); + background-image: none; + border-radius: $roundness; + } + + progress { + @include linear-gradient($selected_bg_color); + + border-radius: 0; + + &.left { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + } + } + + levelbar { + &.horizontal block { + min-width: 34px; + min-height: 4px; + } + + &.vertical block { + min-width: 4px; + min-height: 34px; + } + + &:backdrop { transition: 200ms ease-out; } + + trough { + @include linear-gradient(shade($bg_color, 1.08), to top); + + border: 1px solid mix($bg_color, $fg_color, .17); + border-radius: $roundness; + padding: 2px; // make discrete block appear inside levelbar + } + + &.horizontal.discrete block { + margin: 0 1px; + + &:first-child { margin: 0; } + } + + &.vertical.discrete block { + margin: 1px 0; + + &:first-child { margin: 0; } + } + + block { + @include linear-gradient($selected_bg_color); + + border-color: transparent; + border-radius: $roundness; + + &.low { + background-color: $warning_color; + border-color: transparent; + } + + &.high, + &:not(.empty) { + background-color: $success_color; + border-color: transparent; + } + + &.full { + background-color: shade($selected_bg_color, .8); + border-color: transparent; + } + + &.empty { + background-color: transparent; + border-color: transparent; + box-shadow: none; + } + } + } + + scale { + $_marks_length: 3px; + $_marks_distance: 1px; + $button_bg: $button_bg_color; + $ease-out-quad: cubic-bezier(.25, .46, .45, .94); + $button_transition: all 200ms $ease-out-quad; + + min-height: 10px; + min-width: 10px; + padding: $spacing; + + &.horizontal { + trough { padding: 0 3px; } + + highlight, fill { margin: 0 -4px; } + } + + &.vertical { + trough { padding: 3px 0; } + + highlight, fill { margin: -4px 0; } + } + + // The slider is inside the trough, negative margin to make it bigger + slider { + min-height: 15px; + min-width: 15px; + margin: -7px; + } + + // Click-and-hold the slider to activate + &.fine-tune { + // Make the trough grow in fine-tune mode + slider { margin: -7px; } + + highlight { background-color: shade($selected_bg_color, 1.1); } + + fill, + highlight, + trough { + border-radius: 5px; + -gtk-outline-radius: 7px; + } + } + + // Trough + trough { + $_scale_trough_bg: mix($bg_color, $fg_color, .2); + + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + + border-radius: 2.5px; + background-color: $_scale_trough_bg; + + &:disabled { background-color: mix($bg_color, $fg_color, .1); } + + // Troughs in selected list-rows and infobars + menuitem:hover &, + row:selected &, + infobar & { + background-color: transparentize($black, .8); + + highlight { + background-color: $selected_fg_color; + + &:disabled { background-color: mix($selected_fg_color, $selected_bg_color, .55); } + } + + &:disabled { background-color: transparentize($black, .9); } + } + } + + // The colored part of trough + highlight { + border-radius: 2.5px; + background-color: $selected_bg_color; + + &:disabled { background-color: transparentize($selected_bg_color, .45); } + } + + // this is another differently styled part of the trough, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + border-radius: 2.5px; + background-color: transparentize($selected_bg_color, .5); + + &:disabled { background-color: transparent; } + } + + slider { + $_slider_border: $button_border; + + background-color: $button_bg; + border: 1px solid $_slider_border; + border-radius: 100%; + + transition: $button_transition; + transition-property: background, border; + + &:hover { background-color: lighten($button_bg, 5%); } + + &:active { + background-clip: border-box; + background-color: $selected_bg_color; + border-color: $selected_bg_color; + } + + &:disabled { + background-color: mix($button_bg, $bg_color, .55); + border-color: transparentize($_slider_border, .2); + } + + // Selected list-row and infobar sliders + menuitem:hover &, + row:selected &, + infobar & { + background-clip: border-box; + background-color: $selected_fg_color; + border-color: $selected_fg_color; + + &:hover { + background-color: mix($selected_fg_color, $selected_bg_color, .85); + border-color: mix($selected_fg_color, $selected_bg_color, .85); + } + + &:active { + background-color: mix($selected_fg_color, $selected_bg_color, .5); + border-color: mix($selected_fg_color, $selected_bg_color, .5); + } + + &:disabled { + background-color: mix($selected_fg_color, $selected_bg_color, .55); + border-color: mix($selected_fg_color, $selected_bg_color, .55); + } + } + } + + value { color: alpha(currentColor, .4); } + + marks { + color: alpha(currentColor, .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 - 1px); + margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 2px); + } + } + } + + &.horizontal { + indicator { + min-height: $_marks_length; + min-width: 1px; + } + + &.fine-tune indicator { min-height: ($_marks_length - 1px); } + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_length; + } + + &.fine-tune indicator { min-width: ($_marks_length - 1px); } + } + + &.color { + trough { + padding: 0; + border: 0; + background-image: none; + } + + highlight, fill { margin: 0; } + + &.horizontal { + padding: 0 0 6px 0; + + trough { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: 0; + margin-top: 0; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 6px; + + trough { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: 0; + margin-right: 0; + } + } + } + + &:dir(rtl) { + padding: 0 6px 0 0; + + trough { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: 0; + margin-left: 0; + } + } + } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_scrollbar.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_scrollbar.scss new file mode 100644 index 0000000..beff309 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_scrollbar.scss @@ -0,0 +1,134 @@ +/*********** + ! Scrollbar +************/ + +@include exports("scrollbar") { + scrollbar { + $_slider_min_length: 40px; + $_slider_normal_width: 7px; + $_slider_small_width: 4px; + + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: $scrollbar_bg_color; + transition: 300ms ease-out; + + // scrollbar border on the content side + &.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: 400ms ease-in; + } + + slider { + min-width: $_slider_normal_width; + min-height: $_slider_normal_width; + border: 1px solid transparent; + border-radius: $roundness; + 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; } + &:disabled { background-color: transparent; } + } + + &.horizontal slider { min-width: $_slider_min_length; } + &.vertical slider { min-height: $_slider_min_length; } + + &.fine-tune slider:active { + background-color: lighten($scrollbar_slider_active_color, 10%); + } + + &.overlay-indicator { + opacity: .8; + + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: .4; + background-color: transparent; + + slider { + min-width: $_slider_small_width; + min-height: $_slider_small_width; + background-color: $fg_color; + border: 1px solid if($variant == 'light', $white, $black); + } + + // hide steppers + button { + min-width: $_slider_small_width; + min-height: $_slider_small_width; + border-color: transparent; + -gtk-icon-source: none; + } + + &.horizontal { + slider { min-width: $_slider_min_length; } + button { min-width: $_slider_normal_width; } + } + + &.vertical { + slider { min-height: $_slider_min_length; } + button { min-height: $_slider_normal_width; } + } + } + } + + // stepper styling + button { + min-width: $_slider_normal_width; + min-height: $_slider_normal_width; + padding: 0; + border: 0; + border-radius: 0; + border-color: $borders_color; // FIXME overwritten by global button definition + background-color: transparent; + box-shadow: none; + color: $scrollbar_slider_color; + + &:hover { color: $scrollbar_slider_hover_color; } + &:active, &:checked { color: $scrollbar_slider_active_color; } + &:backdrop { color: $backdrop_scrollbar_slider_color; } + } + + // button icons + &.vertical { + button { + &.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid $borders_color; + } + + &.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid $borders_color; + } + } + } + + &.horizontal { + button { + &.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + border-left: 1px solid $borders_color; + } + + &.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + border-right: 1px solid $borders_color; + } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_sidebar.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_sidebar.scss new file mode 100644 index 0000000..ab068f6 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_sidebar.scss @@ -0,0 +1,226 @@ +/********* + ! Sidebar +**********/ + +@include exports("sidebar") { + .sidebar { + border-style: none; + background-color: mix($bg_color, $base_color, .5); + + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + @at-root %sidebar_right + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + + &:backdrop { + background-color: $backdrop_sidebar_bg_color; + border-color: $backdrop_borders_color; + transition: 200ms ease-out; + } + + .frame, frame { border-width: 0; } + + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; } } + } + + stacksidebar { + &.sidebar { + &:dir(ltr), + &.left, + &.left:dir(rtl) { + list { @extend %sidebar_left; } + } + + &:dir(rtl), + &.right { + list { @extend %sidebar_right; } + } + } + + row { + padding: $spacing * 2 $spacing; + + > label { + padding-left: $spacing; + padding-right: $spacing; + } + + &.needs-attention > label { + @extend %needs_attention; + + background-size: 6px 6px, 0 0; + } + } + } + + $_placesidebar_icons_opacity: .7; + + placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 32px; + padding: 0; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 $spacing * 2; } + + &:selected { color: $selected_fg_color; } + + &:disabled { color: $insensitive_fg_color; } + + &:backdrop { + color: $backdrop_fg_color; + + &:selected { color: $backdrop_selected_fg_color; } + + &:disabled { color: $backdrop_insensitive_color; } + } + + image.sidebar-icon { + opacity: $_placesidebar_icons_opacity; // dim the device icons + + &:dir(ltr) { + padding-right: $spacing*2 + 2; + padding-left: $spacing; + } + + &:dir(rtl) { + padding-left: $spacing*2 + 2; + padding-right: $spacing; + } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + //@extend %button_basic.flat; + + //@extend %button_selected.flat; + + min-height: 20px; + min-width: 20px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; + + &:not(:hover):not(:active), + &:backdrop { + > image { opacity: $_placesidebar_icons_opacity; } + } + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } + } +} + + +/****** +! Paned +*******/ + +@include exports("paned") { + paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image(shade($bg_color, .9)); + background-size: 1px 1px; + background-position: center center; + + &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &:backdrop { background-image: image($backdrop_borders_color); } + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + background-image: image(border_normal($bg_color)), image(border_normal($bg_color)); + background-size: 1px 1px, 1px 1px; + + &:backdrop { + background-color: $backdrop_bg_color; + background-image: image($backdrop_borders_color), + image($backdrop_borders_color); + } + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + padding: 0 2px; + margin: 0 -2px; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + background-repeat: repeat-x; + padding: 2px 0; + margin: -2px 0; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } + + &.titlebar > separator { + background-image: image(shade($titlebar_bg_color, ($contrast + .1))); + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_spinner.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_spinner.scss new file mode 100644 index 0000000..9184446 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_spinner.scss @@ -0,0 +1,24 @@ +/******************* + ! Spinner animation +********************/ + +@include exports("spinner") { + @keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } + } + + spinner { + background-image: none; + color: $selected_bg_color; + opacity: 0; // non spinning spinner makes no sense + + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: .5; } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_toggle.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_toggle.scss new file mode 100644 index 0000000..2cdf121 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_toggle.scss @@ -0,0 +1,155 @@ +/*********************** + ! Check and Radio items +************************/ + +$suffix: if($variant == "dark", "-dark", ""); + +@mixin toggle($type) { + background-image: none; + + -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.svg"); + + &:disabled { -gtk-icon-source: url("../assets/#{$type}-unchecked-disabled#{$suffix}.svg"); } + + &:checked, &:active { + -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.svg"); + + &:disabled { -gtk-icon-source: url("../assets/#{$type}-checked-disabled#{$suffix}.svg"); } + } + + &:indeterminate { + -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.svg"); + + &:disabled { -gtk-icon-source: url("../assets/#{$type}-mixed-disabled#{$suffix}.svg"); } + } + + menuitem &, modelbutton & { + -gtk-icon-source: url("../assets/menuitem-#{$type}-unchecked.svg"); + + &:disabled { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-disabled.svg"); + } + + &:checked, &:active { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.svg"); } + + &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-disabled.svg"); } + } + + &:indeterminate { + -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.svg"); } + + &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-disabled.svg"); } + } + } +} + +@include exports("checkradio") { + radio { + @include toggle("radio"); + min-width: 16px; + min-height: 16px; + margin-right: $spacing; + } + + check { + @include toggle("checkbox"); + min-width: 16px; + min-height: 16px; + margin-right: $spacing; + } + + radio:dir(rtl), check:dir(rtl) { + margin-right: 0; + margin-left: $spacing; + } + + //selection-mode + @each $s,$as in ('', '-unchecked'), + (':hover', '-unchecked'), + (':active', '-checked'), + (':backdrop', '-unchecked'), + (':checked', '-checked'), + (':checked:hover', '-checked'), + (':checked:active', '-checked'), + (':backdrop:checked', '-checked') { + .view.content-view.check#{$s}:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.svg"); + background-color: transparent; + } + } +} + + +/******** + ! Switch +*********/ + +@include exports("switch") { + switch { + border-radius: $roundness; + padding: $spacing - 1px; + border: none; + outline: none; + transition: background-color .3s linear; + min-width: 88px; + min-height: 24px; + background-color: $switch_bg_color; + color: $switch_fg_color; + box-shadow: inset 1px -1px 0 alpha($dark_shadow, .06), inset -1px 1px 0 alpha($dark_shadow, .06); + + slider { + background-color: $switch_slider_bg_color; + transition: all 0.3s ease-in; + box-shadow: 0 1px 2px 0 alpha($dark_shadow, .07), 1px 0 2px 0 alpha($dark_shadow, .07); + border-radius: $roundness; + } + + &:checked { + background-color: $selected_bg_color; + background-image: none; + border-color: $selected_bg_color; + color: $base_color; + + slider { + background-color: $white; + box-shadow: 0 1px 3px 0 alpha($dark_shadow, .1); + } + } + + &:disabled { + background-color: $switch_disabled_bg_color; + background-image: none; + border-color: $switch_disabled_border_color; + color: $switch_disabled_fg_color; + box-shadow: none; + + slider { + background-color: $switch_disabled_slider_bg_color; + } + } + + list row:selected & { + background-color: $switch_disabled_slider_bg_color; + color: $switch_disabled_bg_color; + + slider { + background-color: mix($switch_disabled_bg_color, $base_color, .4); + } + + &:checked { + color: $selected_bg_color; + background-color: $switch_slider_bg_color; + + slider { + background-color: $selected_bg_color; + } + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_toolbar.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_toolbar.scss new file mode 100644 index 0000000..0b6f30e --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_toolbar.scss @@ -0,0 +1,237 @@ +@import "button"; + + +/********* + ! Toolbar +**********/ + +@mixin toolbar($bg, $fg) { + @include linear-gradient($bg); + @include border($bg); + + color: $fg; + + &:disabled { + @include linear-gradient(shade($bg, .9)); + + color: mix($fg, $bg, .5); + } + + .title { + font-weight: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font-size: smaller; + padding: 0 ($spacing * 2); + } + + button { @include button($bg, $fg); } + + .linked > button { @include linked_button($bg); } + + combobox, button { + padding: $spacing; + + &.text-button { padding: $spacing; } + + &.image-button { padding: $spacing; } + } + + separator { + &, &:disabled { + color: shade($bg, ($contrast - .2)); + border-color: currentColor; + + -GtkWidget-window-dragging: true; + } + } +} + +@mixin inline-toolbar($bg, $fg) { + padding: 1px; + border-width: 0 1px 1px; + border-style: solid; + border-color: $borders_color; + background-color: mix($borders_color, $bg_color, .7);; + background-image: none; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + transition: 200ms ease-out; + } + + button { @include button($toolbar_bg_color, $toolbar_fg_color); } + + toolbutton, + toolbutton:backdrop { + > button.flat { @extend %linked_middle; } + + &:first-child > button.flat { @extend %linked_button:first-child; } + + &:last-child > button.flat { @extend %linked_button:last-child; } + + &:only-child > button.flat { @extend %linked_button:only-child; } + } +} + +@include exports("toolbar_extends") { + %toolbar { + padding: $spacing - 1px; + border-style: none; + + // toolbar separators + &.horizontal separator { margin: 0 ($spacing + 2px) 1px; } + + &.vertical separator { margin: ($spacing + 2px) 1px ($spacing + 2px) 0; } + } + + %headerbar { + border-width: 0 0 1px; + border-style: solid; + + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator, + button { // Size height + margin-top: $spacing + 3px; + margin-bottom: $spacing + 3px; + } + + switch { // Size height + margin-top: $spacing + 1px; + margin-bottom: $spacing + 1px; + } + + window:not(.tiled):not(.maximized) separator:first-child + &, // tackles the paned container case + window:not(.tiled):not(.maximized) &:first-child { &:backdrop, & { border-top-left-radius: $roundness; } } + + window:not(.tiled):not(.maximized) &:last-child { &:backdrop, & { border-top-right-radius: $roundness; } } + } + + %titlebar { // Default headerbar and titlebar code. + @include toolbar($titlebar_bg_color, $titlebar_fg_color); + @include linear-gradient($titlebar_bg_color); + + border-radius: $roundness $roundness 0 0; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + padding: 0 $spacing * 2; + min-height: 42px; + + &:backdrop { + @include linear-gradient($titlebar_bg_color); + + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + text-shadow: none; + } + + &.default-decoration { // Default titlebar (old metacity) + min-height: 24px; + box-shadow: none; + border: 0; + + button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0; + padding: 0; + } + } + + .tiled &, + .maximized & { &:backdrop, & { border-radius: 0; } } // squared corners when the window is maximized or tiled + + .title { font-weight: bold; } + + separator.titlebutton { margin-left: $spacing; } + + button { + @include button($header_button_bg_color, $header_button_fg_color); + } + + button.titlebutton + separator.titlebutton { + margin-left: 0; + margin-right: $spacing; + } + + button.titlebutton { + border: 0; + background-image: none; + background-color: transparent; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + box-shadow: none; + + &:hover, &:hover:focus { + background-image: none; + background-color: transparent; + color: $selected_bg_color; + box-shadow: none; + } + + &:active, &:active:hover { + background-image: none; + background-color: transparent; + color: shade($selected_bg_color, .9); + box-shadow: none; + } + + &:backdrop { + background: none; + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + -gtk-icon-shadow: none; + } + } + } +} + +@include exports("toolbar") { + toolbar { + @include toolbar($toolbar_bg_color, $toolbar_fg_color); + + @extend %toolbar; + + &.inline-toolbar { @include inline-toolbar($toolbar_bg_color, $toolbar_fg_color); } + } + + headerbar { + @extend %titlebar; + @extend %headerbar; + } + + .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: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + } + + > separator { background-color: shade($titlebar_bg_color, .88); } // $borders_color + + @extend %titlebar; + } + + .background:not(.tiled):not(.maximized) .titlebar { + &:backdrop, & { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + } + + // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/585 + // workaround for ugly Ubuntu-related CSD patches + .background:not(.csd):not(.ssd):not(.solid-csd) headerbar { + &, &:backdrop { + &, &:not(:last-child) { + border-radius: 0; + border-top-color: transparent; + } + } + } +} diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_view.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_view.scss new file mode 100644 index 0000000..ece8b41 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_view.scss @@ -0,0 +1,354 @@ +/*************** + ! Generic views +****************/ + +@include exports("view") { + .view, + %view { + color: $text_color; + background-color: $base_color; + caret-color: $primary_caret_color; + -gtk-secondary-caret-color: $secondary_caret_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: $roundness; + } + } + } + + .view, + textview { + text { + @extend %view; + + selection { &:focus, & { @extend %selected_items; } } + } + } + + textview border { background-color: mix($bg_color, $base_color, .5); } + + iconview { @extend .view; } +} + + +/************ +! Treeview +*************/ + +@include exports("treeview") { + .rubberband, + rubberband { + border: 1px solid darken($selected_bg_color, .1); + background-color: transparentize(darken($selected_bg_color, .1), .8); + } + + treeview entry { + &:focus { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } + } + + %column_header_button { + padding: ($spacing - 2px) ($spacing + 1px); + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: $bg_color; + + &:disabled { + 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, .5); + background-image: none; + background-color: $backdrop_base_color; + + &:disabled { + border-color: $backdrop_bg_color; + background-image: none; + } + } + } + + treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + + border-left-color: mix($fg_color, $base_color, .5); // this is actually the tree lines color, + border-top-color: $bg_color; // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 0; + } + + &:backdrop, & { + border-left-color: mix($selected_fg_color, $selected_bg_color, .5); + border-top-color: transparentize($fg_color, .9); // doesn't work unfortunatelly + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, .4); + + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, .3); } + } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &.separator { + min-height: 2px; + color: $bg_color; + + &:backdrop { color: transparentize($bg_color, .9); } + } + + &:backdrop { + border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, .5); + border-top: $backdrop_bg_color; + } + + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + color: mix($base_color, $fg_color, .7); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_bg_color, $selected_fg_color, .7); + + &:hover { color: $selected_fg_color; } + + &:backdrop { color: mix($selected_bg_color, $backdrop_selected_fg_color, .7); } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .7); } + } + + &.progressbar { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + border-radius: $roundness; + border: 1px solid $selected_borders_color; + background-color: $selected_bg_color; + //background-image: linear-gradient(to bottom, $selected_bg_color, darken($selected_bg_color, .1)); + //box-shadow: inset 0 1px $fg_color, + //0 1px if($variant == 'light', transparentize($black, .8), transparentize($black, .9)); + + &:selected { + &:focus, & { + @if $variant == 'light' { + color: $selected_fg_color; + box-shadow: none; + } @else { + box-shadow: inset 0 1px transparentize($white, .95); + } + + @include linear-gradient($selected_bg_color); + border-radius: $roundness; + + &:backdrop { + @if $variant == 'light' { + color: $backdrop_selected_fg_color; + border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) + } @else { + border-color: $backdrop_base_color; + } + + background-color: mix($backdrop_base_color, $selected_bg_color, .9); + } + } + border: 1px solid mix($selected_bg_color, $selected_fg_color, .2); + } + + &:disabled { + @include linear-gradient($bg_color); + border-color: border_insensitive($bg_color); + } + + &:backdrop { + @if $variant == 'light' { + color: $backdrop_base_color; + } @else { + border-color: $backdrop_base_color; + } + + background-image: none; + box-shadow: none; + } + } + + &.trough { // progress bar trough in treeviews + background-color: transparentize($fg_color, .9); + border-radius: $roundness; + + &:selected { + &:focus, & { + background-color: if($variant == 'light', transparentize($selected_fg_color, .7), darken($selected_bg_color, .1)); + + @if $variant == 'light' { + border-width: 1px 0; + border-style: solid; + border-color: $selected_bg_color; + } + border-radius: $roundness; + } + } + } + + header { + button { + $_column_header_color: mix($fg_color, $base_color, .5); + + @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, .5); + 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; } } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 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; + } + } + + acceleditor > label { background-color: $selected_bg_color; } + } +} + + +/*********** + ! Separator +************/ + +@include exports("separator") { + separator { // vbox and hbox separators + background: transparentize($black, .9); + min-width: 1px; + min-height: 1px; + } +} + + +/********** + ! Frames * +***********/ + +@include exports("frame") { + frame > border, .frame { + border: 1px solid $borders_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: $backdrop_borders_color; } + } + + /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ + scrolledwindow viewport.frame { border: 0; } +} + + +/*************** + ! Places view * +****************/ + +@include exports("placesview") { + placesview { + .server-list-button > image { + transition: 200ms cubic-bezier(.25, .46, .45, .94); + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms cubic-bezier(.25, .46, .45, .94); + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; + } + } +} + diff --git a/Redcore-daylight/gtk-3.20/scss/widgets/_window.scss b/Redcore-daylight/gtk-3.20/scss/widgets/_window.scss new file mode 100644 index 0000000..c58a1b3 --- /dev/null +++ b/Redcore-daylight/gtk-3.20/scss/widgets/_window.scss @@ -0,0 +1,63 @@ +/************** + ! Window frame +***************/ + +@include exports("window") { + decoration { + $_wm_border: if($variant == 'light', transparentize($black, .77), transparentize($borders_color, .1)); + + border-radius: $roundness $roundness 0 0; + // lamefun trick to get rounded borders regardless of CSD use + //border-width: 0; + + //box-shadow: 0 3px 9px 1px transparentize($black, .3), 0 0 0 1px $wm_border_focused; //doing borders with box-shadow + /* this is used for the resize cursor area */ + //margin: $spacing * 3; + + border-width: $spacing % 2; + border-style: solid; + //border-color: $wm_border_focused; + //@TODO: + border-color: $wm_border_unfocused; + + + &:backdrop { + //box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px transparentize($black, .6), 0 0 0 1px $wm_border_unfocused; + border-color: $wm_border_unfocused; + transition: 200ms ease-out; + } + + .maximized &, .fullscreen &, .tiled & { border-radius: 0; } + + .popup & { box-shadow: none; } + + // this needs to be transparent + // see bug #722563 + // server-side decorations as used by mutter + // Fixed gtk-3.18 Unity bug (https://github.com/numixproject/numix-gtk-theme/issues/270) + .ssd & { box-shadow: 0 0 0 1px $wm_border_focused; } //just doing borders, wm draws actual shadows + + .solid-csd & { + border-radius: 0; + //margin: 1px; + //background-color: $bg_color; + // Unity/compiz regression: Issue: https://github.com/numixproject/numix-gtk-theme/issues/206 + box-shadow: none; + } + + .csd.popup & { + border-radius: 0; + box-shadow: 0 1px 2px transparentize($black, .8), 0 0 0 1px transparentize($_wm_border, .1); + } + + tooltip.csd & { + border-radius: $roundness; + box-shadow: none; + } + + messagedialog.csd & { + border-radius: $roundness; + box-shadow: 0 1px 2px transparentize($black, .8), 0 0 0 1px transparentize($_wm_border, .1); + } + } +} diff --git a/Redcore-daylight/index.theme b/Redcore-daylight/index.theme index 5a27a4a..eb8a7ad 100755 --- a/Redcore-daylight/index.theme +++ b/Redcore-daylight/index.theme @@ -1,10 +1,10 @@ [X-GNOME-Metatheme] -Name=Kogaion-daylight +Name=Redcore-daylight Type=X-GNOME-Metatheme -Comment=Kogaion Linux daylight theme +Comment=Redcore Linux daylight theme Encoding=UTF-8 -GtkTheme=Kogaion-daylight -MetacityTheme=Kogaion-daylight +GtkTheme=Redcore-daylight +MetacityTheme=Redcore-daylight IconTheme=Numix-Circle CursorTheme=Default CursorSize=24 diff --git a/Redcore-nighttime/gtk-2.0/gtkrc b/Redcore-nighttime/gtk-2.0/gtkrc index d944181..20de56c 100644 --- a/Redcore-nighttime/gtk-2.0/gtkrc +++ b/Redcore-nighttime/gtk-2.0/gtkrc @@ -1,856 +1,855 @@ -# Author: Simon Steinbeiß -# Theme: Greybird -# based on "Bluebird" by Simon Steinbeiß and Pasi Lallinaho -# Description: As is the original theme, this theme is 100% free and open source. - -gtk-color-scheme = "bg_color:#2d2d2d\nselected_bg_color:#990000\nbase_color:#2d2d2d" # Background, base. -gtk-color-scheme = "fg_color:#dedede\nselected_fg_color:#dedede\ntext_color:#dedede" # Foreground, text. -gtk-color-scheme = "tooltip_bg_color:#dedede\ntooltip_fg_color:#2d2d2d" # Tooltips. -gtk-color-scheme = "link_color:#990000" # Hyperlinks -gtk-color-scheme = "panel_bg:#2d2d2d" # Panel bg color -gtk-color-scheme = "fm_color:#2d2d2d" # Color used in Nautilus and Thunar. -gtk-color-scheme = "bg_color_dark:#2d2d2d\ntext_color_dark:#FFF" - -gtk-icon-sizes = "panel-applications-menu=24,24:panel-menu=24,24:panel=16,16:gtk-button=16,16" -gtk-button-images = 1 # Disables icons for buttons with text -gtk-toolbar-style = 0 # Disables text in toolbar -gtk-auto-mnemonics = 1 # Disables ugly lines under menu items - -#################### -## Default Styles ## -#################### - -style "default" -{ - GnomeHRef ::link_color = @link_color - GtkHTML ::link-color = @link_color - GtkIMHtmlr ::hyperlink-color = @link_color - GtkIMHtml ::hyperlink-color = @link_color - GtkWidget ::link-color = @link_color - GtkWidget ::visited-link-color = @text_color - - GtkButton ::child-displacement-x = 1 - GtkButton ::child-displacement-y = 1 - GtkButton ::default-border = { 0, 0, 0, 0 } - GtkCheckButton ::indicator-size = 15 - - GtkEntry ::honors-transparent-bg-hint = 1 - GtkEntry ::progress-border = { 3, 3, 3, 3 } - GtkEntry ::state-hint = 0 - - GtkImage ::x-ayatana-indicator-dynamic = 1 - - GtkMenu ::horizontal-padding = 0 - GtkMenu ::vertical-padding = 0 - - GtkPaned ::handle-size = 3 - - GtkNotebook ::tab-overlap =-2 - - GtkProgressBar ::min-vertical-bar-width = 10 - GtkProgressBar ::min-horizontal-bar-height = 10 - - GtkRange ::trough-border = 2 - GtkRange ::slider-width = 9 - GtkRange ::stepper-size = 13 - GtkRange ::stepper_spacing = 0 - - GtkScale ::slider-length = 15 - GtkScale ::slider-width = 15 - GtkScale ::trough-side-details = 1 - - GtkScrollbar ::min-slider-length = 50 - GtkScrollbar ::slider-width = 9 - #GtkScrollbar ::activate-slider = 1 - GtkScrollbar ::trough-border = 3 - GtkScrollbar ::has-backward-stepper = 0 - GtkScrollbar ::has-forward-stepper = 0 - - GtkScrolledWindow ::scrollbar-spacing = 0 - GtkScrolledWindow ::scrollbars-within-bevel = 1 - - GtkMenuBar ::internal-padding = 0 - GtkMenuBar ::window-dragging = 1 - - GtkExpander ::expander-size = 12 - GtkToolbar ::internal-padding = 0 - GtkTreeView ::expander-size = 10 - GtkTreeView ::vertical-separator = 0 - - GtkWidget ::focus-line-width = 1 - GtkWidget ::focus-padding = 0 - - GtkWindow ::resize-grip-height = 13 - GtkWindow ::resize-grip-width = 13 +# Redcore Nighttime theme (Numix based, created with Oomox) - xthickness = 1 - ythickness = 1 +gtk-color-scheme = +"base_color:#2d2d2d\nbg_color:#2d2d2d\ntooltip_bg_color:#2d2d2d\nselected_bg_color:#990000\ntext_color:#dedede\nfg_color:#dedede\ntooltip_fg_color:#dedede\nselected_fg_color:#dedede\nmenubar_bg_color:#2d2d2d\nmenubar_fg_color:#dedede\ntoolbar_bg_color:#2d2d2d\ntoolbar_fg_color:#dedede\nmenu_bg_color:#2d2d2d\nmenu_fg_color:#dedede\npanel_bg_color:#2d2d2d\npanel_fg_color:#dedede\nlink_color:#990000\nbtn_bg_color:#2d2d2d\nbtn_fg_color:#dedede\ntitlebar_bg_color:#2d2d2d\ntitlebar_fg_color:#dedede\nprimary_caret_color:#dedede\nsecondary_caret_color:#dedede\n" +# Default Style - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @selected_fg_color - fg[ACTIVE] = @fg_color - fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color) - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = shade (1.02, @bg_color) - bg[SELECTED] = @selected_bg_color - bg[INSENSITIVE] = @bg_color - bg[ACTIVE] = shade (1.04, @bg_color) - - base[NORMAL] = @base_color - base[PRELIGHT] = shade (0.95, @bg_color) - base[ACTIVE] = shade (0.92, @selected_bg_color) - base[SELECTED] = shade (0.93, @selected_bg_color) - base[INSENSITIVE] = @bg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[ACTIVE] = @text_color - text[SELECTED] = @text_color - text[INSENSITIVE] = darker (@text_color) - - engine "murrine" - { - animation = FALSE - arrowstyle = 2 # 0 = normal arrows, 1 = filled arrows - border_shades = { 1.2, 1.0 } # gradient to draw on border - cellstyle = 0 - colorize_scrollbar = TRUE - comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow - contrast = 0.4 # 0.8 for less contrast, more than 1.0 for more contrast on borders - default_button_color = mix (0.2, shade(0.9,@base_color), shade (0.9, @selected_bg_color)) - expanderstyle = 0 - focus_color = mix (0.1, @bg_color, shade (0.7, @selected_bg_color)) - focusstyle = 3 - glazestyle = 1 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight - gradient_shades = {1.2,1.0,1.0,0.9} #{1.1,1.0,1.0,0.87} - glowstyle = 4 # 0,1,2,3,4 - glow_shade = 1.1 - handlestyle = 1 - highlight_shade = 1.0 # set highlight amount for buttons or widgets - lightborder_shade = 1.1 # sets lightborder amount for buttons or widgets - lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides - listviewheaderstyle = 1 # 0 = flat, 1 = glassy, 2 = raised - listviewstyle = 2 # 0 = nothing, 1 = dotted, 2 = solid - menubaritemstyle = 0 # 0 = menuitem look, 1 = button look - menubarstyle = 2 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped - menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped - menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe - prelight_shade = .9 # shade level for scrollbar's slider, comboboxstyle(1), and prelight state with gradient_colors - progressbarstyle = 0 # 0 = nothing, 1 = stripes, 2 = lines - reliefstyle = 3 # 0 = flat, 1 = inset, 2 = shadow - rgba = FALSE # FALSE = disabled, TRUE = enabled - roundness = 2 # 0 = squared, 1 = old default, more will increase roundness - scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles - separatorstyle = 0 # 0 = Hard seperators 1 = Smooth seperators - sliderstyle = 0 # 0 = nothing added, 1 = handles - stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown - shadow_shades = { 1.0, 1.0 } # gradient for shadows. - textstyle = 0 # 0 = normal text, 1 = inset - toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient - trough_shades = { 0.75, 0.9 } # draw gradient on trough of GtkScrollbar and GtkProgressbar - #trough_border_shades = { 0.9, 0.7 } - } -} +style "murrine-default" { + GtkArrow::arrow-scaling= 0.6 -style "resize-grip" -{ - engine "pixmap" { - image { - function = RESIZE_GRIP - recolorable = FALSE - detail = "statusbar" - overlay_file = "resize_grip.png" - overlay_border = {0,0,0,0 } - overlay_stretch = FALSE - } - } -} - -style "paned" = "default" -{ - engine "murrine" - { - contrast = 1.0 - } -} + GtkWidget::cursor_color = @primary_caret_color + GtkWidget::secondary_cursor_color = @secondary_caret_color + GtkWidget::cursor_aspect_ratio = 0.04 -### THEME MODULES ### + GtkButton::child-displacement-x = 0 + GtkButton::child-displacement-y = 0 -style "dark" { + GtkButton::default-border = { 0, 0, 0, 0 } - GtkMenuBar :: shadow-type = GTK_SHADOW_NONE + GtkButtonBox::child-min-height = 26 - bg[NORMAL] = @bg_color_dark - bg[ACTIVE] = shade (0.7, @bg_color_dark) - bg[PRELIGHT] = shade (0.7, @bg_color_dark) - bg[SELECTED] = shade (0.6, @bg_color_dark) + GtkCheckButton::indicator-size = 16 - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color - fg[ACTIVE] = @text_color - fg[SELECTED] = @text_color + # The following line hints to gecko (and possibly other appliations) + # that the entry should be drawn transparently on the canvas. + # Without this, gecko will fill in the background of the entry. + GtkEntry::honors-transparent-bg-hint = 1 + GtkEntry::state-hint = 0 - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[ACTIVE] = @text_color - text[SELECTED] = @text_color + GtkExpander::expander-size = 16 - engine "murrine" - { - roundness = 0 # Roundness of menu items. - } -} + GtkImage::x-ayatana-indicator-dynamic = 1 + + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + GtkMenuBar::internal-padding = 0 + GtkMenuBar::window-dragging = 1 + + GtkMenuItem::arrow-scaling= 0.5 + + GtkPaned::handle-size = 1 + + GtkProgressBar::min-horizontal-bar-height = 12 + GtkProgressBar::min-vertical-bar-width = 12 + + GtkRange::trough-border = 0 + GtkRange::slider-width = 12 + GtkRange::stepper-size = 12 + GtkRange::stepper_spacing = 0 + GtkRange::trough-under-steppers = 1 + + GtkScale::slider-length = 16 + GtkScale::slider-width = 16 + GtkScale::trough-side-details = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::has-secondary-backward-stepper = 0 + GtkScrollbar::has-secondary-forward-stepper = 0 + GtkScrollbar::min-slider-length = 80 + GtkScrollbar::slider-width = 12 + GtkScrollbar::trough-border = 0 + + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkSeparatorMenuItem::horizontal-padding = 0 + + GtkToolbar::internal-padding = 0 + + GtkTreeView::expander-size = 11 + GtkTreeView::vertical-separator = 0 + + GtkWidget::focus-line-width = 1 + # The following line prevents the Firefox tabs + # from jumping a few pixels when you create a new tab + GtkWidget::focus-padding = 0 + + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + GtkWindow::resize-grip-height = 0 + GtkWindow::resize-grip-width = 0 + + WnckTasklist::fade-overlay-rect = 0 -style "wide" -{ + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkIMHtmlr::hyperlink-color = @link_color + GtkIMHtml::hyperlink-color = @link_color + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @text_color + + GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified + GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified + + xthickness = 1 + ythickness = 1 + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + bg[INSENSITIVE] = @bg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @base_color) + base[SELECTED] = @selected_bg_color + base[ACTIVE] = @selected_bg_color + base[INSENSITIVE] = shade (0.85, @base_color) + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + text[INSENSITIVE] = mix (0.5, @base_color, @text_color) + + engine "murrine" { + animation = FALSE + arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows + border_shades = { 0.7, 0.7 } # gradient to draw on border + border_colors = { mix(0.2, @bg_color, @bg_color), mix(0.2, @bg_color, @bg_color) } + colorize_scrollbar = FALSE + comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow + contrast = 0.8 # overal contrast with borders + focusstyle = 1 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow + glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight + glowstyle = 4 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides + glow_shade = 1.1 # amount of glow + gradient_shades = {1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets + highlight_shade = 1.0 # amount of highlight + lightborder_shade = 1.1 # amount of inset light border + lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides + listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised + listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line + menubaritemstyle = 0 # 0 = menuitem look, 1 = button look + menubarstyle = 2 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped + menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped + menustyle = 0 # 0 = none, 1 = vertical striped + progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped + reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient + roundness = 0 # roundness of widgets + scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles + sliderstyle = 0 # 0 = none, 1 = handles + stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles + toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient + } +} + +style "murrine-wide" { xthickness = 2 ythickness = 2 } -style "wider" -{ +style "murrine-wider" { xthickness = 3 ythickness = 3 } -style "entry" = "wider" -{ - bg[SELECTED] = mix (0.4, @selected_bg_color, @base_color) - base[INSENSITIVE] = shade (1.06, @bg_color) - fg[SELECTED] = @text_color +style "murrine-thin" { + xthickness = 0 + ythickness = 0 +} + +# Notebook - engine "murrine" - { - contrast = 0.4 - focus_color = mix (0.1, @bg_color, shade (0.8, @selected_bg_color)) - reliefstyle = 0 - border_shades = {1.03,0.8} - } +style "clearlooks-notebook-bg" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = shade (0.80, @bg_color) } -style "button" = "wider" -{ - bg[NORMAL] = shade (1.02, @bg_color) - bg[PRELIGHT] = shade (1.07, @bg_color) - bg[ACTIVE] = shade (0.85, @bg_color) - bg[SELECTED] = shade (0.5, @selected_bg_color) - bg[INSENSITIVE] = shade (0.95, @bg_color) - - engine "murrine" - { - contrast = 0.9 - highlight_shade = 1.0 - lightborder_shade = 1.2 - gradient_shades = {1.05,1.0,0.97,0.97} - border_shades = { 1.1, 0.9 } - shadow_shades = {1.0,1.0} - reliefstyle = 0 - roundness = 2 +style "clearlooks-notebook" = "clearlooks-notebook-bg" { + xthickness = 2 + ythickness = 2 + + engine "clearlooks" { + radius = 0.1 } } -style "notebook-button" = "notebook-bg" -{ - xthickness = 3 # Width of tabs and notebook borders. - ythickness = 3 +# Various Standard Widgets + +style "murrine-button" = "murrine-wider" { + bg[NORMAL] = @btn_bg_color + bg[PRELIGHT] = shade (1.10, @btn_bg_color) + bg[SELECTED] = shade (0.7, @btn_bg_color) + bg[ACTIVE] = shade (0.95, @btn_bg_color) + bg[INSENSITIVE] = shade (0.75, @btn_bg_color) + + engine "murrine" { + border_colors = { mix(0.2, @btn_fg_color, @btn_bg_color), mix(0.2, @btn_fg_color, @btn_bg_color) } + roundness = 0 + } } -style "notebook-bg" -{ - bg[NORMAL] = shade (1.05, @bg_color) - bg[ACTIVE] = shade (0.97, @bg_color) - fg[ACTIVE] = mix (0.8, @fg_color, shade (0.97, @bg_color)) +style "murrine-buttonlabel" { + fg[NORMAL] = @btn_fg_color + fg[PRELIGHT] = @btn_fg_color + fg[SELECTED] = @btn_fg_color + fg[ACTIVE] = @btn_fg_color + fg[INSENSITIVE] = @btn_fg_color + + engine "murrine" { + } } -style "notebook" = "notebook-bg" -{ - xthickness = 3 # Width of tabs and notebook borders. - ythickness = 3 # Height of tabs and notebook borders. +style "murrine-scrollbar" { + bg[NORMAL] = mix (0.21, @fg_color, @bg_color) + bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) + bg[ACTIVE] = @selected_bg_color engine "murrine" { - contrast = .6 - gradient_shades = {1.1,1.05,1.05,1.0} - #focusstyle = 2 - #lightborder_shade = 1.16 + roundness = 0 + contrast = 0.0 + border_shades = { 0.9, 0.9 } + trough_shades = { 0.97, 0.97 } + trough_border_shades = { 1.0, 1.0 } } } -style "menu" -{ - ythickness = 3 - xthickness = 0 - GtkMenuBar :: shadow-type = GTK_SHADOW_NONE - - bg[SELECTED] = @selected_bg_color - bg[NORMAL] = shade (1.18, @bg_color) - bg[PRELIGHT] = @selected_bg_color - bg[ACTIVE] = shade (1.18, @bg_color) - bg[INSENSITIVE] = shade (1.18, @bg_color) - fg[NORMAL] = @text_color # Color for normal text. - fg[PRELIGHT] = @text_color - fg[SELECTED] = @text_color - fg[ACTIVE] = @text_color - fg[INSENSITIVE] = mix (0.4, @fg_color, @text_color) # Text color for non-interactive menu items - text[NORMAL] = @text_color # Color for menu-item radio/checks. - base[NORMAL] = @text_color # Color for menu-item radio/checks background. - text[PRELIGHT] = @text_color - text[SELECTED] = @text_color - text[ACTIVE] = @text_color - text[INSENSITIVE] = mix (0.4, @fg_color, @text_color) - - engine "murrine" - { - roundness = 0 # Roundness of menu items. - gradient_shades = {1.25,1.1,1.1,1.0} - contrast = 0.9 - lightborder_shade = 1.5 +style "murrine-overlay-scrollbar" { + bg[ACTIVE] = shade (0.8, @bg_color) + bg[INSENSITIVE] = shade (0.97, @bg_color) + + base[SELECTED] = shade (0.6, @bg_color) + base[INSENSITIVE] = shade (0.85, @bg_color) +} + +style "murrine-scale" = "murrine-thin" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = @bg_color + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = shade (0.95, @bg_color) + + engine "murrine" { + roundness = 8 + gradient_shades = { 1.08, 1.08, 1.08, 1.08 } + border_shades = { 1.0, 1.0 } + trough_shades = { 1.08, 1.08 } + trough_border_shades = { 0.8, 0.8 } } } +style "murrine-progressbar" = "murrine-thin" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = shade (1.08, @bg_color) -style "menubar" = "menu" -{ - xthickness = 3 - ythickness = 2 + fg[PRELIGHT] = @selected_fg_color - bg[NORMAL] = @bg_color + engine "murrine" { + roundness = 2 + border_shades = { 1.2, 1.2 } + trough_border_shades = { 0.8, 0.8 } + } +} - engine "murrine" - { +style "murrine-treeview-header" = "murrine-button" { + #bg[NORMAL] = @base_color + bg[NORMAL] = mix(0.12, @bg_color, @base_color) + bg[PRELIGHT] = shade (1.04, @base_color) + bg[SELECTED] = shade (0.7, @base_color) + bg[ACTIVE] = shade (0.95, @base_color) + fg[INSENSITIVE] = mix(0.20, @bg_color, @base_color) + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[SELECTED] = @text_color + fg[ACTIVE] = @text_color + fg[INSENSITIVE] = mix(0.20, @bg_color, @text_color) + engine "murrine" { roundness = 0 } } -style "menubar-menuitem" -{ - ythickness = 4 - xthickness = 2 +style "murrine-treeview" { + engine "murrine" { + roundness = 0 + } +} - bg[PRELIGHT] = @selected_bg_color - bg[SELECTED] = @selected_bg_color - fg[NORMAL] = @base_color - fg[PRELIGHT] = @base_color - fg[SELECTED] = @base_color - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @text_color +style "murrine-frame" = "murrine-wide" { + bg[NORMAL] = mix(0.08, @fg_color, @bg_color) +} - engine "murrine" - { - lightborder_shade = 1.5 - } +style "murrine-frame-title" { + fg[NORMAL] = lighter (@fg_color) } -style "separator-menu-item" -{ - xthickness = 1 - ythickness = 1 +style "murrine-tooltips" { + xthickness = 5 + ythickness = 5 + + bg[NORMAL] = @tooltip_bg_color + bg[SELECTED] = @tooltip_bg_color - GtkSeparatorMenuItem::horizontal-padding = 2 + fg[NORMAL] = @tooltip_fg_color - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 1 - GtkWidget::separator-height = 7 + engine "murrine" { + textstyle = 0 + roundness = 2 + rgba = FALSE + } } -style "treeview" -{ - bg[NORMAL] = @bg_color - engine "murrine" - { - roundness = 0 - gradient_shades = {1.3,1.2,1.2,1.1} +style "murrine-spinbutton" = "murrine-button" { + engine "murrine" { } } -style "treeview-header" = "button" -{ - xthickness = 2 - ythickness = 1 +style "clearlooks-radiocheck" = "murrine-default" { + bg[SELECTED] = @base_color + bg[PRELIGHT] = @bg_color - bg[NORMAL] = shade (1.14, @bg_color) # Color for treeview headers. - bg[PRELIGHT] = shade (0.98, @bg_color) # Color for treeview header prelight. - bg[ACTIVE] = shade (0.85, @bg_color) # Color for pressed-treeview. + text[NORMAL] = @selected_bg_color + text[PRELIGHT] = @selected_bg_color - engine "murrine" - { - roundness = 0 # This makes treeview progressbars square. - gradient_shades = {0.98,1.0,1.3,1.35} + engine "clearlooks" { + radius = 4.0 } } -style "frame-title" -{ - fg[NORMAL] = lighter (@fg_color) +style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" { + bg[PRELIGHT] = @base_color +} + +style "murrine-entry" = "murrine-wider" { + engine "murrine" { + border_shades = { 1.15, 1.15 } + roundness = 0 + } } -style "tooltips" = "wider" -{ - xthickness = 7 - ythickness = 4 +style "metacity-frame" = "murrine-default" { + bg[SELECTED] = @selected_bg_color +} + +style "murrine-statusbar" { } +style "murrine-comboboxentry" = "murrine-entry" { } +style "murrine-hscale" = "murrine-scale" { } +style "murrine-vscale" = "murrine-scale" { } +style "murrine-hscrollbar" = "murrine-scrollbar" { } +style "murrine-vscrollbar" = "murrine-scrollbar" { } + +# Menus + +style "murrine-menu" = "murrine-thin" { + bg[NORMAL] = @menu_bg_color + bg[PRELIGHT] = @selected_bg_color + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = @menu_bg_color + bg[INSENSITIVE] = @menu_bg_color + + fg[NORMAL] = @menu_fg_color + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - bg[NORMAL] = @tooltip_bg_color - bg[SELECTED] = "#dedede" - fg[NORMAL] = @tooltip_fg_color + text[NORMAL] = @menu_fg_color + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) - engine "murrine" - { - roundness = 5 - rgba = TRUE + engine "murrine" { + roundness = 0 } } -style "progressbar" -{ - xthickness = 0 - ythickness = 0 - - fg[PRELIGHT] = @selected_fg_color - bg[NORMAL] = shade (1.05, @bg_color) - bg[SELECTED] = shade (1.05, @selected_bg_color) - - engine "murrine" - { - gradient_shades = {1.15,1.05,1.0,0.95} - trough_shades = {0.95, 1.15} - trough_border_shades = { 0.8, 0.7 } - roundness = 4 - contrast = 0.8 - border_shades = { 1.0, 0.8 } - lightborder_shade = 1.1 - glowstyle = 0 - glow_shade = 1.0 +style "murrine-menu-item" = "murrine-wider" { + bg[PRELIGHT] = @selected_bg_color + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = @selected_bg_color + + fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) + + engine "murrine" { + textstyle = 0 + border_shades = { 1.2, 1.2 } } } -style "scrollbar" -{ - GtkScrollbar::stepper-size = 0 - GtkScrollbar::arrow-scaling = 0.0 +style "murrine-separator-menu-item" = "murrine-thin" { } - bg[NORMAL] = @bg_color +style "murrine-menubar" { + bg[NORMAL] = @menubar_bg_color + bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[ACTIVE] = shade (0.9, @menubar_bg_color) + bg[INSENSITIVE] = @menubar_bg_color - bg[ACTIVE] = shade (1.75, @base_color) - bg[PRELIGHT] = shade (0.8, @bg_color) - bg[INSENSITIVE] = shade (0.75, @bg_color) + fg[NORMAL] = @menubar_fg_color + fg[PRELIGHT] = shade (1.08, @menubar_fg_color) + fg[SELECTED] = shade (1.08, @menubar_fg_color) + fg[ACTIVE] = @menubar_fg_color + fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) - engine "murrine" - { - colorize_scrollbar = FALSE - roundness = 10 - border_shades = {0.75, 0.75} - trough_shades = {1.1, 1.3} - contrast = 0.05 - gradient_shades = {1.06,1.06,1.04,1.04} + engine "murrine" { + roundness = 0 } } -style "hscrollbar" { -} +style "murrine-menubaritem" { + bg[NORMAL] = @menubar_bg_color + bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[ACTIVE] = shade (0.9, @menubar_bg_color) + bg[INSENSITIVE] = @menubar_bg_color -style "vscrollbar" { -} + fg[NORMAL] = @menubar_fg_color + fg[PRELIGHT] = shade (1.08, @menubar_fg_color) + fg[SELECTED] = shade (1.08, @menubar_fg_color) + fg[ACTIVE] = @menubar_fg_color + fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) -style "overlay-scrollbar" -{ - bg[SELECTED] = shade (1.0, @selected_bg_color) - bg[INSENSITIVE] = shade (0.85, @bg_color) - bg[ACTIVE] = shade (0.6, @bg_color) + engine "murrine" { + roundness = 0 + } } -style "statusbar" -{ - xthickness = 2 -} +# Toolbars -style "comboboxentry" -{ - xthickness = 4 - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color +style "murrine-toolbar" = "murrine-thin" { + bg[NORMAL] = @toolbar_bg_color + bg[PRELIGHT] = shade (1.02, @toolbar_bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.9, @toolbar_bg_color) + bg[INSENSITIVE] = @toolbar_bg_color - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) - engine "murrine" - { - contrast = 0.4 - reliefstyle = 0 - border_shades = {1.03,0.8} - shadow_shades = {0.5,0.0} + engine "murrine" { } } -style "combo" = "comboboxentry" -{ - bg[ACTIVE] = shade (0.85, @bg_color) # Color for pressed-spinbuttons. +style "murrine-toolbutton" = "murrine-button" { + bg[NORMAL] = shade (1.08, @toolbar_bg_color) + bg[PRELIGHT] = shade (1.10, @toolbar_bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.95, @toolbar_bg_color) + bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color) + + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) + + engine "murrine" { + } } -style "spin" = "combo" -{ - engine "murrine" - { - border_shades = {0.7, 0.8} +class "GtkToolbar" style "murrine-toolbar" +class "GtkHandleBox" style "murrine-toolbar" +widget_class "*Toolbar*.*Separator*" style "murrine-toolbar" + +# Panels + +style "murrine-panel" = "murrine-thin" { + xthickness = 2 + + bg[NORMAL] = @panel_bg_color + bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) + bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) + bg[ACTIVE] = shade (0.8, @panel_bg_color) + bg[INSENSITIVE] = @panel_bg_color + + fg[NORMAL] = @panel_fg_color + fg[PRELIGHT] = shade (1.08, @panel_fg_color) + fg[SELECTED] = shade (1.08, @panel_fg_color) + fg[ACTIVE] = @panel_fg_color + fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) + + base[NORMAL] = @panel_bg_color + base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) + base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) + base[ACTIVE] = shade (0.9, @panel_bg_color) + base[INSENSITIVE] = @panel_bg_color + + text[NORMAL] = @panel_fg_color + text[PRELIGHT] = shade (1.08, @panel_fg_color) + text[SELECTED] = shade (1.08, @panel_fg_color) + text[ACTIVE] = @panel_fg_color + text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) + + engine "murrine" { + roundness = 0 + contrast = 0.0 } } -style "scale" = "button" -{ - GtkWidget ::focus-line-width = 0 - GtkWidget ::focus-padding = 0 - - bg[ACTIVE] = shade (0.86, @bg_color) - bg[NORMAL] = shade (1.30, @bg_color) - bg[PRELIGHT] = mix (0.4, shade (0.9, @selected_bg_color), shade (1.05, @bg_color)) - bg[SELECTED] = shade (0.9, @selected_bg_color) - bg[INSENSITIVE] = shade (0.98, @bg_color) - - engine "murrine" - { - border_shades = {1.0, 0.75} - contrast = 1.10 - lightborderstyle = 1 - roundness = 7 - trough_shades = {0.9, 1.1} - trough_border_shades = {1.20, 1.20} +widget "*PanelWidget*" style "murrine-panel" +widget "*PanelApplet*" style "murrine-panel" +widget "*fast-user-switch*" style "murrine-panel" +widget "*CPUFreq*Applet*" style "murrine-panel" +widget "*indicator-applet*" style "murrine-panel" +class "PanelApp*" style "murrine-panel" +class "PanelToplevel*" style "murrine-panel" +widget_class "*PanelToplevel*" style "murrine-panel" +widget_class "*notif*" style "murrine-panel" +widget_class "*Notif*" style "murrine-panel" +widget_class "*Tray*" style "murrine-panel" +widget_class "*tray*" style "murrine-panel" +widget_class "*computertemp*" style "murrine-panel" +widget_class "*Applet*Tomboy*" style "murrine-panel" +widget_class "*Applet*Netstatus*" style "murrine-panel" +widget "*gdm-user-switch-menubar*" style "murrine-panel" + +# LXPanel (code based on Lubuntu-default theme's gtkrc file) +widget "*.tclock.*" style "murrine-panel" +widget "*.taskbar.*" style "murrine-panel" +widget_class "*GtkBgbox*" style "murrine-panel" + +style "bold-panel-item" { + font_name = "Bold" + + engine "murrine" { + roundness = 0 } } -style "vscale" = "scale" -{ +widget "*Panel*MenuBar*" style "bold-panel-item" +widget "*gimmie*" style "bold-panel-item" + +# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug +# class "*Panel*" style "murrine-panel" # Disabled to fix bug + +# XFCE Styles + +style "workspace-switcher" = "murrine-panel" { + bg[ACTIVE] = @selected_bg_color + bg[SELECTED] = @selected_bg_color +} + +style "xfce-header" { + bg[NORMAL] = shade (0.9, @bg_color) + base[NORMAL] = shade (1.18, @bg_color) } -style "hscale" = "scale" -{ +style "xfdesktop-windowlist" { + bg[NORMAL] = @base_color + fg[INSENSITIVE] = shade (0.95, @base_color) + text[INSENSITIVE] = shade (0.95, @base_color) } -style "radiocheck" -{ - bg[NORMAL] = shade (1.06, @bg_color) - bg[PRELIGHT] = shade (1.06, @bg_color) - bg[ACTIVE] = shade (0.85, @bg_color) - bg[SELECTED] = @base_color - bg[INSENSITIVE] = shade (0.95, @bg_color) - text[PRELIGHT] = shade (0.8, @text_color) - fg[ACTIVE] = @fg_color - fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color) +style "xfdesktop-icon-view" { + XfdesktopIconView::label-alpha = 0 + XfdesktopIconView::selected-label-alpha = 60 + XfdesktopIconView::shadow-x-offset = 0 + XfdesktopIconView::shadow-y-offset = 1 + XfdesktopIconView::selected-shadow-x-offset = 0 + XfdesktopIconView::selected-shadow-y-offset = 1 + XfdesktopIconView::shadow-color = "#000000" + XfdesktopIconView::selected-shadow-color = "#000000" + XfdesktopIconView::shadow-blur-radius = 2 + XfdesktopIconView::cell-spacing = 2 + XfdesktopIconView::cell-padding = 6 + XfdesktopIconView::cell-text-width-proportion = 1.9 + + fg[NORMAL] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color - engine "murrine" - { - border_shades = { 0.9, 0.8 } - contrast = 0.8 - lightborder_shade = 1.5 - } } -style "toolbar" = "default" -{ - engine "murrine" - { - contrast = 1.13 - lightborder_shade = 1.0 - gradient_shades = {1.0,0.94,0.94,0.88} +style "xfwm-tabwin" { + Xfwm4TabwinWidget::border-width = 1 + Xfwm4TabwinWidget::border-alpha = 1.0 + Xfwm4TabwinWidget::icon-size = 64 + Xfwm4TabwinWidget::alpha = 1.0 + Xfwm4TabwinWidget::border-radius = 2 + + bg[NORMAL] = @menu_bg_color + bg[SELECTED] = @menu_bg_color + + fg[NORMAL] = @menu_fg_color + + engine "murrine" { + contrast = 0.0 + border_shades = { 0.9, 0.9 } } } -style "toolbar-separator" { - xthickness = 0 - ythickness = 1 +style "xfwm-tabwin-button" { + font_name = "bold" - GtkVSeparator::vertical-padding = 0 - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 7 - GtkWidget::separator-height = 1 + bg[SELECTED] = @selected_bg_color +} +style "xfsm-logout" { + bg[NORMAL] = @menu_bg_color + bg[ACTIVE] = @menu_bg_color + bg[PRELIGHT] = shade (1.1, @menu_bg_color) + bg[SELECTED] = shade (0.5, @menu_bg_color) + bg[INSENSITIVE] = shade (1.3, @menu_bg_color) + + fg[NORMAL] = @menu_fg_color + fg[PRELIGHT] = @menu_fg_color + + text[NORMAL] = @menu_fg_color engine "murrine" { - contrast = 1.0 - separatorstyle = 0 } } -style "infobar" { +style "xfsm-logout-button" { + bg[NORMAL] = shade (1.2, @menu_bg_color) + bg[PRELIGHT] = shade (1.4, @menu_bg_color) + engine "murrine" { } } -style "iconview" { - engine "murrine" { - focusstyle = 1 - } +widget "*Pager*" style "workspace-switcher" + +widget "*Xfce*Panel*" style "murrine-panel" +class "*Xfce*Panel*" style "murrine-panel" + +# Thunar Styles + +style "sidepane" { + base[NORMAL] = @bg_color + base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color)) + bg[NORMAL] = @bg_color + text[NORMAL] = mix (0.9, @fg_color, @bg_color) } -style "nautilus_location" { - bg[NORMAL] = mix (0.60, shade (1.05, @bg_color), @selected_bg_color) +widget_class "*ThunarShortcutsView*" style "sidepane" +widget_class "*ThunarTreeView*" style "sidepane" +widget_class "*ThunarLocationEntry*" style "murrine-entry" + +style "whiskermenu" { + bg[NORMAL] = @menu_bg_color + bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[PRELIGHT] = @selected_bg_color + + fg[NORMAL] = @menu_fg_color + fg[ACTIVE] = @menu_fg_color + fg[PRELIGHT] = @menu_fg_color } -style "xfce-header" -{ - base[NORMAL] = shade (1.18, @bg_color) - engine "murrine" - { - textstyle = 1 - text_shade = 0.85 +style "whiskermenu-scrollbar" = "murrine-scrollbar" { + bg[NORMAL] = mix (0.21, @fg_color, @bg_color) + bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) + bg[ACTIVE] = @selected_bg_color + + engine "murrine" { + trough_shades = { 4.97, 4.97 } + trough_border_shades = { 5.0, 5.0 } } } -style "xfwm-tabwin" -{ - Xfwm4TabwinWidget::border-width = 1 - Xfwm4TabwinWidget::border-alpha = 0.9 - Xfwm4TabwinWidget::icon-size = 64 - Xfwm4TabwinWidget::listview-icon-size = 16 - Xfwm4TabwinWidget::preview-size = 512 - Xfwm4TabwinWidget::alpha = 0.8 - Xfwm4TabwinWidget::border-radius = 10 +widget "whiskermenu-window*" style "whiskermenu" +widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar" + +# Gtk2 Open-File Dialog - bg[NORMAL] = shade (0.35, @bg_color_dark) - bg[ACTIVE] = shade (0.65, @selected_bg_color) - bg[PRELIGHT] = shade (0.85, @selected_bg_color) - bg[SELECTED] = shade (0.45, @bg_color_dark) +widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane" +widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.." style "murrine-treeview-header" - fg[NORMAL] = shade (0.8, @base_color) - fg[ACTIVE] = @base_color - fg[PRELIGHT] = @base_color +# Google Chrome/Chromium Styles (requires 9.0.597 or newer) +style "chromium-toolbar-button" { engine "murrine" { - roundness = 6 - contrast = 0.8 - highlight_shade = 1.00 - lightborder_shade = 1.0 - gradient_shades = {0.9,1.2,1.2,1.4} - border_shades = { 3.5, 3.5 } - reliefstyle = 0 - shadow_shades = { 1.3, 1.7 } - textstyle = 1 - text_shade = 0.25 + roundness = 2 + textstyle = 0 } } -style "xfwm-tabwin-button" -{ - font_name = "bold" +style "chrome-gtk-frame" { + ChromeGtkFrame::frame-color = @titlebar_bg_color + ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 + ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color + + ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::incognito-frame-gradient-size = 0 + ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color + + ChromeGtkFrame::scrollbar-trough-color = @bg_color + ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color) } -style "xfdesktop-icon-view" -{ - XfdesktopIconView::label-alpha = 0 - XfdesktopIconView::selected-label-alpha = 80 - XfdesktopIconView::shadow-x-offset = 0 - XfdesktopIconView::shadow-y-offset = 1 - XfdesktopIconView::selected-shadow-x-offset = 0 - XfdesktopIconView::selected-shadow-y-offset = 1 - XfdesktopIconView::shadow-color = shade(1.5, @tooltip_bg_color) - XfdesktopIconView::selected-shadow-color = shade(1.8, @tooltip_bg_color) - XfdesktopIconView::shadow-blur-radius = 2 - XfdesktopIconView::cell-spacing = 2 - XfdesktopIconView::cell-padding = 6 - XfdesktopIconView::cell-text-width-proportion = 1.9 +class "ChromeGtkFrame" style "chrome-gtk-frame" - fg[NORMAL] = shade (0.9, @selected_fg_color) - fg[ACTIVE] = @selected_fg_color +widget_class "*Chrom*Button*" style "chromium-toolbar-button" - engine "murrine" - { - } +# General Styles + +class "GtkWidget" style "murrine-default" + +class "GtkFrame" style "murrine-frame" +class "MetaFrames" style "metacity-frame" +class "GtkWindow" style "metacity-frame" + +class "GtkSeparator" style "murrine-wide" +class "GtkCalendar" style "murrine-wide" + +class "GtkSpinButton" style "murrine-spinbutton" + +class "GtkScale" style "murrine-scale" +class "GtkVScale" style "murrine-vscale" +class "GtkHScale" style "murrine-hscale" +class "GtkScrollbar" style "murrine-scrollbar" +class "GtkVScrollbar" style "murrine-vscrollbar" +class "GtkHScrollbar" style "murrine-hscrollbar" + +class "GtkEntry" style "murrine-entry" + +widget_class "*" style "clearlooks-notebook" +widget_class "**" style "clearlooks-notebook-bg" +widget_class "**" style "clearlooks-notebook-bg" +widget_class "**" style "clearlooks-notebook-bg" +widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook" + +widget_class "*" style "murrine-button" +widget_class "**" style "murrine-statusbar" +widget_class "*" style "murrine-progressbar" +widget_class "*" style "murrine-progressbar" + +widget_class "**" style "murrine-comboboxentry" +widget_class "**" style "murrine-comboboxentry" + +widget_class "**" style "murrine-menu" +widget_class "**" style "murrine-menu-item" +widget_class "**" style "murrine-separator-menu-item" +widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item" +widget_class "**" style "murrine-menubar" +widget_class "***" style "murrine-menubaritem" + +widget_class "*GtkToolButton*" style "murrine-toolbutton" +widget_class "*GtkToggleToolButton*" style "murrine-toolbutton" +widget_class "*GtkMenuToolButton*" style "murrine-toolbutton" +widget_class "*GtkToolbar*Button" style "murrine-toolbutton" + +widget_class "*.." style "murrine-frame-title" + +widget_class "*.*" style "murrine-treeview" +widget_class "*.." style "murrine-treeview-header" +widget_class "*.." style "murrine-treeview-header" +widget_class "*.." style "murrine-treeview-header" +widget_class "*.." style "murrine-treeview-header" + +widget_class "*." style "clearlooks-radiocheck" +widget_class "*.*." style "clearlooks-base-radiocheck" +widget_class "*" style "clearlooks-base-radiocheck" + +widget "gtk-tooltip*" style "murrine-tooltips" + +widget_class "**" style "murrine-overlay-scrollbar" + +# Workarounds and Non-Standard Styling + +style "text-is-fg-color-workaround" { + text[NORMAL] = @text_color + text[PRELIGHT] = @fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) } -style "xfsm-logout" -{ - GtkDialog::content-area-border = 12 - GtkDialog::content-area-spacing = 6 - GtkDialog::action-area-spacing = 0 +widget_class "*.." style "text-is-fg-color-workaround" - bg_pixmap[NORMAL] = "xfsmlogout.png" +style "fg-is-text-color-workaround" { + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = darker (@fg_color) +} - bg[NORMAL] = @bg_color - bg[SELECTED] = shade (1.18, @bg_color) # Border around the dialog - fg[NORMAL] = @fg_color +widget_class "**" style "fg-is-text-color-workaround" +widget_class "*" style "fg-is-text-color-workaround" +widget_class "*" style "fg-is-text-color-workaround" - engine "murrine" - { +style "murrine-evo-new-button-workaround" { + engine "murrine" { + toolbarstyle = 0 } } -style "xfsm-label" -{ - font_name = "14" +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround" - engine "murrine" - { - textstyle = 1 - text_shade = 0.85 +style "inkscape-toolbar-fix" { + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + highlight_shade = 1.0 } } -style "xfsm-button" = "button" -{ - engine "murrine" - { +#widget "*GtkHandleBox*" style "inkscape-toolbar-fix" +#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix" +#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix" + +# Performance Fixes + +style "performance-fix" { + engine "murrine" { textstyle = 0 } } -style "calendar" -{ - fg[NORMAL] = "#FFFFFF" - fg[PRELIGHT] = "#FFFFFF" - bg[NORMAL] = shade (0.6, @bg_color_dark) - bg[PRELIGHT] = shade (0.8, @selected_bg_color) -} - -############################################################################### -# The following part of the gtkrc applies the different styles to the widgets. -############################################################################### - -class "GtkWindow*" style "resize-grip" - -# Murrine default style is applied to every widget. -class "GtkWidget" style "default" - -# Increase the x/ythickness in some widgets. -class "GtkFrame" style "wide" -class "GtkEntry" style "entry" -class "GtkSeparator" style "wide" -class "GtkCalendar" style "wide" -class "GtkToolbar" style "toolbar" -class "GtkHandleBox*" style "toolbar" -class "GtkStatusbar" style "resize-grip" - -class "GtkSpinButton" style "spin" -class "GtkScale" style "scale" -class "GtkVScale" style "vscale" -class "GtkHScale" style "hscale" - -class "GtkScrollbar" style "scrollbar" -class "GtkVScrollbar" style "scrollbar" -class "GtkHScrollbar" style "scrollbar" - -class "GtkRadio*" style "radiocheck" -class "GtkCheck*" style "radiocheck" - -# General matching following, the order is choosen so that the right styles override each other eg. progressbar needs to be more important then the menu match. -#widget_class "**" style "notebook" -#widget_class "**" style "notebook" -#widget_class "**" style "notebook" -#widget_class "**" style "notebook" -#widget_class "**" style "notebook-button" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" -widget_class "**" style "notebook-bg" - -widget_class "*" style "button" -widget_class "*" style "notebook" -widget_class "**" style "statusbar" - -widget_class "**" style "notebook-button" -widget_class "***" style "notebook-button" - -widget_class "**" style "comboboxentry" -widget_class "**" style "combo" -widget_class "**" style "wider" -widget_class "**" style "wider" - -widget_class "*.*" style "menubar-menuitem" -widget_class "**" style "menu" -widget_class "**" style "menubar" -widget_class "**" style "separator-menu-item" -# Scale widget in menus (e.g. ubuntu's sound indicator) -widget_class "*.*." style "scale" - -widget_class "*.." style "frame-title" -widget_class "*.*" style "treeview" - -widget_class "*GtkCalendar*" style "calendar" - -widget_class "*GtkHPaned" style "paned" -widget_class "*GtkVPaned" style "paned" - -widget_class "*" style "progressbar" -widget_class "*" style "progressbar" - -widget_class "**" style "radiocheck" -widget_class "**" style "radiocheck" - -# Treeview header -widget_class "*.." style "treeview-header" -widget_class "*.." style "treeview-header" -widget_class "*.." style "treeview-header" -widget_class "*.." style "treeview-header" -widget_class "*GnmSimpleCanvas*" style "treeview-header" # Gnumeric treeview-headers - -# Xfce specific theming -widget_class "*ExoIconView*" style "iconview" -widget_class "*XfceHeading*" style "xfce-header" -widget "xfwm4-tabwin*" style "xfwm-tabwin" -widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" -widget_class "*XfsmLogoutDialog*" style "xfsm-logout" -widget_class "*XfsmLogoutDialog*GtkVBox.GtkVBox.GtkLabel" style "xfsm-label" -widget_class "*XfsmLogoutDialog*GtkButton*" style "xfsm-button" -widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" - -widget_class "*" style "overlay-scrollbar" -widget_class "*" style "overlay-scrollbar" - -# The window of the tooltip is called "gtk-tooltip" -################################ -# FIXME: -# This will not work if one embeds eg. a button into the tooltip. -# As far as I can tell right now we will need to rework the theme -# quite a bit to get this working correctly. -# (It will involve setting different priorities, etc.) -################################ -widget "gtk-tooltip*" style "tooltips" - -################################################### -# SPECIAL CASES AND WORKAROUNDS -################################################### - -# Special case the nautilus-extra-view-widget -# ToDo: A more generic approach for all applications that have a widget like this. -widget "*.nautilus-extra-view-widget" style : highest "nautilus_location" - -# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646 -# Note that the work around assumes that the combobox is _not_ in appears-as-list mode. -# This style does not affect GtkComboBoxEntry, it does have an effect on comboboxes in appears-as-list mode though. -style "text-is-fg-color-workaround" -{ - text[NORMAL] = @fg_color - text[PRELIGHT] = @fg_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @fg_color - text[INSENSITIVE] = darker (@bg_color) -} -widget_class "*.." style "text-is-fg-color-workaround" - -style "menuitem-text-is-fg-color-workaround" -{ - text[NORMAL] = @fg_color - text[PRELIGHT] = @selected_fg_color - text[SELECTED] = @selected_fg_color - text[ACTIVE] = @fg_color - text[INSENSITIVE] = darker (@bg_color) -} -widget "*.gtk-combobox-popup-menu.*" style "menuitem-text-is-fg-color-workaround" - -# Work around the usage of GtkLabel inside GtkListItems to display text. -# This breaks because the label is shown on a background that is based on the base color set. -style "fg-is-text-color-workaround" -{ - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color - fg[ACTIVE] = @selected_fg_color - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = mix (0.4, @text_color, @bg_color) -} -widget_class "**" style "fg-is-text-color-workaround" -# The same problem also exists for GtkCList and GtkCTree. -# Only match GtkCList and not the parent widgets, because that would also change the headers. -widget_class "*" style "fg-is-text-color-workaround" -widget_class "*" style "fg-is-text-color-workaround" +widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape +widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp +widget_class "*GimpToolbox*" style "performance-fix" +widget_class "*GimpMenuDock*" style "performance-fix" +widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice +widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.) + +widget_class "*XfceHeading*" style "xfce-header" +widget_class "*XfceDesktop*" style "xfdesktop-windowlist" +widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" +widget "xfwm4-tabwin*" style "xfwm-tabwin" +widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" +widget_class "*XfsmLogoutDialog*" style "xfsm-logout" +widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button" + +# button fg workaround: +widget_class "*.." style "murrine-buttonlabel" +widget_class "***" style:highest "murrine-buttonlabel" diff --git a/Redcore-nighttime/gtk-2.0/resize_grip.png b/Redcore-nighttime/gtk-2.0/resize_grip.png deleted file mode 100644 index 4aabef3..0000000 Binary files a/Redcore-nighttime/gtk-2.0/resize_grip.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-2.0/xfsmlogout.png b/Redcore-nighttime/gtk-2.0/xfsmlogout.png deleted file mode 100644 index 609a954..0000000 Binary files a/Redcore-nighttime/gtk-2.0/xfsmlogout.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/apps/granite-widgets.css b/Redcore-nighttime/gtk-3.0/apps/granite-widgets.css deleted file mode 100644 index b21c119..0000000 --- a/Redcore-nighttime/gtk-3.0/apps/granite-widgets.css +++ /dev/null @@ -1,687 +0,0 @@ -/******************** - * dynamic notebook * - ********************/ -.dynamic-notebook { - background-color: shade(@theme_bg_color, 1.05); - background-image: none; -} - -.dynamic-notebook GtkLabel, -.dynamic-notebook GtkImage { - color: alpha(@theme_fg_color, 0.5); -} - -.dynamic-notebook .notebook { - -GtkNotebook-tab-overlap: 3px; - -GtkNotebook-initial-gap: 12px; - - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - padding: 0; -} - -.dynamic-notebook .notebook tab { - padding: 3px; - border-width: 1px; - border-color: shade(@theme_bg_color, 0.9); - border-radius: 3px; - background-color: @theme_bg_color; - background-image: none; - color: @theme_fg_color; -} - -.dynamic-notebook .notebook tab:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 1.05); - color: @theme_fg_color; -} - -.dynamic-notebook .notebook tab .entry { - border-radius: 3px; - padding: 3px; -} - -.dynamic-notebook .button:hover, -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button, -.dynamic-notebook .notebook .button:hover, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.6); - background-color: shade(@theme_bg_color, 0.85); - color: shade(@theme_fg_color, 0.7); -} - -.dynamic-notebook .menu GtkLabel { - color: @menu_fg_color; -} - -/**************** - * content view * - ****************/ -.content-view-window { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color:@theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view, -.content-view GtkViewport { - background-color: @theme_base_color; - background-image: none; -} - -.content-view * { - background-color: transparent; - background-image: none; -} - -.content-view .entry { - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view .button { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color: shade(@theme_base_color, 1.02); - background-image: none; - color: @theme_text_color; -} - -.content-view .button:hover { - border-color: shade(@theme_base_color, 0.7); - background-color: shade(@theme_base_color, 1.10); - background-image: none; -} - -.content-view .button:active { - border-color: shade(@theme_base_color, 0.6); - background-color: shade(@theme_base_color, 0.85); - background-image: none; -} - -.content-view .button:active:hover { - border-color: shade(@theme_base_color, 0.7); - color: shade(@theme_text_color, 1.10); -} - -.content-view .button:insensitive { - border-color: shade(@theme_base_color, 0.8); - background-color: shade(@theme_base_color, 0.95); - background-image: none; -} - -.content-view .help_button * { - color: @theme_text_color; -} - -.content-view .toolbar { - -GtkWidget-window-dragging: true; - - padding: 1px; - border-width: 0 0 1px 0; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - background-color: @theme_base_color; - background-image: none; -} - -.content-view .menu { - padding: 0; - border-radius: 0; - border-style: none; - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -/************** - * sourcelist * - **************/ -.source-list, -.source-list.view { - border-radius: 0; - background-color: @theme_bg_color; - background-image: none; - color: mix(@theme_fg_color, @theme_bg_color, 0.1); -} - -.source-list { - -GtkTreeView-horizontal-separator: 1; - -GtkTreeView-vertical-separator: 1; -} - -.source-list.view:selected, -.source-list.view:prelight:selected { - border-width: 1px 0; - border-style: solid; - border-top-color: shade(@theme_bg_color, 0.85); - border-bottom-color: shade(@theme_bg_color, 1.12); - background-image: linear-gradient(to bottom, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.87), - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.95) 10%, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.99) 92%, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.92) - ); - - color: mix(@theme_text_color, @theme_base_color, 0.3); -} - -.source-list.view:prelight { - border-color: mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.3); - background-color: mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.3); - background-image: none; -} - -.source-list.badge, -.source-list.badge:prelight, -.source-list.badge:selected, -.source-list.badge:prelight:selected { - margin: 0 3px; - padding: 0 6px; - border-width: 0; - border-radius: 10px; - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - color: @theme_selected_fg_color; -} - -/****************** - * no undo button * - ******************/ -.button.noundo, -.content-view .button.noundo { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 1.05); - background-image: none; - color: @error_fg_color; -} - -.button.noundo:hover, -.content-view .button.noundo:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: @error_bg_color; - background-image: none; -} - -.button.noundo:active, -.content-view .button.noundo:active { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 0.95); - background-image: none; -} - -.button.noundo:active:hover, -.content-view .button.noundo:active:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: shade(@error_bg_color, 0.97); - background-image: none; -} - -.button.noundo GtkLabel, -.button.noundo Gtklabel:prelight { - color: @error_fg_color; -} - -/********************** - * affirmative button * - **********************/ -.button.affirmative, -.content-view .button.affirmative { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 1.05); - background-image: none; - color: @theme_selected_fg_color; -} - -.button.affirmative:hover, -.content-view .button.affirmative:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: @theme_selected_bg_color; - background-image: none; -} - -.button.affirmative:active, -.content-view .button.affirmative:active { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 0.95); - background-image: none; -} - -.button.affirmative:active:hover, -.content-view .button.affirmative:active:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: shade(@theme_selected_bg_color, 0.97); - background-image: none; -} - -.button.affirmative GtkLabel, -.button.affirmative Gtklabel:prelight { - color: @theme_selected_fg_color; -} - -/********************** - * secondary toolbars * - **********************/ -.secondary-toolbar.toolbar { - padding: 2px; - border-color: shade(@toolbar_bg_color, 0.8); - background-color: @toolbar_bg_color; - background-image: none; -} - -.secondary-toolbar.toolbar .button { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 1.05); - background-image: none; - color: @toolbar_fg_color; -} - -.secondary-toolbar.toolbar .button:hover { - border-color: shade(@toolbar_bg_color, 0.7); - background-color: shade(@toolbar_bg_color, 1.10); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 0.95); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active:hover { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:focus, -.secondary-toolbar.toolbar .button:hover:focus, -.secondary-toolbar.toolbar .button:active:focus, -.secondary-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:insensitive { - border-color: shade(@toolbar_bg_color, 0.85); - background-color: shade(@toolbar_bg_color, 0.9); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@toolbar_bg_color, 0.75); - background-color: shade(@toolbar_bg_color, 0.80); - background-image: none; -} - -/******************* - * bottom toolbars * - *******************/ -.bottom-toolbar.toolbar { - padding: 6px; - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - background-image: none; -} - -.bottom-toolbar.toolbar .button { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 1.05); - background-image: none; - color: @theme_fg_color; -} - -.bottom-toolbar.toolbar .button:hover { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active:hover { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:focus, -.bottom-toolbar.toolbar .button:hover:focus, -.bottom-toolbar.toolbar .button:active:focus, -.bottom-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:insensitive { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@theme_bg_color, 0.75); - background-color: shade(@theme_bg_color, 0.80); - background-image: none; -} - -/************* - * statusbar * - *************/ -GraniteWidgetsStatusBar { - padding: 1px; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.0), - shade(@theme_bg_color, 0.88) - ); - - box-shadow: inset 0 1px shade(@theme_bg_color, 0.8); -} - -/*********** - * popover * - ***********/ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 12; - -GraniteWidgetsPopOver-border-radius: 5px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 15; - - margin: 0; - border-style: solid; - border-color: shade(@menu_bg_color, 0.8); - color: @menu_fg_color; -} - -.popover_bg { - background-color: transparent; - background-image: linear-gradient(to bottom, - @menu_bg_color, - shade(@menu_bg_color, 0.98) - ); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .sidebar.view:selected, -GraniteWidgetsPopOver .sidebar.view:selected:focus, -GraniteWidgetsPopOver *:selected, -GraniteWidgetsPopOver *:selected:focus { - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -GraniteWidgetsPopOver .button { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 1.08); - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .button:hover { - border-color: shade(@menu_bg_color, 0.7); - background-color: shade(@menu_bg_color, 1.10); - background-image: none; - color: shade(@menu_fg_color, 0.7); -} - -GraniteWidgetsPopOver .button:active { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 0.95); - background-image: none; -} - -GraniteWidgetsPopOver .button:active:hover { - border-color: shade(@menu_bg_color, 0.7); - color: shade(@menu_fg_color, 0.7); -} - -/* linked buttons */ -GraniteWidgetsPopOver .linked .button { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9); -} - -GraniteWidgetsPopOver .linked .button:active { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.8), - inset 1px 1px alpha(@dark_shadow, 0.06), - inset -1px -1px alpha(@dark_shadow, 0.06); -} - -GraniteWidgetsPopOver .linked .button:insensitive { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.8), - inset 1px 1px alpha(@light_shadow, 0.2); -} - -GraniteWidgetsPopOver .linked .button:last-child, -GraniteWidgetsPopOver .linked .button:only-child, -GraniteWidgetsPopOver .linked .button:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:insensitive:only-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:only-child { - box-shadow: inset 1px 1px alpha(@light_shadow, 0.4), - inset -1px 0 alpha(@light_shadow, 0.4); -} - -GraniteWidgetsPopOver .linked .button:active:last-child, -GraniteWidgetsPopOver .linked .button:active:only-child { - box-shadow: inset 1px 1px alpha(@dark_shadow, 0.06), - inset -1px -1px alpha(@dark_shadow, 0.06); -} - -GraniteWidgetsPopOver .entry { - border-color: shade(@menu_bg_color, 0.7); - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .entry:active, -GraniteWidgetsPopOver .entry:focus { - border-color: shade(@menu_bg_color, 0.7); -} - -GraniteWidgetsPopOver *.separator { - border-color: shade(@menu_bg_color, 0.9); - color: transparent; -} - -.button.app { - border-width: 0; - border-radius: 2px; - background-color: transparent; - background-image: none; -} - -.button.app:hover { - border-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - - color: @theme_selected_fg_color; -} - -.button.app:focus { - border-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - - color: @theme_selected_fg_color; -} - -/******** - * gala * - ********/ -.gala-workspaces-background { - border-width: 1px 0 0 0; - border-color: shade(@panel_bg_color, 0.8); - background-color: @panel_bg_color; - background-image: none; -} - -.gala-workspace-selected { - border-width: 1px; - border-radius: 2px; - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; -} - -/********* - * files * - *********/ -.files-overlay-bar { - margin: 3px; - padding: 3px 6px; - border-width: 1px; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.1), - shade(@theme_bg_color, 0.9) - ); -} - -.files-overlay-bar GtkLabel { - color: @theme_text_color; -} - -/********* - * noise * - *********/ -.album-list-view, -.album-list-view * { - border-color: shade(@theme_base_color, 0.7); - border-radius: 0; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView { - -GtkTreeView-vertical-separator: 1; - -GtkTreeView-grid-line-width: 0; - - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView row:nth-child(even) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 0.9); - background-image: none; -} - - -.album-list-view GtkTreeView row:nth-child(odd) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 1.0); - background-image: none; -} - -.album-list-view GtkTreeView row:selected { - background-color: @selected_bg_color; - background-image: none; - color: @selected_fg_color; -} - -/********** - * birdie * - **********/ -BirdieWidgetsTweetList * { - background-color: transparent; - background-image: none; -} - -/********* - * tweet * - *********/ -.tweet { - padding: 0; -} - -/********** - * notify * - **********/ -.notify { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.notify .low { -} - -.notify .critical { -} - -/********* - * panel * - *********/ -.panel { - background-color: @panel_bg_color; - background-image: none; - color: @panel_fg_color; - font: bold; -} - -.panel .menubar .menuitem { - padding: 1px 3px; -} - -.shadow { - background-color: transparent; - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, 0.3), - transparent - ); -} - -.composited-indicator, -.wingpanel-app-button, -.wingpanel-indicator-button { - padding: 0 2px; - background-color: transparent; - background-image: none; - color: @panel_fg_color; -} - -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { - border-style: none; - background-image: none; -} diff --git a/Redcore-nighttime/gtk-3.0/apps/lightdm-unity-greeter.css b/Redcore-nighttime/gtk-3.0/apps/lightdm-unity-greeter.css deleted file mode 100644 index c0dd6f8..0000000 --- a/Redcore-nighttime/gtk-3.0/apps/lightdm-unity-greeter.css +++ /dev/null @@ -1,67 +0,0 @@ -.lightdm.menu { - background-image: none; - background-color: alpha(black, 0.6); - border-color: alpha(white, 0.2); - border-radius: 3px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: alpha(black, 0.6); - border-radius: 0; - padding: 0; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - background-image: none; - background-color: alpha(black, 0.5); -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: alpha(black, 0.3); - border-color: alpha(white, 0.6); - border-radius: 3px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: alpha(white, 0.9); - color: white; -} - -@keyframes dashentry_spinner { - to { -gtk-icon-transform: rotate(1turn); } -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} diff --git a/Redcore-nighttime/gtk-3.0/assets/all-assets.svg b/Redcore-nighttime/gtk-3.0/assets/all-assets.svg new file mode 100644 index 0000000..6b2b9d7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/all-assets.svg @@ -0,0 +1,4456 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/all-assets.txt b/Redcore-nighttime/gtk-3.0/assets/all-assets.txt new file mode 100644 index 0000000..6e738e3 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/all-assets.txt @@ -0,0 +1,38 @@ +checkbox-checked-dark +checkbox-checked-insensitive-dark +checkbox-checked-insensitive +checkbox-checked +checkbox-mixed-dark +checkbox-mixed-insensitive-dark +checkbox-mixed-insensitive +checkbox-mixed +checkbox-unchecked-dark +checkbox-unchecked-insensitive-dark +checkbox-unchecked-insensitive +checkbox-unchecked +grid-selection-checked-dark +grid-selection-checked +grid-selection-unchecked-dark +grid-selection-unchecked +menuitem-checkbox-checked-hover +menuitem-checkbox-checked-insensitive +menuitem-checkbox-checked +menuitem-checkbox-mixed-hover +menuitem-checkbox-mixed-insensitive +menuitem-checkbox-mixed +menuitem-radio-checked-hover +menuitem-radio-checked-insensitive +menuitem-radio-checked +pane-handle +radio-checked-dark +radio-checked-insensitive-dark +radio-checked-insensitive +radio-checked +radio-mixed-dark +radio-mixed-insensitive-dark +radio-mixed-insensitive +radio-mixed +radio-unchecked-dark +radio-unchecked-insensitive-dark +radio-unchecked-insensitive +radio-unchecked diff --git a/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.svg b/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.svg deleted file mode 100644 index c029973..0000000 --- a/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.svg +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.symbolic.png b/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.symbolic.png deleted file mode 100644 index 2ccb0e8..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.symbolic.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/change_dpi.sh b/Redcore-nighttime/gtk-3.0/assets/change_dpi.sh new file mode 100755 index 0000000..058dcc4 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/change_dpi.sh @@ -0,0 +1,4 @@ +#!/usr/bin/env bash +for f in $@; do + rsvg-convert -d 300 -p 300 -f svg $f -o $f.bak ; mv $f.bak $f +done diff --git a/Redcore-nighttime/gtk-3.0/assets/check-symbolic.svg b/Redcore-nighttime/gtk-3.0/assets/check-symbolic.svg deleted file mode 100644 index e8c8210..0000000 --- a/Redcore-nighttime/gtk-3.0/assets/check-symbolic.svg +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/Redcore-nighttime/gtk-3.0/assets/check-symbolic.symbolic.png b/Redcore-nighttime/gtk-3.0/assets/check-symbolic.symbolic.png deleted file mode 100644 index ee7acdc..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/check-symbolic.symbolic.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-active-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-active-selectionmode.png deleted file mode 100644 index 283ae53..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-active-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-backdrop-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-backdrop-selectionmode.png deleted file mode 100644 index ad60a99..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-backdrop-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-active-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-active-selectionmode.png deleted file mode 100644 index 2f21288..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-active-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png deleted file mode 100644 index f29b801..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-dark.svg new file mode 100644 index 0000000..8f2e3ad --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-dark.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png deleted file mode 100644 index a6af0f7..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg new file mode 100644 index 0000000..3c4c191 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.png deleted file mode 100644 index f29b801..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.svg new file mode 100644 index 0000000..3c4c191 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked.svg new file mode 100644 index 0000000..251fb98 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-hover-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-hover-selectionmode.png deleted file mode 100644 index 283ae53..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-hover-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-dark.svg new file mode 100644 index 0000000..0fd30cc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-hover.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-hover.png deleted file mode 100644 index 35ceac1..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg new file mode 100644 index 0000000..493aea2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.png deleted file mode 100644 index 118d253..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..493aea2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.png deleted file mode 100644 index 7b266a1..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.svg new file mode 100644 index 0000000..0fd30cc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-selectionmode.png deleted file mode 100644 index 283ae53..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-dark.svg new file mode 100644 index 0000000..eeb6b00 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..4f4e3c0 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.png deleted file mode 100644 index ad60a99..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.svg new file mode 100644 index 0000000..4f4e3c0 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked.svg new file mode 100644 index 0000000..eeb6b00 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg b/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg deleted file mode 100644 index 7886d54..0000000 --- a/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.symbolic.png b/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.symbolic.png deleted file mode 100644 index c20d4ba..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.symbolic.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked-dark.svg new file mode 100644 index 0000000..a910cda --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.png b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.png deleted file mode 100644 index d140eeb..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.svg b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.svg new file mode 100644 index 0000000..a910cda --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked-dark.svg new file mode 100644 index 0000000..79ff2d1 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.png b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.png deleted file mode 100644 index 318f417..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.svg new file mode 100644 index 0000000..79ff2d1 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.png deleted file mode 100644 index a0e3ca2..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg new file mode 100644 index 0000000..fa036a7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png deleted file mode 100644 index 5b8c687..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg new file mode 100644 index 0000000..5888d2d --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.png deleted file mode 100644 index 6d6ab11..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.svg new file mode 100644 index 0000000..1eb9d50 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png deleted file mode 100644 index dc7f9bf..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg new file mode 100644 index 0000000..1433adc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png deleted file mode 100644 index 69bc4d9..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..6b4ad0b --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg new file mode 100644 index 0000000..2e9a29b --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.png deleted file mode 100644 index 28ef0f7..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.svg new file mode 100644 index 0000000..1433adc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-unchecked.svg new file mode 100644 index 0000000..711b8d2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.png deleted file mode 100644 index f1b8c38..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.svg new file mode 100644 index 0000000..f2c307e --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.png deleted file mode 100644 index 3bdc72a..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg new file mode 100644 index 0000000..422d9fa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.png deleted file mode 100644 index e0c5c3e..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.svg new file mode 100644 index 0000000..c9ba592 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-hover.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-hover.svg new file mode 100644 index 0000000..968c157 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg new file mode 100644 index 0000000..627a68a --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-selected.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-selected.svg new file mode 100644 index 0000000..8a80d2e --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed.svg new file mode 100644 index 0000000..968c157 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-unchecked.svg new file mode 100644 index 0000000..ab5588a --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-handle-vertical.svg b/Redcore-nighttime/gtk-3.0/assets/pane-handle-vertical.svg new file mode 100644 index 0000000..1779d49 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/pane-handle-vertical.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-handle.png b/Redcore-nighttime/gtk-3.0/assets/pane-handle.png new file mode 100644 index 0000000..e67a9dc Binary files /dev/null and b/Redcore-nighttime/gtk-3.0/assets/pane-handle.png differ diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-handle.svg b/Redcore-nighttime/gtk-3.0/assets/pane-handle.svg new file mode 100644 index 0000000..8275c7f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/pane-handle.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png b/Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png new file mode 100644 index 0000000..8a2cd07 Binary files /dev/null and b/Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png differ diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-separator-vertical.png b/Redcore-nighttime/gtk-3.0/assets/pane-separator-vertical.png deleted file mode 100644 index 060cf03..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/pane-separator-vertical.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-separator.png b/Redcore-nighttime/gtk-3.0/assets/pane-separator.png deleted file mode 100644 index 616ec90..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/pane-separator.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-checked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-checked-dark.svg new file mode 100644 index 0000000..efeac4f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive-dark.svg new file mode 100644 index 0000000..b80e4aa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive.svg new file mode 100644 index 0000000..b80e4aa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-checked.svg b/Redcore-nighttime/gtk-3.0/assets/radio-checked.svg new file mode 100644 index 0000000..efeac4f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-dark.svg new file mode 100644 index 0000000..d0dceaa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-hover.png b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-hover.png deleted file mode 100644 index 1dc344a..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive-dark.svg new file mode 100644 index 0000000..1c92c93 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.png deleted file mode 100644 index 152e911..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.svg new file mode 100644 index 0000000..1c92c93 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed.png b/Redcore-nighttime/gtk-3.0/assets/radio-mixed.png deleted file mode 100644 index c0db5e7..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-mixed.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg b/Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg new file mode 100644 index 0000000..d0dceaa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected-hover.png b/Redcore-nighttime/gtk-3.0/assets/radio-selected-hover.png deleted file mode 100644 index 01dba20..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-selected-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.png deleted file mode 100644 index c544b2d..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.svg new file mode 100644 index 0000000..b80e4aa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected.png b/Redcore-nighttime/gtk-3.0/assets/radio-selected.png deleted file mode 100644 index 80f218f..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-selected.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected.svg b/Redcore-nighttime/gtk-3.0/assets/radio-selected.svg new file mode 100644 index 0000000..efeac4f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-selected.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-dark.svg new file mode 100644 index 0000000..7bfcda9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..0f27397 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive.svg new file mode 100644 index 0000000..0f27397 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked.svg new file mode 100644 index 0000000..7bfcda9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-dark.svg new file mode 100644 index 0000000..214ed94 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive-dark.svg new file mode 100644 index 0000000..0fdfaf4 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.png deleted file mode 100644 index f8bb219..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.svg new file mode 100644 index 0000000..0f27397 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected.png b/Redcore-nighttime/gtk-3.0/assets/radio-unselected.png deleted file mode 100644 index 9667f92..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-unselected.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unselected.svg new file mode 100644 index 0000000..7bfcda9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unselected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/resize-grip.png b/Redcore-nighttime/gtk-3.0/assets/resize-grip.png deleted file mode 100644 index 4aabef3..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/resize-grip.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/sed.sh b/Redcore-nighttime/gtk-3.0/assets/sed.sh new file mode 100755 index 0000000..98bcfc5 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/sed.sh @@ -0,0 +1,9 @@ +#!/bin/sh +sed -i \ + -e 's/#2d2d2d/rgb(0%,0%,0%)/g' \ + -e 's/#dedede/rgb(100%,100%,100%)/g' \ + -e 's/#2d2d2d/rgb(50%,0%,0%)/g' \ + -e 's/#990000/rgb(0%,50%,0%)/g' \ + -e 's/#2d2d2d/rgb(50%,0%,50%)/g' \ + -e 's/#dedede/rgb(0%,0%,50%)/g' \ + $@ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-active.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-active.png deleted file mode 100644 index bdba751..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-active.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-hover.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-hover.png deleted file mode 100644 index b962c9a..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-close.png deleted file mode 100644 index 7980938..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-active.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-active.png deleted file mode 100644 index e42c746..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-active.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-hover.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-hover.png deleted file mode 100644 index a351489..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize.png deleted file mode 100644 index 6375bc9..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-active.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-active.png deleted file mode 100644 index 8a1b071..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-active.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-hover.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-hover.png deleted file mode 100644 index 4c44d6a..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize.png deleted file mode 100644 index f49bdac..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/unsed.sh b/Redcore-nighttime/gtk-3.0/assets/unsed.sh new file mode 100755 index 0000000..4e4ba2a --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/unsed.sh @@ -0,0 +1,11 @@ +#!/bin/sh +sed -i \ + -e 's/rgb(0%,0%,0%)/#2d2d2d/g' \ + -e 's/rgb(100%,100%,100%)/#dedede/g' \ + -e 's/rgb(50%,0%,0%)/#2d2d2d/g' \ + -e 's/rgb(0%,50%,0%)/#990000/g' \ + -e 's/rgb(0%,50.196078%,0%)/#990000/g' \ + -e 's/rgb(50%,0%,50%)/#2d2d2d/g' \ + -e 's/rgb(50.196078%,0%,50.196078%)/#2d2d2d/g' \ + -e 's/rgb(0%,0%,50%)/#dedede/g' \ + $@ diff --git a/Redcore-nighttime/gtk-3.0/gtk-contained.css b/Redcore-nighttime/gtk-3.0/gtk-contained.css deleted file mode 100644 index a245695..0000000 --- a/Redcore-nighttime/gtk-3.0/gtk-contained.css +++ /dev/null @@ -1,4546 +0,0 @@ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #cc0000; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: rgba(60, 60, 60, 0.3); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #990000; } - -/*************** - * Base States * - ***************/ -.background { - color: #dedede; - background-color: #2d2d2d; } - .background:backdrop { - color: #858585; - background-color: #2d2d2d; - 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: #dedede; - background-color: #2d2d2d; - text-shadow: none; } - .gtkstyle-fallback:hover { - color: #dedede; - background-color: #e8e8e8; } - .gtkstyle-fallback:active { - color: #dedede; - background-color: #b5b5b5; } - .gtkstyle-fallback:disabled { - color: #858585; - background-color: #e0e0e0; } - .gtkstyle-fallback:selected { - color: #2d2d2d; - background-color: #990000; } - -.view, iconview, -.view text, -iconview text, -textview text { - color: #dedede; - background-color: #2d2d2d; } - .view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: #4c4c4c; - background-color: #f9f9f9; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected { - border-radius: 3px; } - -textview border { - background-color: #e5e5e5; - background-image: image(rgba(0, 0, 0, 0.2)); - background-repeat: no-repeat; } - textview border:backdrop { - background-color: #e4e4e4; } - textview border.bottom { - background-size: 100% 1px; - background-position: top; } - textview border.top { - background-size: 100% 1px; - background-position: bottom; } - textview border.left { - background-size: 1px 100%; - background-position: right; } - textview border.right { - background-size: 1px 100%; - background-position: left; } - -.rubberband, -rubberband, -flowbox rubberband, -treeview.view rubberband, -.content-view rubberband { - border: 1px solid #1a74d3; - background-color: rgba(26, 116, 211, 0.2); } - -flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -label.separator { - color: #dedede; } - label.separator:backdrop { - color: #858585; } -label selection { - background-color: #990000; - color: #2d2d2d; } -label:disabled { - color: #858585; } - label:disabled:backdrop { - color: #a8a8a8; } -label:backdrop { - color: #858585; } - -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle { - opacity: 0.55; - text-shadow: none; } - -assistant .sidebar { - background-color: #2d2d2d; - border-top: 1px solid #828282; } - assistant .sidebar:backdrop { - background-color: #f9f9f9; - border-color: #8a8a8a; } -assistant.csd .sidebar { - border-top-style: none; } -assistant .sidebar label { - padding: 6px 12px; } -assistant .sidebar label.highlight { - background-color: #b1b1b1; } - -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, -.app-notification.frame, .osd .scale-popup, .osd { - color: #eeeeee; - border: none; - background-color: rgba(104, 104, 104, 0.2); - background-clip: padding-box; - outline-color: rgba(238, 238, 238, 0.3); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { - color: shade(#eeeeee, 1.2); - background-color: shade(rgba(104, 104, 104, 0.2), 1.6); - text-shadow: none; - -gtk-icon-shadow: none; } - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } - -/**************** - * Text Entries * - ****************/ -spinbutton:not(.vertical), -entry { - min-height: 28px; - padding-left: 4px; - padding-right: 4px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #dedede; - border-color: #828282; - background-image: linear-gradient(to bottom, #c5c5c5, #f8f8f8 2px, #2d2d2d 90%); - box-shadow: inset 0 0 0 1px rgba(57, 142, 231, 0); } - 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 { - border-color: #990000; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: #858585; - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - box-shadow: none; } - spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: #4c4c4c; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #f9f9f9); - box-shadow: none; - transition: 200ms ease-out; } - spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: #a8a8a8; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - box-shadow: none; } - spinbutton.error:not(.vertical), - entry.error { - color: #cc0000; - border-color: #cc0000; } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - border-color: #cc0000; } - spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), - entry.error:selected:focus, - entry.error:selected { - background-color: #cc0000; } - spinbutton.warning:not(.vertical), - entry.warning { - color: #f57900; - border-color: #f57900; } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - border-color: #f57900; } - spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), - entry.warning:selected:focus, - entry.warning:selected { - background-color: #f57900; } - spinbutton:not(.vertical) image, - entry image { - color: #626262; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: #dedede; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: #990000; } - spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: #9c9c9c; } - 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: #990000; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px #990000; - 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: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 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: #990000; - 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: #990000; } -.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: #d7d7d7; - background-image: linear-gradient(to bottom, #2d2d2d); } - .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: #d8d8d8; - background-image: linear-gradient(to bottom, #f9f9f9); } -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled { - border-top-color: #d7d7d7; } -.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: #990000; } -.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) + 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) + button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #990000; } -.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) + 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) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #4e9a06; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #2d2d2d; - transition-property: color, background; } -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #2d2d2d; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #990000; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#990000), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)); } } -notebook > header > tabs > arrow, button.titlebutton, -button { - min-height: 24px; - min-width: 16px; - padding: 1px 2px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, - 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; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton: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.titlebutton:hover, - button:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.15), shade(#2d2d2d, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, - button:active, - button:checked { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 0.85), 1.05), shade(shade(#2d2d2d, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat, - button:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - 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; } - notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat label, - button:backdrop.flat, - button:backdrop label, - button:backdrop { - color: #858585; } - notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #b6b6b6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton: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: #858585; } - notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled label, - button:backdrop.flat:disabled, - button:backdrop:disabled label, - button:backdrop:disabled { - color: #a8a8a8; } - notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, lightgray); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton: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: #a8a8a8; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton: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.titlebutton:disabled, - button:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, - button:disabled label, - button:disabled { - color: #858585; } - notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, - button:disabled:active, - button:disabled:checked { - border-color: #828282; - background-image: linear-gradient(to bottom, #d7d7d7, #e0e0e0); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, - button:disabled:active label, - button:disabled:active, - button:disabled:checked label, - button:disabled:checked { - color: #858585; } - notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, - button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, - button.text-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, - button.text-button.image-button { - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, - button.text-button.image-button label { - padding-left: 4px; - padding-right: 4px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), - button:drop(active) { - color: #4e9a06; - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } -row:selected -button { - border-color: #0f4278; } - 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: #2d2d2d; - 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: #f9f9f9; } -button.osd { - min-width: 24px; - min-height: 32px; - color: #eeeeee; - border-radius: 5px; - outline-color: rgba(238, 238, 238, 0.3); - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 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(135, 135, 135, 0.2)); - 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(238, 238, 238, 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(238, 238, 238, 0.3); - border: none; - box-shadow: none; } - button.osd:disabled:backdrop, - button.osd:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - button.osd:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } -.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, -.app-notification.frame button, .osd -button { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd - button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 0.3); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification 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(238, 238, 238, 0.3); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd - button:disabled:backdrop, .osd - button:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd - button:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification 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; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd - button.flat:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd - button.flat:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 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; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification 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; } - popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification 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(238, 238, 238, 0.3); } -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#990000, 1.02), 1.05), shade(shade(#990000, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .selection-mode button.titlebutton, - 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: #990000; } - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(#990000, 1.15), shade(#990000, 1.07)); - 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: #114f8f; - background-image: linear-gradient(to bottom, shade(shade(#990000, 0.85), 1.05), shade(shade(#990000, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop label, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop label, - button.suggested-action.flat:backdrop { - color: #d7e8fa; } - .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton: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: #1a74d3; - background-image: linear-gradient(to bottom, #1a74d3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton: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: #d1e3f6; } - .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton: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: #a8a8a8; } - .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton: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: #3f92e7; - background-image: linear-gradient(to bottom, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton: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: #82b8ef; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton: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(57, 142, 231, 0.8); } - button.suggested-action:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: #858585; } - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #3a8bde, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled:active label, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked label, - button.suggested-action:disabled:checked { - color: #b2d3f5; } - .osd - button.suggested-action { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 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(238, 238, 238, 0.3); } - .osd - button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 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(238, 238, 238, 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, #990000); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 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-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#ef2929, 1.02), 1.05), shade(shade(#ef2929, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - 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: #ef2929; } - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, shade(#ef2929, 1.15), shade(#ef2929, 1.07)); - 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: #8e0b0b; - background-image: linear-gradient(to bottom, shade(shade(#ef2929, 0.85), 1.05), shade(shade(#ef2929, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - border-color: #ef2929; - background-image: linear-gradient(to bottom, #ef2929); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop label, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop label, - button.destructive-action.flat:backdrop { - color: #fcd4d4; } - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - border-color: #d51010; - background-image: linear-gradient(to bottom, #d51010); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #f7cfcf; } - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #a8a8a8; } - 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: #ef3131; - background-image: linear-gradient(to bottom, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #f57979; } - 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(239, 41, 41, 0.8); } - button.destructive-action:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled label, - button.destructive-action:disabled { - color: #858585; } - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #e52d2d, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled:active label, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked label, - button.destructive-action:disabled:checked { - color: #f9adad; } - .osd - button.destructive-action { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 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(238, 238, 238, 0.3); } - .osd - button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 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(238, 238, 238, 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, #ef2929); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 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, stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), 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, 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), stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar toolbutton > button { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - .inline-toolbar toolbutton > button:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.15), shade(#2d2d2d, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 0.85), 1.05), shade(shade(#2d2d2d, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .inline-toolbar toolbutton > button:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #858585; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #828282; - background-image: linear-gradient(to bottom, #d7d7d7, #e0e0e0); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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: #858585; } - .inline-toolbar toolbutton > button:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #858585; } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #b6b6b6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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: #858585; } - .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #a8a8a8; } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, lightgray); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: #a8a8a8; } - -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > -entry, .inline-toolbar -button, .inline-toolbar -button:backdrop, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -entry:first-child, .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 { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -entry:last-child, .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 { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; } -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -entry:only-child, .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 { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > -entry, .linked.vertical > -button, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop, .linked.vertical > combobox > box > button.combo { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > -entry:first-child, .linked.vertical > -button:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > -entry:last-child, .linked.vertical > -button:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > -entry:only-child, .linked.vertical > -button:only-child, .linked.vertical > combobox:only-child > box > button.combo { - 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, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, .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: #990000; } - 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; } - -/********* - * Links * - *********/ -*:link, button:link, -button:visited { - color: #990000; } - *:link:visited, - button:visited { - color: #145ba6; } - *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited { - color: #b0d2f5; } - *:link:hover, button:hover:link, - button:hover:visited { - color: #468ad2; } - *:selected *:link:hover, *:selected button:hover:link, - *:selected button:hover:visited { - color: #ebf4fd; } - *:link:active, button:active:link, - button:active:visited { - color: #990000; } - *:selected *:link:active, *:selected button:active:link, - *:selected button:active:visited { - color: #d7e8fa; } - *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, - headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link, - button:backdrop:visited { - color: #990000; } - .info *:link, .info button:link, - .info button:visited, - .question *:link, - .question button:link, - .question button:visited, - .warning *:link, - .warning button:link, - .warning button:visited, - .error *:link, - .error button:link, - .error button:visited, *:link:selected, button:selected:link, - button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, - headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, - *:selected button:visited { - color: #d7e8fa; } - -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; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton:not(.vertical) { - padding: 0; } - spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: #4f4f4f; - background-image: none; - border-style: none none none solid; - border-color: rgba(130, 130, 130, 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: #dedede; - background-color: rgba(60, 60, 60, 0.05); } - spinbutton:not(.vertical) button:disabled { - color: rgba(133, 133, 133, 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: #919191; - background-color: transparent; - border-color: rgba(138, 138, 138, 0.3); - transition: 200ms ease-out; } - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(168, 168, 168, 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: #eeeeee; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .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: #eeeeee; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(238, 238, 238, 0.1); - -gtk-icon-shadow: 0 1px black; - 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: #eeeeee; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - 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: #ababab; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - 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: #858585; } -spinbutton.vertical:backdrop:disabled { - color: #a8a8a8; } -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } -spinbutton.vertical entry { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; } -spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; } -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: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 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(135, 135, 135, 0.2)); - 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(238, 238, 238, 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(238, 238, 238, 0.3); } - .osd spinbutton.vertical button:first-child:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd spinbutton.vertical button:first-child:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - treeview spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/************** - * ComboBoxes * - **************/ -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } -combobox:drop(active) { - box-shadow: none; } - -/************ - * Toolbars * - ************/ -toolbar, .inline-toolbar, searchbar, -.location-bar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #2d2d2d; } - -toolbar { - padding: 4px 3px 3px 4px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(104, 104, 104, 0.2); } - 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; } - toolbar:not(.inline-toolbar):not(.osd) switch, - toolbar:not(.inline-toolbar):not(.osd) scale, - toolbar:not(.inline-toolbar):not(.osd) entry, - toolbar:not(.inline-toolbar):not(.osd) spinbutton, - toolbar:not(.inline-toolbar):not(.osd) button { - margin-right: 1px; - margin-bottom: 1px; } - -.inline-toolbar { - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; } - -searchbar, -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -.inline-toolbar, searchbar, -.location-bar { - border-style: solid; - border-color: #828282; - background-color: #b7b7b7; } - .inline-toolbar:backdrop, searchbar:backdrop, - .location-bar:backdrop { - border-color: #8a8a8a; - background-color: #b6b6b6; - box-shadow: none; - transition: 200ms ease-out; } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 46px; - border-width: 0 0 1px; - border-style: solid; - border-color: #828282; - border-radius: 0; - background: #2d2d2d linear-gradient(to bottom, #2d2d2d, shade(#2d2d2d, 0.88)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - border-color: #8a8a8a; - background-color: #2d2d2d; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - headerbar .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; } - .titlebar:not(headerbar) .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .selection-mode.titlebar:not(headerbar), - headerbar.selection-mode { - color: #2d2d2d; - text-shadow: none; - border-color: #0f4278; - background: #990000 linear-gradient(to bottom, #990000, shade(#990000, 0.88)); - box-shadow: inset 0 1px rgba(136, 187, 241, 0.9); } - .selection-mode.titlebar:backdrop:not(headerbar), - headerbar.selection-mode:backdrop { - background-color: #990000; - background-image: none; - box-shadow: inset 0 1px rgba(156, 199, 243, 0.88); } - .selection-mode.titlebar:not(headerbar) button, - headerbar.selection-mode button { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#990000, 1.02), 1.05), shade(shade(#990000, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .selection-mode.titlebar:not(headerbar) button.flat, - headerbar.selection-mode 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; } - .selection-mode.titlebar:not(headerbar) button:hover, - headerbar.selection-mode button:hover { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(#990000, 1.15), shade(#990000, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, - headerbar.selection-mode button:active, - headerbar.selection-mode button:checked { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(shade(#990000, 0.85), 1.05), shade(shade(#990000, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, - headerbar.selection-mode button:backdrop.flat, - headerbar.selection-mode button:backdrop { - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - -gtk-icon-effect: none; - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, - headerbar.selection-mode button:backdrop.flat label, - headerbar.selection-mode button:backdrop.flat, - headerbar.selection-mode button:backdrop label, - headerbar.selection-mode button:backdrop { - color: #d7e8fa; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - headerbar.selection-mode button:backdrop.flat:active, - headerbar.selection-mode button:backdrop.flat:checked, - headerbar.selection-mode button:backdrop:active, - headerbar.selection-mode button:backdrop:checked { - border-color: #1a74d3; - background-image: linear-gradient(to bottom, #1a74d3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - headerbar.selection-mode button:backdrop.flat:active label, - headerbar.selection-mode button:backdrop.flat:active, - headerbar.selection-mode button:backdrop.flat:checked label, - headerbar.selection-mode button:backdrop.flat:checked, - headerbar.selection-mode button:backdrop:active label, - headerbar.selection-mode button:backdrop:active, - headerbar.selection-mode button:backdrop:checked label, - headerbar.selection-mode button:backdrop:checked { - color: #d1e3f6; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - headerbar.selection-mode button:backdrop.flat:disabled, - headerbar.selection-mode button:backdrop:disabled { - border-color: #569fea; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - headerbar.selection-mode button:backdrop.flat:disabled label, - headerbar.selection-mode button:backdrop.flat:disabled, - headerbar.selection-mode button:backdrop:disabled label, - headerbar.selection-mode button:backdrop:disabled { - color: #91c1f1; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop.flat:disabled:active, - headerbar.selection-mode button:backdrop.flat:disabled:checked, - headerbar.selection-mode button:backdrop:disabled:active, - headerbar.selection-mode button:backdrop:disabled:checked { - border-color: #3f92e7; - background-image: linear-gradient(to bottom, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, - headerbar.selection-mode button:backdrop.flat:disabled:active label, - headerbar.selection-mode button:backdrop.flat:disabled:checked label, - headerbar.selection-mode button:backdrop:disabled:active label, - headerbar.selection-mode button:backdrop:disabled:checked label { - color: #82b8ef; } - .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, - headerbar.selection-mode button.flat:backdrop, - headerbar.selection-mode button.flat:disabled, - headerbar.selection-mode 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; } - .selection-mode.titlebar:not(headerbar) button:disabled, - headerbar.selection-mode button:disabled { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, - headerbar.selection-mode button:disabled label, - headerbar.selection-mode button:disabled { - color: #abcff5; } - .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - headerbar.selection-mode button:disabled:active, - headerbar.selection-mode button:disabled:checked { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #3a8bde, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - headerbar.selection-mode button:disabled:active label, - headerbar.selection-mode button:disabled:active, - headerbar.selection-mode button:disabled:checked label, - headerbar.selection-mode button:disabled:checked { - color: #b2d3f5; } - .selection-mode.titlebar:not(headerbar) button.suggested-action, - headerbar.selection-mode button.suggested-action { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, - headerbar.selection-mode button.suggested-action:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.15), shade(#2d2d2d, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:active, - headerbar.selection-mode button.suggested-action:active { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 0.85), 1.05), shade(shade(#2d2d2d, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - headerbar.selection-mode button.suggested-action:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - headerbar.selection-mode button.suggested-action:disabled label, - headerbar.selection-mode button.suggested-action:disabled { - color: #858585; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - headerbar.selection-mode button.suggested-action:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - headerbar.selection-mode button.suggested-action:backdrop label, - headerbar.selection-mode button.suggested-action:backdrop { - color: #858585; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - headerbar.selection-mode button.suggested-action:backdrop:disabled label, - headerbar.selection-mode button.suggested-action:backdrop:disabled { - color: #a8a8a8; } - .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(57, 142, 231, 0); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 0)); - box-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: 4px; - min-height: 28px; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; } - -headerbar entry, -headerbar spinbutton, -headerbar separator, -headerbar button { - margin-top: 6px; - margin-bottom: 6px; } -headerbar switch { - margin-top: 9px; - margin-bottom: 9px; } - -.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { - border-top-left-radius: 7px; } -window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { - border-top-right-radius: 7px; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } -.titlebar:not(headerbar) > separator { - background-color: #828282; } - -/************ - * 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; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-left-color: #9c9c9c; - border-top-color: #2d2d2d; } - * { - -GtkTreeView-horizontal-separator: 4; - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; } - treeview.view:selected:focus, treeview.view:selected { - border-radius: 0; } - treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: #9cc7f3; - border-top-color: rgba(60, 60, 60, 0.1); } - treeview.view:disabled { - color: #858585; } - treeview.view:disabled:selected { - color: #88bbf1; } - treeview.view:disabled:selected:backdrop { - color: #73aeec; } - treeview.view:disabled:backdrop { - color: #a8a8a8; } - treeview.view.separator { - min-height: 2px; - color: #2d2d2d; } - treeview.view.separator:backdrop { - color: rgba(206, 206, 206, 0.1); } - treeview.view:backdrop { - border-left-color: #aaaaaa; - border-top: #2d2d2d; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #0f4278; } - treeview.view:drop(active).after { - border-top-style: none; } - treeview.view:drop(active).before { - border-bottom-style: none; } - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #767676; } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: #dedede; } - treeview.view.expander:selected { - color: #c4ddf8; } - treeview.view.expander:selected:hover { - color: #2d2d2d; } - treeview.view.expander:selected:backdrop { - color: #bfd9f4; } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: #a8a8a8; } - treeview.view.progressbar { - color: #2d2d2d; - border: 1px solid #0f4278; - border-radius: 4px; - background-color: #990000; - background-image: linear-gradient(to bottom, #990000, #1a74d3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - border-radius: 4px; - color: #990000; - box-shadow: none; - background-image: linear-gradient(to bottom, #2d2d2d, #e3e3e3); } - treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - color: #990000; - border-color: #0f4278; - background-color: #f9f9f9; } - treeview.view.progressbar:backdrop { - color: #f9f9f9; - background-image: none; - box-shadow: none; } - treeview.view.trough { - background-color: rgba(60, 60, 60, 0.1); - border-radius: 4px; } - 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: #990000; } - treeview.view header button { - color: #9c9c9c; - background-color: #2d2d2d; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: #6c6c6c; - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: #dedede; - transition: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { - border-right-style: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view 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: 0 6px; - transition: none; - background-image: none; - background-color: #990000; - color: #2d2d2d; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px #2d2d2d; - text-shadow: none; } - treeview.view acceleditor > label { - background-color: #990000; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 0 6px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: #2d2d2d; } - treeview.view header button:disabled { - border-color: #2d2d2d; - background-image: none; } - treeview.view header button:backdrop { - border-color: #2d2d2d; - border-style: none solid solid none; - color: #aaaaaa; - background-image: none; - background-color: #f9f9f9; } - treeview.view header button:backdrop:disabled { - border-color: #2d2d2d; - background-image: none; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; } - menubar:backdrop, - .menubar:backdrop { - background-color: #2d2d2d; } - menubar > menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 3px 8px; - border: 1px solid transparent; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - background-image: linear-gradient(to bottom, shade(#990000, 1.2), shade(#990000, 1)); - color: #2d2d2d; - border-color: shade(#990000, 1.1); } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: #858585; - box-shadow: none; } - -menu, -.menu { - margin: 4px; - padding: 2px 0px; - background-color: #2d2d2d; - border: 1px solid #828282; } - .csd menu, .csd - .menu { - border: none; } - menu:backdrop, - .menu:backdrop { - background-color: #f9f9f9; } - menu menuitem, - .menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px 6px; - text-shadow: none; } - menu menuitem:hover, - .menu menuitem:hover { - color: #2d2d2d; - background-image: linear-gradient(to bottom, shade(#990000, 1.2), shade(#990000, 1)); - box-shadow: inset 1px 1px shade(#990000, 0.8), inset -1px -1px shade(#990000, 0.8); } - menu menuitem:disabled, - .menu menuitem:disabled { - color: #858585; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop { - color: #a8a8a8; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover { - color: #858585; - background-color: transparent; } - menu menuitem arrow, - .menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - 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) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - menu > 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: #2d2d2d; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid #e9e9e9; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid #e9e9e9; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover { - background-color: #e9e9e9; } - menu > arrow:backdrop, - .menu > arrow:backdrop { - background-color: #f9f9f9; } - menu > arrow:disabled, - .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; } - -/*************** - * Popovers * - ***************/ -popover.background { - padding: 2px; - border-radius: 5px; - background-color: #2d2d2d; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd popover.background, popover.background { - border: 1px solid #828282; } - popover.background:backdrop { - background-color: #2d2d2d; - box-shadow: none; } - popover.background > list, - popover.background > .view, - popover.background > iconview, - 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 { - margin: 3px; } - popover.background list separator { - margin: 0px; } - -/************* - * Notebooks * - *************/ -notebook.frame { - border-style: none; } -notebook > header { - padding: 1px; - background-color: #2d2d2d; } - notebook > header:backdrop { - border-color: #8a8a8a; - background-color: #2d2d2d; } - notebook > header tabs { - margin: -1px; } - notebook > header.top > stack { - border-top-style: none; } - notebook > header.top > tabs { - margin-bottom: -2px; } - notebook > header.top > tabs > tab { - border-radius: 3px 3px 0 0; - border: 1px solid shade(#2d2d2d, 0.9); } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - border-width: 1px 1px 0 1px; } - notebook > header.bottom > stack { - border-bottom-style: none; } - notebook > header.bottom > tabs { - margin-top: -2px; } - notebook > header.bottom > tabs > tab { - border-radius: 0 0 3px 3px; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - border-width: 0 1px 1px 1px; } - notebook > header.left > stack { - border-left-style: none; } - notebook > header.left > tabs { - margin-right: -2px; } - notebook > header.left > tabs > tab { - border-radius: 3px 0 0 3px; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - border-width: 1px 0 1px 1px; } - notebook > header.right > stack { - border-right-style: none; } - notebook > header.right > tabs { - margin-left: -2px; } - notebook > header.right > tabs > tab { - border-radius: 0 3px 3px 0; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - border-width: 1px 1px 1px 0; } - 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: 24px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #858585; - background-color: #2d2d2d; - border-width: 1px; - border-radius: 3px; - border-color: shade(#2d2d2d, 0.9); - border-style: solid; } - notebook > header tab:hover { - color: #616161; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(130, 130, 130, 0.3); - background-color: rgba(206, 206, 206, 0.2); } - notebook > header tab:backdrop { - color: #a2a2a2; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #dedede; - background-color: shade(#2d2d2d, 1.05); - border-width: 1px 1px 0 1px; } - notebook > header tab:checked:backdrop { - background-color: #2d2d2d; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(130, 130, 130, 0.5); - background-color: shade(#2d2d2d, 1.05); } - notebook > header tab:backdrop:checked { - color: #858585; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #8a8a8a; - background-color: #2d2d2d; } - 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: 0; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 2px; - margin-right: 2px; } - notebook > header.top tabs:first-child, notebook > header.bottom tabs:first-child { - margin-left: -3px; } - notebook > header.top tabs:last-child, notebook > header.bottom tabs:last-child { - margin-right: -3px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 2px; - margin-right: 2px; } - notebook > header.left tabs, notebook > header.right tabs { - padding: 0; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 2px; - margin-bottom: 2px; } - notebook > header.left tabs:first-child, notebook > header.right tabs:first-child { - margin-top: -3px; } - notebook > header.left tabs:last-child, notebook > header.right tabs:last-child { - margin-bottom: -3px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 2px; - margin-bottom: 2px; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } -notebook > stack:not(:only-child) { - background-color: shade(#2d2d2d, 1.05); - border: 1px solid shade(#2d2d2d, 0.9); } - notebook > stack:not(:only-child):backdrop { - background-color: #2d2d2d; } - -/************** - * Scrollbars * - **************/ -scrollbar { - background-image: linear-gradient(to right, #e8e8e8, white); - 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 #dbdbdb; } - scrollbar.bottom { - border-top: 1px solid #dbdbdb; } - scrollbar.left { - border-right: 1px solid #dbdbdb; } - scrollbar.right { - border-left: 1px solid #dbdbdb; } - scrollbar:backdrop { - background-color: #c6c6c6; - border-color: #dbdbdb; - transition: 200ms ease-out; } - scrollbar slider { - min-width: 7px; - min-height: 7px; - margin: 3px; - border: 1px solid #828282; - border-radius: 10px; - background-clip: padding-box; - background-image: linear-gradient(to right, #dbdbdb, #d1d1d1); } - scrollbar slider:hover { - background-image: linear-gradient(to right, #c1c1c1, #cbcbcb); } - scrollbar slider:hover:active { - background-color: #1a74d3; } - scrollbar slider:backdrop { - background-color: white; } - scrollbar slider:disabled { - background-color: transparent; } - scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; } - 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; - min-width: 6px; - min-height: 6px; - background-color: shade(#dedede, 0.9); - background-image: none; - border: 1px solid white; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: shade(#dedede, 0.9); - background-image: none; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid white; - -gtk-icon-source: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.vertical slider { - min-height: 40px; } - 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: #2d2d2d; } - 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: #595959; } - 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: #1a74d3; } - 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(206, 206, 206, 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; - -gtk-icon-shadow: none; - color: white; } - 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(255, 255, 255, 0.2); } - scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #828282; - margin-top: -1px; } - -/********** - * Switch * - **********/ -switch { - font-weight: bold; - font-size: smaller; - outline-offset: -4px; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; - border: 1px solid #828282; - border-radius: 3px; - color: #dedede; - background-image: linear-gradient(to bottom, #b0b0b0); - text-shadow: 0 1px rgba(0, 0, 0, 0.1); } - switch:checked { - color: white; - border-color: #0f4278; - background-color: #990000; - background-image: none; - box-shadow: 0 1px transparent; - text-shadow: 0 1px rgba(15, 66, 120, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } - switch:disabled { - color: #858585; - border-color: #828282; - background-image: none; - background-color: #e0e0e0; - box-shadow: 0 1px transparent; - text-shadow: none; } - switch:backdrop { - color: #858585; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #b6b6b6); - box-shadow: none; - text-shadow: none; - transition: 200ms ease-out; } - switch:backdrop:checked { - color: #2d2d2d; - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - box-shadow: none; } - switch:disabled { - color: #a8a8a8; - border-color: #8a8a8a; - background-image: none; - background-color: #e0e0e0; } - switch slider { - margin: -1px; - min-width: 44px; - min-height: 26px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #dbdbdb 20%, #2d2d2d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #afafaf, 0 1px rgba(0, 0, 0, 0.1); } - switch:hover slider { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #e5e5e5 10%, #d8d8d8 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #dbdbdb, inset 0 -1px #b5b5b5, 0 1px rgba(0, 0, 0, 0.1); } - switch:checked slider { - border: 1px solid #0f4278; } - switch:disabled slider { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:disabled slider label, switch:disabled slider { - color: #858585; } - switch:backdrop slider { - transition: 200ms ease-out; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop slider label, switch:backdrop slider { - color: #858585; } - switch:backdrop:checked slider { - border-color: #990000; } - switch:backdrop:disabled slider { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop:disabled slider label, switch:backdrop:disabled slider { - color: #a8a8a8; } - row:selected switch { - box-shadow: none; - border-color: #0f4278; } - row:selected switch:backdrop { - border-color: #0f4278; } - row:selected switch.slider:dir(rtl) { - border-left-color: #828282; } - row:selected switch.slider:dir(ltr) { - border-right-color: #828282; } - row:selected switch.slider:checked, row:selected switch.slider { - border-color: #0f4278; } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), iconview.content-view.check:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); - background-color: transparent; } - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check, -radio { - margin: 0 4px; - min-height: 14px; - min-width: 14px; - border: 1px solid; - -gtk-icon-source: none; - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #dbdbdb 20%, #2d2d2d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #afafaf, 0 1px rgba(0, 0, 0, 0.1); } - check:only-child, - radio:only-child { - margin: 0; } - check:hover, - radio:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #e5e5e5 10%, #d8d8d8 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #dbdbdb, inset 0 -1px #b5b5b5, 0 1px rgba(0, 0, 0, 0.1); } - check:active, - radio:active { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 0.85), 1.05), shade(shade(#2d2d2d, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - check:disabled, - radio:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - check:disabled label, check:disabled, - radio:disabled label, - radio:disabled { - color: #858585; } - check:backdrop, - radio:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - check:backdrop label, check:backdrop, - radio:backdrop label, - radio:backdrop { - color: #858585; } - check:backdrop:disabled, - radio:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - check:backdrop:disabled label, check:backdrop:disabled, - radio:backdrop:disabled label, - radio:backdrop:disabled { - color: #a8a8a8; } - row:selected check, row:selected - radio { - border-color: #0f4278; } - .osd check, .osd - radio { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - .osd check:hover, .osd - radio:hover { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - .osd check:active, .osd - radio: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(238, 238, 238, 0.3); } - .osd check:backdrop, .osd - radio:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd check:disabled, .osd - radio:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem - radio { - margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem - radio, menu menuitem - radio:hover, menu menuitem - radio:disabled { - min-height: 14px; - min-width: 14px; - background-image: none; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - color: inherit; - border-color: currentColor; - animation: none; } - -check { - border-radius: 3px; } - check:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } - check:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -treeview.view radio:selected:focus, treeview.view radio:selected, -radio { - border-radius: 100%; } - treeview.view radio:checked:selected, - radio:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } - treeview.view radio:indeterminate:selected, - radio:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -@keyframes check_check { - from { - -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - to { - -gtk-icon-transform: unset; } } -@keyframes check_radio { - from { - -gtk-icon-transform: scale(0); } - to { - -gtk-icon-transform: unset; } } -@keyframes check_indeterminate { - from { - -gtk-icon-transform: scale(0, 1); } - to { - -gtk-icon-transform: unset; } } -check:not(:indeterminate):checked { - animation: check_check 400ms; } - -radio:not(:indeterminate):checked { - animation: check_radio 400ms; } - -check:indeterminate:checked, radio:indeterminate:checked { - animation: check_indeterminate 400ms; } - -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: #dedede; - border-color: #0f4278; } -treeview.view check:selected:disabled, -treeview.view radio:selected:disabled { - color: #858585; } - treeview.view check:selected:disabled:backdrop, - treeview.view radio:selected:disabled:backdrop { - color: #a8a8a8; } -treeview.view check:backdrop:selected, treeview.view check:backdrop, -treeview.view radio:backdrop:selected, -treeview.view radio:backdrop { - color: #858585; } - -/************ - * GtkScale * - ************/ -scale trough, scale fill, progressbar trough { - border: 1px solid #828282; - border-radius: 3px; - background-color: #b3b3b3; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } - scale trough:disabled, scale fill:disabled, progressbar trough:disabled { - background-color: #e0e0e0; - box-shadow: none; } - scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #b6b6b6; - border-color: #8a8a8a; - box-shadow: none; - transition: 200ms ease-out; } - scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { - background-color: #e0e0e0; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { - box-shadow: none; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled { - border-color: #0f4278; } - .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { - border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(0, 0, 0, 0.5); - box-shadow: none; - outline-color: rgba(238, 238, 238, 0.2); } - .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { - background-color: rgba(117, 117, 117, 0.5); } - -scale highlight, progressbar progress { - border: 1px solid shade(#990000, 0.7); - border-radius: 3px; - background-image: linear-gradient(to bottom, shade(#990000, 1.1), shade(#990000, 0.9)); } - scale highlight:disabled, progressbar progress:disabled { - background-color: transparent; - border-color: transparent; } - scale highlight:backdrop, progressbar progress:backdrop, progressbar:backdrop progress { - border-color: #990000; } - scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled { - background-color: transparent; - border-color: transparent; } - row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { - border-color: #0f4278; } - .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { - border-color: rgba(0, 0, 0, 0.7); } - .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { - border-color: transparent; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; } - scale fill, - scale highlight { - margin: -2px; } - scale slider { - min-height: 13px; - min-width: 13px; - margin: -7px; } - 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 { - margin: -6px; } - scale.fine-tune fill, - scale.fine-tune highlight, - scale.fine-tune trough { - border-radius: 5px; - -gtk-outline-radius: 7px; } - scale trough { - padding: 1px; - outline-offset: 2px; - -gtk-outline-radius: 5px; } - scale fill, scale fill:backdrop { - background-color: #828282; - box-shadow: none; } - scale fill:disabled, scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .osd scale fill { - background-color: rgba(91, 91, 91, 0.775); } - .osd scale fill:disabled, .osd scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - scale slider { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.45), shade(#2d2d2d, 1.15)); - border: 1px solid #7a7a7a; - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - scale slider:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #e5e5e5 10%, #d8d8d8 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #dbdbdb, inset 0 -1px #b5b5b5, 0 1px rgba(0, 0, 0, 0.1); } - scale slider:active { - border-color: #0f4278; } - scale slider:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:disabled label, scale slider:disabled { - color: #858585; } - scale slider:backdrop { - transition: 200ms ease-out; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop label, scale slider:backdrop { - color: #858585; } - scale slider:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop:disabled label, scale slider:backdrop:disabled { - color: #a8a8a8; } - row:selected scale slider, row:selected scale slider:disabled { - border-color: #0f4278; } - .osd scale slider { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); - border-color: rgba(0, 0, 0, 0.7); - background-color: #2d2d2d; } - .osd scale slider:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 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(238, 238, 238, 0.3); } - .osd scale slider:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd scale slider:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - scale value { - color: alpha(currentColor,0.6); } - scale marks { - color: alpha(currentColor,0.4); } - scale.color { - min-height: 0; - min-width: 0; } - scale.color trough { - background-image: linear-gradient(to top, #828282); - background-repeat: no-repeat; } - scale.color.horizontal { - padding: 0 0 15px 0; } - 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:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - 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 { - margin-left: -15px; - margin-right: 6px; } - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - 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 { - margin-right: -15px; - margin-left: 6px; } - scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { - padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { - padding-bottom: 7px; - background-position: 0 -6px; } - scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) 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 { - padding-left: 7px; - background-position: 6px 0; } - 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 { - padding-right: 7px; - background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: rgba(60, 60, 60, 0.4); } - progressbar.horizontal trough { - min-height: 6px; } - progressbar.horizontal progress { - min-height: 8px; } - progressbar.vertical trough { - min-width: 6px; } - progressbar.vertical progress { - min-width: 8px; } - progressbar.horizontal progress, progressbar.vertical progress { - margin: 0; } - progressbar:backdrop { - box-shadow: none; - transition: 200ms ease-out; } - progressbar progress { - border-width: 0; - box-shadow: inset 1px 1px shade(#990000, 0.7), inset -1px -1px shade(#990000, 0.7); - border-radius: 3px; } - progressbar progress.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - progressbar progress.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - progressbar progress.top { - border-top-right-radius: 3px; - border-top-left-radius: 3px; } - progressbar progress.bottom { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; } - progressbar:backdrop progress { - box-shadow: none; } - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - progressbar.osd progress { - border-style: none; - border-radius: 0; } - -/************* - * Level Bar * - *************/ -levelbar block { - min-width: 32px; - min-height: 1px; } -levelbar.vertical block { - min-width: 1px; - min-height: 32px; } -levelbar:backdrop { - transition: 200ms ease-out; } -levelbar trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - color: #dedede; - border-color: #828282; - background-image: linear-gradient(to bottom, #c5c5c5, #f8f8f8 2px, #2d2d2d 90%); - box-shadow: inset 0 0 0 1px rgba(57, 142, 231, 0); } - levelbar trough:backdrop { - color: #4c4c4c; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #f9f9f9); - box-shadow: none; } -levelbar.horizontal.discrete block { - margin: 0 1px; } -levelbar.vertical.discrete block { - margin: 1px 0; } -levelbar block { - border: 1px solid; - border-radius: 1px; - box-shadow: 0 1px rgba(0, 0, 0, 0.2); } - levelbar block:backdrop { - box-shadow: none; } - levelbar block.low { - border-color: #8f4700; - background-color: #f57900; } - levelbar block.low:backdrop { - border-color: #f57900; } - levelbar block.high, levelbar block:not(.empty) { - border-color: #145ba6; - background-color: #990000; } - levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { - border-color: #990000; } - levelbar block.full { - border-color: #1c3802; - background-color: #4e9a06; } - levelbar block.full:backdrop { - border-color: #4e9a06; } - levelbar block.empty { - background-color: transparent; - border-color: rgba(60, 60, 60, 0.2); - box-shadow: none; } - levelbar block.empty:backdrop { - border-color: rgba(133, 133, 133, 0.15); } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #dedede; - border: 1px solid #828282; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #858585; - border-color: #8a8a8a; } -printdialog .dialog-action-box { - margin: 12px; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #828282; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #8a8a8a; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #828282; } - actionbar > revealer > box:backdrop { - border-color: #8a8a8a; } - -scrolledwindow viewport.frame { - border-style: none; } -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#2d2d2d), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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(#2d2d2d), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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(#2d2d2d), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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(#2d2d2d), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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, #828282 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #b1b1b1; } - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #8a8a8a 1px, transparent 1px); - background-color: #c6c6c6; - transition: 200ms ease-out; } - -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/********* - * Lists * - *********/ -list { - color: #dedede; - background-color: #2d2d2d; - border-color: #828282; } - list:backdrop { - background-color: #f9f9f9; - border-color: #8a8a8a; } - list row { - padding: 2px; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(60, 60, 60, 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: #3986d6; } - row.activatable:selected:backdrop { - background-color: #990000; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: rgba(104, 104, 104, 0.2); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); - 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; } - -/************* - * 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: #898989; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ - * Calendar * - ***********/ -calendar { - color: #dedede; - border: 1px solid #828282; } - 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(60, 60, 60, 0.45); } - calendar.button:hover { - color: #dedede; } - calendar.button:backdrop { - color: rgba(133, 133, 133, 0.45); } - calendar.button:disabled { - color: rgba(133, 133, 133, 0.45); } - calendar:indeterminate, calendar:indeterminate:backdrop { - color: alpha(currentColor,0.55); } - calendar.highlight, calendar.highlight:backdrop { - font-size: smaller; - color: #dedede; } - calendar:backdrop { - color: #4c4c4c; - border-color: #8a8a8a; } - -/*********** - * Dialogs * - ***********/ -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #2d2d2d; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; } -messagedialog.csd.background { - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; } -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 { - border-left-style: none; - border-bottom-left-radius: 7px; - -gtk-outline-bottom-left-radius: 5px; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 7px; - -gtk-outline-bottom-right-radius: 5px; } - -filechooser .dialog-action-box { - border-top: 1px solid #828282; } - filechooser .dialog-action-box:backdrop { - border-top-color: #8a8a8a; } -filechooser #pathbarbox { - border-bottom: 1px solid #2d2d2d; } - filechooser #pathbarbox stack { - background-color: #2d2d2d; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #dae0e6; - -gtk-icon-style: regular; } - .sidebar row:selected { - background-image: linear-gradient(to bottom, shade(#dae0e6, 0.87), shade(#dae0e6, 0.95) 10%, shade(#dae0e6, 0.99) 92%, shade(#dae0e6, 0.92)); - box-shadow: 0 -1px shade(#2d2d2d, 0.85), 0 1px shade(#2d2d2d, 1.12); } - .sidebar row:selected label { - color: #dedede; } - .sidebar row:selected label:backdrop { - color: #858585; } - .sidebar row:backdrop { - background-color: transparent; } - 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 #828282; - 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 #828282; - border-right-style: none; } - .sidebar:backdrop { - background-color: #e4e4e4; - border-color: #8a8a8a; - transition: 200ms ease-out; } - .sidebar list, .sidebar treeview { - background-color: transparent; } - .sidebar list:backdrop, .sidebar treeview:backdrop { - background-color: transparent; } - 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 row { - padding: 10px 4px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -/**************** - * File chooser * - ****************/ -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 24px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #dedede; } - placessidebar row:disabled { - color: #858585; } - placessidebar row:backdrop { - color: #858585; - background-color: #2d2d2d; } - placessidebar row:backdrop:selected { - color: #858585; } - placessidebar row:backdrop:disabled { - color: #a8a8a8; } - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - 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: #990000; } - 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: #2d2d2d; - background-image: linear-gradient(to bottom, #9dc8f2, #c1dcf7 10%, #d3e6f9 92%, #b4d5f5); } - -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; } - -/********* - * Paned * - *********/ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(#828282); - background-size: 1px 1px; } - paned > separator:selected { - background-image: image(#990000); } - paned > separator:backdrop { - background-image: image(#8a8a8a); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #2d2d2d; - background-image: image(#828282), image(#828282); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: #2d2d2d; - background-image: image(#8a8a8a), image(#8a8a8a); } -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; } - -/************** - * GtkInfoBar * - **************/ -infobar { - border-style: none; } - -.info, -.question, -.warning, -.error { - text-shadow: 0 1px #1a74d3; } - .info:backdrop, .info, - .question:backdrop, - .question, - .warning:backdrop, - .warning, - .error:backdrop, - .error { - background-color: #990000; - border-color: #1a74d3; } - .info:backdrop label, .info:backdrop, .info label, .info, - .question:backdrop label, - .question:backdrop, - .question label, - .question, - .warning:backdrop label, - .warning:backdrop, - .warning label, - .warning, - .error:backdrop label, - .error:backdrop, - .error label, - .error { - color: #2d2d2d; } - .info:backdrop, - .question:backdrop, - .warning:backdrop, - .error:backdrop { - text-shadow: none; } - .info button, - .question button, - .warning button, - .error button { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#990000, 1.02), 1.05), shade(shade(#990000, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .info button:hover, - .question button:hover, - .warning button:hover, - .error button:hover { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(#990000, 1.15), shade(#990000, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .info button:active, .info button:checked, - .question button:active, - .question button:checked, - .warning button:active, - .warning button:checked, - .error button:active, - .error button:checked { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(shade(#990000, 0.85), 1.05), shade(shade(#990000, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .info button:disabled, - .question button:disabled, - .warning button:disabled, - .error button:disabled { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .info button:disabled label, .info button:disabled, - .question button:disabled label, - .question button:disabled, - .warning button:disabled label, - .warning button:disabled, - .error button:disabled label, - .error button:disabled { - color: #abcff5; } - .info button:backdrop, - .question button:backdrop, - .warning button:backdrop, - .error button:backdrop { - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #114f8f; } - .info button:backdrop label, .info button:backdrop, - .question button:backdrop label, - .question button:backdrop, - .warning button:backdrop label, - .warning button:backdrop, - .error button:backdrop label, - .error button:backdrop { - color: #d7e8fa; } - .info button:backdrop:disabled, - .question button:backdrop:disabled, - .warning button:backdrop:disabled, - .error button:backdrop:disabled { - border-color: #569fea; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #114f8f; } - .info button:backdrop:disabled label, .info button:backdrop:disabled, - .question button:backdrop:disabled label, - .question button:backdrop:disabled, - .warning button:backdrop:disabled label, - .warning button:backdrop:disabled, - .error button:backdrop:disabled label, - .error button:backdrop:disabled { - color: #91c1f1; } - .info label:selected:focus, .info label:selected:hover, .info label:selected, - .question label:selected:focus, - .question label:selected:hover, - .question label:selected, - .warning label:selected:focus, - .warning label:selected:hover, - .warning label:selected, - .error label:selected:focus, - .error label:selected:hover, - .error label:selected { - background-color: #1a74d3; } - -/************* - * Buttonbox * - *************/ -buttonbox { - padding: 6px; } - -/************ - * Tooltips * - ************/ -tooltip { - padding: 1px; - /* not working */ - border-radius: 5px; - box-shadow: none; - text-shadow: 0 1px black; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: 1px solid rgba(255, 255, 255, 0.1); } - tooltip decoration { - background-color: transparent; } - tooltip * { - padding: 1px; - background-color: transparent; - color: white; } - -/***************** - * 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: #2d2d2d; } - colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.8); } - colorswatch.dark overlay:backdrop { - color: #f9f9f9; } -colorswatch.light overlay { - color: #dedede; } - colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.5); } - colorswatch.light overlay:backdrop { - color: #4c4c4c; } -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: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - colorswatch#add-color-button overlay:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.15), shade(#2d2d2d, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - colorswatch#add-color-button overlay:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { - color: #858585; } -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 #2d2d2d; } -colorswatch#editor-color-sample { - border-radius: 4px; } - colorswatch#editor-color-sample overlay { - border-radius: 4.5px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #bcbcbc; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #bcbcbc; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } -.scale-popup button:hover { - background-color: rgba(60, 60, 60, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 7px 7px 0 0; - border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); - margin: 10px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); - transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration, .tiled decoration { - border-radius: 0; } - .popup decoration { - box-shadow: none; } - .ssd decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } - .csd.popup decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - tooltip.csd decoration { - border-radius: 5px; - box-shadow: none; } - messagedialog.csd decoration { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - .solid-csd decoration { - border-radius: 0; - margin: 4px; - background-color: #2d2d2d; - border: solid 1px #8a8a8a; - box-shadow: none; } - -button.titlebutton { - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.54824); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54824); } - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, -.view text:selected:focus, -iconview text:selected:focus, -textview text:selected:focus, -.view text:selected, -iconview text:selected, -textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, -textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, -entry selection:focus, -entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - background-color: #990000; } - row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, - textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, - entry selection:focus, - entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); } - row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, - iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, - .view text:disabled:selected, - iconview text:disabled:selected, - textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, - textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, - entry selection:disabled, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { - color: #9cc7f3; } - row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, - iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - .view text:backdrop:selected, - iconview text:backdrop:selected, - textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, - textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop, - entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { - color: #f9f9f9; } - row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, - .view text:backdrop:disabled:selected, - iconview text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, - textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, - entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { - color: #73aeec; } - -.monospace { - font: Monospace; } - -/********************** - * 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 { - border-radius: 20px; - -gtk-outline-radius: 20px; } - 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: #dedede; - background-color: #2d2d2d; - border: 1px solid; - border-color: #a8a8a8; - border-radius: 5px; - box-shadow: inset 0 -3px #d7d7d7; - font-size: smaller; } - .keycap:backdrop { - background-color: #f9f9f9; - color: #858585; - transition: 200ms ease-out; } - -*:drop(active):focus, -*:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #dedede; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #dedede; -/* -widget base background color */ -@define-color theme_bg_color #2d2d2d; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2d2d2d; -/* -base background color of selections */ -@define-color theme_selected_bg_color #990000; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #2d2d2d; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #e0e0e0; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #858585; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #2d2d2d; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #858585; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #dedede; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #2d2d2d; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #f9f9f9; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #990000; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #2d2d2d; -/* -widgets main borders color */ -@define-color borders #828282; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #8a8a8a; -/* -these are pretty self explicative */ -@define-color warning_color #f57900; -@define-color error_color #cc0000; -@define-color success_color #4e9a06; -/* -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(#dedede, 1.8); -@define-color wm_unfocused_title #858585; -@define-color wm_highlight rgba(255, 255, 255, 0.8); -@define-color wm_borders_edge rgba(255, 255, 255, 0.8); -@define-color wm_bg_a shade(#2d2d2d, 1.2); -@define-color wm_bg_b #2d2d2d; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#2d2d2d, 1.3); -@define-color wm_button_hover_color_b #2d2d2d; -@define-color wm_button_active_color_a shade(#2d2d2d, 0.85); -@define-color wm_button_active_color_b shade(#2d2d2d, 0.89); -@define-color wm_button_active_color_c shade(#2d2d2d, 0.9); -@define-color content_view_bg #2d2d2d; -.XfceHeading { - margin: 0; - padding: 0; - border-width: 0; - background-image: none; - background-color: shade(#2d2d2d, 1.18); - color: #dedede; - text-shadow: 0px 1px rgba(0, 0, 0, 0.1); } - -.xfce4-panel { - background-color: shade(#2d2d2d, 0.35); - color: #2d2d2d; - font: normal; } - .xfce4-panel button { - background-image: none; - background-color: transparent; - border-radius: 0; - border-color: transparent; - box-shadow: none; - padding: 0 1px; - color: #2d2d2d; - text-shadow: 0px 1px rgba(0, 0, 0, 0.1); } - .xfce4-panel button:active, .xfce4-panel button:checked { - background-image: none; - background-color: shade(#2d2d2d, 0.7); - border-color: shade(#2d2d2d, 0.6); - color: #2d2d2d; - transition: none; } - .xfce4-panel button:hover, .xfce4-panel button:active:hover, .xfce4-panel button:checked:hover { - border-color: shade(#990000, 0.6); - background-image: linear-gradient(to bottom, shade(#990000, 0.88), shade(#990000, 0.85)); - color: #2d2d2d; - box-shadow: inset 0 -1px alpha(white,0), inset 1px 0 alpha(white,0.15), inset -1px 0 alpha(white,0.15), inset 0 1px alpha(white,0.15); - transition: none; } - .xfce4-panel menu { - -gtk-icon-effect: none; - text-shadow: none; } - -#XfceNotifyWindow { - background-color: shade(#2d2d2d, 0.3); - color: #2d2d2d; - border-color: shade(#2d2d2d, 0.6); } - #XfceNotifyWindow button { - border-color: shade(#2d2d2d, 0.35); - border-radius: 3px; } - #XfceNotifyWindow label#summary { - font-weight: bold; } - #XfceNotifyWindow progressbar { - min-height: 6px; - border-radius: 3px; } - #XfceNotifyWindow progressbar progress { - background-image: none; - background-color: #2d2d2d; } - #XfceNotifyWindow progressbar trough { - background-image: linear-gradient(to bottom, shade(#2d2d2d, 0.65), shade(#2d2d2d, 1.25)); - border: 1px solid shade(#2d2d2d, 0.2); - border-radius: 3px; } - -.lightdm-gtk-greeter { - /********* - * panel * - *********/ - /**************** - * login window * - ****************/ } - .lightdm-gtk-greeter #panel_window { - background-color: shade(#2d2d2d, 0.35); - color: #2d2d2d; - font-weight: bold; - text-shadow: 0 1px transparentize black, 0.5; - -gtk-icon-shadow: 0 1px transparentize black, 0.5; - box-shadow: inset 0 -1px transparentize black, 0.5; } - .lightdm-gtk-greeter #panel_window menubar { - background-color: shade(#2d2d2d, 0.35); - text-shadow: 0 1px transparentize black, 0.5; - -gtk-icon-shadow: 0 1px transparentize black, 0.5; } - .lightdm-gtk-greeter #panel_window menubar menu menuitem { - font-weight: normal; - text-shadow: none; } - .lightdm-gtk-greeter #login_window, - .lightdm-gtk-greeter #shutdown_dialog, - .lightdm-gtk-greeter #restart_dialog { - border-style: none; - border-radius: 5px; - background-color: #2d2d2d; - color: #dedede; - box-shadow: inset 1px 0 shade(#2d2d2d, 0.6), inset -1px 0 shade(#2d2d2d, 0.6), inset 0 1px shade(#2d2d2d, 0.6), inset 0 -1px shade(#2d2d2d, 0.6); } - .lightdm-gtk-greeter #login_window button, - .lightdm-gtk-greeter #shutdown_dialog button, - .lightdm-gtk-greeter #restart_dialog button { - padding: 3px 15px; - /*********************** - * login/unlock button * - ***********************/ - /******************* - * shutdown button * - *******************/ - /****************** - * restart button * - ******************/ } - .lightdm-gtk-greeter #login_window button#login_button, - .lightdm-gtk-greeter #shutdown_dialog button#login_button, - .lightdm-gtk-greeter #restart_dialog button#login_button { - border-color: shade(#990000, 0.8); - background-image: linear-gradient(to bottom, shade(#990000, 1.02), shade(#990000, 0.95) 90%, shade(#990000, 0.9)); - color: #2d2d2d; } - .lightdm-gtk-greeter #login_window button#login_button:hover, .lightdm-gtk-greeter #login_window button#login_button:active, - .lightdm-gtk-greeter #shutdown_dialog button#login_button:hover, - .lightdm-gtk-greeter #shutdown_dialog button#login_button:active, - .lightdm-gtk-greeter #restart_dialog button#login_button:hover, - .lightdm-gtk-greeter #restart_dialog button#login_button:active { - border-color: shade(#990000, 0.7); - background-image: linear-gradient(to bottom, shade(#990000, 1.12), shade(#990000, 1.05) 90%, shade(#990000, 1)); } - .lightdm-gtk-greeter #login_window button#shutdown_button, - .lightdm-gtk-greeter #shutdown_dialog button#shutdown_button, - .lightdm-gtk-greeter #restart_dialog button#shutdown_button { - border-color: shade(#cc0000, 0.8); - background-image: linear-gradient(to bottom, shade(#cc0000, 1.02), shade(#cc0000, 0.95) 90%, shade(#cc0000, 0.9)); - color: #2d2d2d; } - .lightdm-gtk-greeter #login_window button#shutdown_button:hover, .lightdm-gtk-greeter #login_window button#shutdown_button:active, - .lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:hover, - .lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:active, - .lightdm-gtk-greeter #restart_dialog button#shutdown_button:hover, - .lightdm-gtk-greeter #restart_dialog button#shutdown_button:active { - border-color: shade(#cc0000, 0.7); - background-image: linear-gradient(to bottom, shade(#cc0000, 1.12), shade(#cc0000, 1.05) 90%, shade(#cc0000, 1)); } - .lightdm-gtk-greeter #login_window button#restart_button, - .lightdm-gtk-greeter #shutdown_dialog button#restart_button, - .lightdm-gtk-greeter #restart_dialog button#restart_button { - border-color: shade(#f57900, 0.8); - background-image: linear-gradient(to bottom, shade(#f57900, 1.02), shade(#f57900, 0.95) 90%, shade(#f57900, 0.9)); - color: #2d2d2d; } - .lightdm-gtk-greeter #login_window button#restart_button:hover, .lightdm-gtk-greeter #login_window button#restart_button:active, - .lightdm-gtk-greeter #shutdown_dialog button#restart_button:hover, - .lightdm-gtk-greeter #shutdown_dialog button#restart_button:active, - .lightdm-gtk-greeter #restart_dialog button#restart_button:hover, - .lightdm-gtk-greeter #restart_dialog button#restart_button:active { - border-color: shade(#f57900, 0.7); - background-image: linear-gradient(to bottom, shade(#f57900, 1.12), shade(#f57900, 1.05) 90%, shade(#f57900, 1)); } - .lightdm-gtk-greeter #content_frame { - padding-bottom: 14px; } - .lightdm-gtk-greeter #login_window menu { - border-radius: 1px; } - .lightdm-gtk-greeter #login_window combobox button.combo { - color: #dedede; - padding: 0; - background: none; - border-style: none; - box-shadow: none; } - .lightdm-gtk-greeter #login_window #user_combobox { - color: #dedede; - font: 18px; } - .lightdm-gtk-greeter #login_window #user_combobox menu { - font: normal; } - .lightdm-gtk-greeter #login_window #user_image { - padding: 3px; - border-radius: 3px; - box-shadow: inset 1px 0 shade(#2d2d2d, 0.75), inset -1px 0 shade(#2d2d2d, 0.75), inset 0 1px shade(#2d2d2d, 0.55), inset 0 -1px shade(#2d2d2d, 0.85); } - .lightdm-gtk-greeter #login_window #user_image_border { - border-radius: 3px; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 0.9), shade(#2d2d2d, 0.98) 10%, shade(#2d2d2d, 1) 99%, shade(#2d2d2d, 1)); - box-shadow: inset 0 1px shade(#2d2d2d, 0.8), inset 0 -1px shade(#2d2d2d, 0.55); } - .lightdm-gtk-greeter #buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 0.85), shade(#2d2d2d, 0.98) 10%, shade(#2d2d2d, 1) 99%, shade(#2d2d2d, 1)); - box-shadow: inset 1px 0 shade(#2d2d2d, 0.6), inset -1px 0 shade(#2d2d2d, 0.6), inset 0 1px shade(#2d2d2d, 0.6), inset 0 -1px shade(#2d2d2d, 0.6); } - -/************************ - * NAUTILUS (aka Files) * - ************************/ -.nautilus-window { - background-color: #2d2d2d; } - .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #2d2d2d; } - -/* Floating status bar */ -.floating-bar { - background-color: #2d2d2d; - border-style: solid; - border-color: #828282; } - .floating-bar.left { - border-radius: 0 3px 0 0; - border-width: 1px 1px 0 0; } - .floating-bar.right { - border-radius: 3px 0 0 0; - border-width: 1px 0 0 1px; } - .floating-bar:backdrop { - background-color: #2d2d2d; - border-color: #8a8a8a; } - .floating-bar button { - padding: 0px; } - -/* Searchbar */ -.search-bar { - box-shadow: none; } - -/* View */ -.nautilus-list-view .view, .nautilus-list-view iconview { - border-bottom: 1px solid #2d2d2d; - /* Hide superfluous treeview drop target indication */ } - .nautilus-list-view .view.dnd, .nautilus-list-view iconview.dnd { - border-style: none; } - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); - -UnityDecoration-active-shadow-radius: 8px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); - -UnityDecoration-inactive-shadow-radius: 5px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #990000; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration .top { - border: 1px solid shade(#2d2d2d, 0.7); - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 8px 0 8px; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.07), #2d2d2d); - color: #dedede; - text-shadow: 0 1px shade(#2d2d2d, 1.2); } - UnityDecoration .top:backdrop { - border: 1px solid shade(#2d2d2d, 0.8); - border-bottom-width: 0; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.02), #2d2d2d); - color: #dedede; - text-shadow: 0 1px shade(#2d2d2d, 1.1); } - UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom { - background-color: shade(#2d2d2d, 0.7); } - UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: shade(#2d2d2d, 0.8); } - -UnityPanelWidget, -.unity-panel { - border-width: 0 0 1px 0; - border-style: solid; - border-color: shade(#2d2d2d, 1); - background-color: shade(#2d2d2d, 0.35); } - UnityPanelWidget.menuitem, UnityPanelWidget .menuitem, - .unity-panel.menuitem, - .unity-panel .menuitem { - border-width: 0 1px; - color: #2d2d2d; } - UnityPanelWidget.menuitem:hover, UnityPanelWidget.menuitem *:hover, UnityPanelWidget .menuitem:hover, UnityPanelWidget .menuitem *:hover, - .unity-panel.menuitem:hover, - .unity-panel.menuitem *:hover, - .unity-panel .menuitem:hover, - .unity-panel .menuitem *:hover { - border-color: shade(#2d2d2d, 0.8); - background-color: shade(#2d2d2d, 0.75); - color: #2d2d2d; } - -@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: #dedede; } diff --git a/Redcore-nighttime/gtk-3.0/gtk-contained.scss b/Redcore-nighttime/gtk-3.0/gtk-contained.scss deleted file mode 100644 index e1ed31b..0000000 --- a/Redcore-nighttime/gtk-3.0/gtk-contained.scss +++ /dev/null @@ -1,16 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade -// - if you need to inverse a color function use the @if directive to match for dark $variant - -$variant: 'light'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'colors-public'; -@import 'xfce'; -@import 'lightdm-gtk-greeter'; -@import 'gnome-apps'; -@import 'unity'; diff --git a/Redcore-nighttime/gtk-3.0/gtk-dark.css b/Redcore-nighttime/gtk-3.0/gtk-dark.css new file mode 100644 index 0000000..b00626d --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/gtk-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/numixproject/gtk/dist/gtk-dark.css"); diff --git a/Redcore-nighttime/gtk-3.0/gtk.css b/Redcore-nighttime/gtk-3.0/gtk.css index 20b78fd..c6eab95 100644 --- a/Redcore-nighttime/gtk-3.0/gtk.css +++ b/Redcore-nighttime/gtk-3.0/gtk.css @@ -1 +1 @@ -@import url("gtk-contained.css"); +@import url("resource:///org/numixproject/gtk/dist/gtk.css"); diff --git a/Redcore-nighttime/gtk-3.0/gtk.gresource.xml b/Redcore-nighttime/gtk-3.0/gtk.gresource.xml index 84310b7..8281d70 100644 --- a/Redcore-nighttime/gtk-3.0/gtk.gresource.xml +++ b/Redcore-nighttime/gtk-3.0/gtk.gresource.xml @@ -1,56 +1,48 @@ - - assets/bullet-symbolic.svg - assets/bullet-symbolic.symbolic.png - assets/checkbox-active-selectionmode.png - assets/checkbox-backdrop-selectionmode.png - assets/checkbox-checked-active-selectionmode.png - assets/checkbox-checked-backdrop-selectionmode.png - assets/checkbox-checked-hover-selectionmode.png - assets/checkbox-checked-insensitive.png - assets/checkbox-hover-selectionmode.png - assets/checkbox-mixed-hover.png - assets/checkbox-mixed-insensitive.png - assets/checkbox-mixed.png - assets/checkbox-selectionmode.png - assets/checkbox-unchecked-insensitive.png - assets/check-symbolic.svg - assets/check-symbolic.symbolic.png - assets/dash-symbolic.svg - assets/dash-symbolic.symbolic.png - assets/grid-selection-checked.png - assets/grid-selection-unchecked.png - assets/menuitem-checkbox-checked-hover.png - assets/menuitem-checkbox-checked-insensitive.png - assets/menuitem-checkbox-checked.png - assets/menuitem-checkbox-mixed-hover.png - assets/menuitem-checkbox-mixed-insensitive.png - assets/menuitem-checkbox-mixed.png - assets/menuitem-radio-checked-hover.png - assets/menuitem-radio-checked-insensitive.png - assets/menuitem-radio-checked.png - assets/pane-separator.png - assets/pane-separator-vertical.png - assets/radio-mixed-hover.png - assets/radio-mixed-insensitive.png - assets/radio-mixed.png - assets/radio-selected-hover.png - assets/radio-selected-insensitive.png - assets/radio-selected.png - assets/radio-unselected-insensitive.png - assets/radio-unselected.png - assets/resize-grip.png - assets/titlebutton-close-active.png - assets/titlebutton-close-hover.png - assets/titlebutton-close.png - assets/titlebutton-maximize-active.png - assets/titlebutton-maximize-hover.png - assets/titlebutton-maximize.png - assets/titlebutton-minimize-active.png - assets/titlebutton-minimize-hover.png - assets/titlebutton-minimize.png - gtk-contained.css - gtk-contained-dark.css + + assets/checkbox-checked-dark.svg + assets/checkbox-checked-insensitive-dark.svg + assets/checkbox-checked-insensitive.svg + assets/checkbox-checked.svg + assets/checkbox-mixed-dark.svg + assets/checkbox-mixed-insensitive-dark.svg + assets/checkbox-mixed-insensitive.svg + assets/checkbox-mixed.svg + assets/checkbox-unchecked-dark.svg + assets/checkbox-unchecked-insensitive-dark.svg + assets/checkbox-unchecked-insensitive.svg + assets/checkbox-unchecked.svg + assets/grid-selection-checked-dark.svg + assets/grid-selection-checked.svg + assets/grid-selection-unchecked-dark.svg + assets/grid-selection-unchecked.svg + assets/menuitem-checkbox-checked-hover.svg + assets/menuitem-checkbox-checked-insensitive.svg + assets/menuitem-checkbox-checked.svg + assets/menuitem-checkbox-unchecked.svg + assets/menuitem-checkbox-mixed-hover.svg + assets/menuitem-checkbox-mixed-insensitive.svg + assets/menuitem-checkbox-mixed.svg + assets/menuitem-radio-checked-hover.svg + assets/menuitem-radio-checked-insensitive.svg + assets/menuitem-radio-checked.svg + assets/menuitem-radio-unchecked.svg + assets/radio-checked-dark.svg + assets/radio-checked-insensitive-dark.svg + assets/radio-checked-insensitive.svg + assets/radio-checked.svg + assets/radio-mixed-dark.svg + assets/radio-mixed-insensitive-dark.svg + assets/radio-mixed-insensitive.svg + assets/radio-mixed.svg + assets/radio-unchecked-dark.svg + assets/radio-unchecked-insensitive-dark.svg + assets/radio-unchecked-insensitive.svg + assets/radio-unchecked.svg + assets/pane-handle.png + assets/pane-handle@2.png + dist/gtk.css + dist/gtk-dark.css diff --git a/Redcore-nighttime/gtk-3.0/scss/_colors.scss b/Redcore-nighttime/gtk-3.0/scss/_colors.scss new file mode 100644 index 0000000..cdd7499 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/_colors.scss @@ -0,0 +1,67 @@ +@import "global"; + +/* dark color scheme */ +@define-color dark_bg_color #{"" + $dark_bg_color}; +@define-color dark_fg_color #{"" + $dark_fg_color}; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_color}; +@define-color theme_tooltip_bg_color #{"" + $tooltip_bg_color}; +@define-color theme_tooltip_fg_color #{"" + $tooltip_fg_color}; + +/* shadow effects */ +@define-color light_shadow #{"" + $light_shadow}; +@define-color dark_shadow #{"" + $dark_shadow}; + +/* misc colors used by gtk+ */ +@define-color info_fg_color #{"" + $info_fg_color}; +@define-color info_bg_color #{"" + $info_bg_color}; +@define-color warning_fg_color #{"" + $warning_fg_color}; +@define-color warning_bg_color #{"" + $warning_bg_color}; +@define-color question_fg_color #{"" + $question_fg_color}; +@define-color question_bg_color #{"" + $question_bg_color}; +@define-color error_fg_color #{"" + $error_fg_color}; +@define-color error_bg_color #{"" + $error_bg_color}; +@define-color link_color #{"" + $link_color}; +@define-color success_color #{"" + $success_color}; +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; + +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; + +/* osd */ +@define-color osd_base #{"" + $osd_base}; +@define-color osd_bg #{"" + $osd_bg}; +@define-color osd_fg #{"" + $osd_fg}; + +/* lightdm greeter colors */ +@define-color lightdm_bg_color #{"" + $lightdm_bg_color}; +@define-color lightdm_fg_color #{"" + $lightdm_fg_color}; + +/* window manager colors */ +@define-color wm_bg #{"" + $wm_bg}; +@define-color wm_border_focused #{"" + $wm_border_focused}; +@define-color wm_border_unfocused #{"" + $wm_border_unfocused}; +@define-color wm_title_focused #{"" + $wm_title_focused}; +@define-color wm_title_unfocused #{"" + $wm_title_unfocused}; +@define-color wm_icons_focused #{"" + $wm_icons_focused}; +@define-color wm_icons_focused_prelight #{"" + $wm_icons_focused_prelight}; +@define-color wm_icons_focused_pressed #{"" + $wm_icons_unfocused_pressed}; +@define-color wm_icons_unfocused #{"" + $wm_icons_unfocused}; +@define-color wm_icons_unfocused_prelight #{"" + $wm_icons_unfocused_prelight}; +@define-color wm_icons_unfocused_pressed #{"" + $wm_icons_unfocused_pressed}; diff --git a/Redcore-nighttime/gtk-3.0/scss/_functions.scss b/Redcore-nighttime/gtk-3.0/scss/_functions.scss new file mode 100644 index 0000000..0de71b6 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/_functions.scss @@ -0,0 +1,79 @@ +$modules: () !default; + +@mixin exports($name) { + @if (not index($modules, $name)) { + $modules: append($modules, $name) !global; + + @content; + } +} + +@function alpha($color, $amount) { + @if type-of($color) == "color" { + @return fade-out($color, (1 - $amount)); + } @else { + @return unquote("alpha(#{$color},#{$amount})"); + } +} + +@function shade($color, $amount) { + @if type-of($color) == "color" { + @if ($amount > 1) { + @return lighten($color, ($amount - 1) * lightness($color)) + } @else { + @return darken($color, (1 - $amount) * lightness($color)) + } + } @else { + @return unquote("shade(#{$color},#{$amount})"); + } +} + +@function mix($color1, $color2, $amount) { + @return unquote("mix(#{$color1},#{$color2},#{$amount})"); +} + +@function border_normal($color) { + @return shade($color, $contrast); +} + +@function border_focus($color) { + @return shade($color, ($contrast - .05)); +} + +@function border_active($color) { + @return shade($color, ($contrast - .1)); +} + +@function border_insensitive($color) { + @return shade($color, ($contrast + .05)); +} + +@mixin linear-gradient($color, $direction: to bottom) { + @if $gradient == 0 { + background-color: $color; + background-image: none; + } @else { + $amount: $gradient / 2; + + background-color: $color; + background-image: linear-gradient($direction, + shade($color, (1 + $amount)), + shade($color, (1 - $amount)) + ); + } +} + +@mixin border($color) { + border-color: border_normal($color); + + &:focus, &:hover { border-color: border_focus($color); } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { border-color: border_active($color); } + + &:insensitive { border-color: border_insensitive($color); } + + &:active:insensitive, &:checked:insensitive { border-color: border_normal($color); } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/_global.scss b/Redcore-nighttime/gtk-3.0/scss/_global.scss new file mode 100644 index 0000000..0cc82b2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/_global.scss @@ -0,0 +1,89 @@ +// scss-lint:disable ColorVariable + +@import "functions"; + +// default color scheme +$bg_color: if($variant == "dark", #dedede, #2d2d2d); +$fg_color: if($variant == "dark", #2d2d2d, #dedede); +$base_color: if($variant == "dark", #dedede, #2d2d2d); +$text_color: if($variant == "dark", #2d2d2d, #dedede); +$button_bg_color: if($variant == "dark", #dedede, #2d2d2d); +$button_fg_color: if($variant == "dark", #2d2d2d, #dedede); +$header_button_bg_color: #2d2d2d; +$header_button_fg_color: #dedede; +$selected_bg_color: #990000; +$selected_fg_color: #dedede; +$tooltip_bg_color: #2d2d2d; +$tooltip_fg_color: #dedede; + +// dark colors +$dark_bg_color: #2d2d2d; +$dark_fg_color: #dedede; + +// shadows +$dark_shadow: #000; +$light_shadow: #fff; + +// caret +$primary_caret_color: #dedede; +$secondary_caret_color: #dedede; +$caret_aspect_ratio: 0.04; + +// white and black +$black: #000; +$white: #fff; + +// misc colors used by gtk+ +$info_fg_color: #fff; +$info_bg_color: #03a9f4; +$warning_fg_color: #fff; +$warning_bg_color: #ef6c00; +$question_fg_color: #fff; +$question_bg_color: #673ab7; +$error_fg_color: #fff; +$error_bg_color: #f44336; +$link_color: #990000; +$success_color: #4caf50; +$warning_color: #ef6c00; +$error_color: #f44336; + +$toolbar_bg_color: $bg_color; +$toolbar_fg_color: $fg_color; + +$titlebar_bg_color: $dark_bg_color; +$titlebar_fg_color: $dark_fg_color; + +$menu_bg_color: $dark_bg_color; +$menu_fg_color: $dark_fg_color; + +$menubar_bg_color: $dark_bg_color; +$menubar_fg_color: $dark_fg_color; + +$panel_bg_color: $dark_bg_color; +$panel_fg_color: $dark_fg_color; + +$osd_base: $dark_bg_color; +$osd_fg: $dark_fg_color; +$osd_bg: alpha($osd_base, 0.8); + +$lightdm_bg_color: $dark_bg_color; +$lightdm_fg_color: $dark_fg_color; + +$wm_bg: $titlebar_bg_color; +$wm_border_focused: #990000; +$wm_border_unfocused: #2d2d2d; +$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_icons_focused_prelight: $selected_bg_color; +$wm_icons_focused_pressed: shade($selected_bg_color, .8); +$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_unfocused_prelight: $selected_bg_color; +$wm_icons_unfocused_pressed: shade($selected_bg_color, .8); + +// widget styles +$roundness: 0px; +$spacing: 3px; +$gradient: 0.0; + +$contrast: .8; diff --git a/Redcore-nighttime/gtk-3.0/scss/_widgets.scss b/Redcore-nighttime/gtk-3.0/scss/_widgets.scss new file mode 100644 index 0000000..db51b05 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/_widgets.scss @@ -0,0 +1,37 @@ +@import "functions"; +@import "global"; +@import "colors"; + + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/actionbar"; +@import "widgets/calendar"; +@import "widgets/choosers"; +@import "widgets/grid"; +@import "widgets/infobar"; +@import "widgets/menu"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/osd"; +@import "widgets/overshoot"; +@import "widgets/progress"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinner"; +@import "widgets/toggle"; +@import "widgets/toolbar"; +@import "widgets/view"; +@import "widgets/window"; + +@import "apps/unity-greeter"; +@import "apps/gedit"; +@import "apps/nautilus"; +@import "apps/nemo"; +@import "apps/panel"; +@import "apps/synaptic"; +@import "apps/xfce"; +@import "apps/unity"; +@import "apps/lightdm"; +@import "apps/gnome-terminal"; diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss new file mode 100644 index 0000000..f1614a6 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss @@ -0,0 +1,132 @@ +/********* + ! Gedit * +**********/ + +@include exports("gedit") { + GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + .list-row { + padding: $spacing; + + .button { + padding: 1px; + border-radius: $roundness; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + icon-shadow: none; + } + } + + .prelight-row .button { + border-color: alpha($black, .1); + color: alpha($white, .8); + + &:active { + border-color: alpha($black, .2); + background-color: alpha($black, .08); + color: $white; + } + } + + list-row, .prelight-row { + .button:hover { + border-color: alpha($black, .1); + color: $white; + } + } + } + + .gedit-document-panel-group-row { + &, &:hover { + border-top: 1px solid shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel-document-row { + &:hover { background-color: shade($bg_color, 1.05); } + + &:selected { + &, &:hover { @extend %selected; } + } + } + + .gedit-document-panel-dragged-row { + border: 1px solid alpha($black, .1); + background-color: alpha($black, .5); + color: $white; + } + + .gedit-document-panel-placeholder-row { + border: 0; + background-color: alpha($black, .08); + transition: all 200ms ease-in; + } + + GeditStatusbar { border-top: 1px solid border_normal($bg_color); } + + GeditStatusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; + + .button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; + + &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); } + + &:active { + background-color: shade($bg_color, .95); + color: $fg_color; + } + } + } + + GeditViewFrame .gedit-search-slider { + padding: $spacing; + border-radius: 0 0 $roundness $roundness; + border-width: 0 1px 1px; + border-style: solid; + border-color: border_normal($base_color); + background-color: $base_color; + + .not-found { + background-color: $error_bg_color; + background-image: none; + color: $error_fg_color; + + &:selected { @extend %selected; } + } + } + + GeditFileBrowserWidget .toolbar { + padding: $spacing / 2; + border-top: 0; + background-color: $bg_color; + background-image: none; + } + + .gedit-search-entry-occurrences-tag { + margin: $spacing / 2; + padding: $spacing / 2; + color: mix($text_color, $base_color, .5); + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss new file mode 100644 index 0000000..178f741 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss @@ -0,0 +1,219 @@ +/********************** + ! Genome Terminal * +***********************/ + +@include exports("gnome-terminal") { + VteTerminal { + background-color: $osd_base; + color: $osd_fg; + } + TerminalWindow { + .scrollbars-junction { + background-color: $osd_base; + } + .scrollbar { + &.trough { + background-color: $osd_base; + } + &.button { + color: shade($osd_base, 0.6); + &:active { + color: shade($osd_base, 0.6); + &:hover { + color: shade($osd_base, 0.6); + } + } + } + &.slider { + border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.21); + background-color: mix($osd_base, $osd_fg, 0.21); + &:hover { + border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31); + background-color: mix($osd_base, $osd_fg, 0.31); + } + &.vertical { + &:hover { + border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31); + background-color: mix($osd_base, $osd_fg, 0.31); + } + &:active { + border-color: shade($selected_bg_color, 0.9); + background-color: $selected_bg_color; + } + } + &:active { + border-color: shade($selected_bg_color, 0.9); + background-color: $selected_bg_color; + } + } + } + GtkNotebook.notebook { + border-right-width: 0; + border-bottom-width: 0; + border-left-width: 0; + } + } + + TerminalNotebook.notebook { //use dark variant by default + padding: 0; + border-width: 1px 0 0; + border-style: solid; + border-color: border_active($osd_base); + border-radius: 0; + @include linear-gradient($osd_base); + background-clip: border-box; + color: $osd_fg; + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + + &.frame { border-width: 1px; } + + &.header { + border-width: 0; + background-color: shade($osd_base, .85); + + &.frame { + border-color: border_focus($osd_base); + + &.top { border-width: 1px 1px 0 1px; } + + &.right { border-width: 1px 1px 1px 0; } + + &.bottom { border-width: 0 1px 1px 1px; } + + &.left { border-width: 1px 0 1px 1px; } + } + } + + GtkViewport { + border-width: 0; + background-color: $osd_base; + color: $osd_fg; + } + + tab { + padding: ($spacing + 1px) $spacing * 2; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + + &:active { + background-color: transparent; + background-image: none; + } + + &.top { + border-bottom-width: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + &:hover { + border-bottom-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-bottom-color: $selected_bg_color; + } + } + + &.right { + border-left-width: 2px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + + &:hover { + border-left-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-left-color: $selected_bg_color; + } + } + + &.bottom { + border-top-width: 2px; + border-top-right-radius: 0; + border-top-left-radius: 0; + + &:hover { + border-top-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-top-color: $selected_bg_color; + } + } + + &.left { + border-right-width: 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:hover { + border-right-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-right-color: $selected_bg_color; + } + } + + GtkLabel { color: mix($osd_fg, $osd_base, .3); } + + &.reorderable-page { + &:hover { + background-color: shade($osd_base, .85); + border-left: 0; + border-right: 0; + /* using box shadows instead of borders due to slanted edges */ + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .7), inset -1px 0 shade($osd_base, .7); + } + + &:active { + background-color: shade($osd_base, .9); + border-left: 0; + border-right: 0; + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .75), inset -1px 0 shade($osd_base, .75); + } + } + + /* close button styling */ + .button { + &, &:active, &:checked, &:hover { + padding: 1px; + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: transparent; + background-image: none; + background-color: transparent; + color: mix($osd_fg, $osd_base, 0.5); + } + + &:hover { + color: $osd_fg; + border-color: shade($osd_base, 0.8); + } + + &:active, &:checked, &:active:hover, &:checked:hover { + border-color: shade($osd_base, 0.7); + background-color: shade($osd_base, 0.95); + } + } + + } + + .prelight-page { + &, GtkLabel { color: mix($osd_fg, $osd_base, .15); } + } + + .active-page { + &, GtkLabel { color: $osd_fg; } + } + + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss new file mode 100644 index 0000000..52eda61 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss @@ -0,0 +1,193 @@ +/*********************** + ! LightDM GTK Greeter * + ***********************/ + +@include exports("lightdm") { + #panel_window { + background-color: transparent; + background-image: none; + color: $white; + font: bold; + text-shadow: 0 1px alpha($black, .5); + icon-shadow: 0 1px alpha($black, .5); + + .menubar { + &, > .menuitem { + background-color: transparent; + background-image: none; + color: $white; + font: bold; + text-shadow: 0 1px alpha($black, .5); + icon-shadow: 0 1px alpha($black, .5); + + *:hover { color: $white; } + + &:hover { + border-style: none; + background-color: alpha($white, .2); + background-image: none; + color: $white; + } + + &:insensitive { color: alpha($white, .7); } + + .menu { + border-radius: 1px; + + .menuitem { + font: normal; + text-shadow: none; + } + } + } + } + } + + #content_frame { padding-bottom: 14px; } + + #login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: $roundness; + background-color: $lightdm_bg_color; + color: $lightdm_fg_color; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21); + + .button { + padding: 3px 15px; + border-width: 1px; + border-radius: $roundness; + border-style: solid; + border-color: shade($lightdm_bg_color, .8); + background-color: shade($lightdm_bg_color, 1.08); + background-image: none; + color: $lightdm_fg_color; + transition: all 150ms ease-out; + + &.default, &:focus, &:active:focus { + border-color: shade($selected_bg_color, .8); + background-color: shade($selected_bg_color, 1.08); + background-image: none; + color: $selected_fg_color; + + &:hover { + border-color: shade($selected_bg_color, .7); + background-color: $selected_bg_color; + } + } + } + } + + + #login_window { + .menu { border-radius: 1px; } + + GtkComboBox .button { + &, &:hover, &:active, &:active:hover, + &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { + padding: 0; + background: none; + border-style: none; + box-shadow: none; + } + } + + .entry { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-color: shade($lightdm_bg_color, .8); + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + color: $lightdm_fg_color; + box-shadow: none; + transition: all 150ms ease-out; + + &:focus, &:hover { + border-color: shade($lightdm_bg_color, .7); + + box-shadow: inset 1px 0 alpha($dark_shadow, .1), + inset 0 1px alpha($dark_shadow, .12), + inset -1px 0 alpha($dark_shadow, .1), + inset 0 -1px alpha($dark_shadow, .05); + } + } + } + + #user_combobox { + color: $lightdm_fg_color; + font: 18px; + + .menu { font: normal; } + + .arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); } + } + + #user_image { + padding: 3px; + border-radius: $roundness; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 shade($lightdm_bg_color, .7), + inset -1px 0 shade($lightdm_bg_color, .7), + inset 0 1px shade($lightdm_bg_color, .7), + inset 0 -1px shade($lightdm_bg_color, .7); + } + + #user_image_border { + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + box-shadow: inset 1px 0 alpha($dark_shadow, .07), + inset 0 1px alpha($dark_shadow, .08), + inset -1px 0 alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + #buttonbox_frame { + padding-top: 10px; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + background-color: transparent; + background-image: none; + box-shadow: none; + } + + + + /* shutdown button */ + #shutdown_button { + border-color: shade($error_bg_color, .8); + background-color: shade($error_bg_color, 1.08); + background-image: none; + color: $error_fg_color; + + &:hover, &:active, &:active:hover { + border-color: shade($error_bg_color, .7); + background-color: $error_bg_color; + } + } + + /* restart button */ + #restart_button { + border-color: shade($warning_bg_color, .8); + background-color: shade($warning_bg_color, 1.08); + background-image: none; + color: $warning_fg_color; + + &:hover, &:active, &:active:hover { + border-color: shade($warning_bg_color, .7); + background-color: $warning_bg_color; + } + } + + /* password warning */ + #greeter_infobar { font: bold; } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss new file mode 100644 index 0000000..a7a3e1f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss @@ -0,0 +1,82 @@ +@import "panel"; + +/**************** + ! MATE styles * +*****************/ + +@include exports("mate-applications") { + .mate-panel-menu-bar { + @extend %panel; + + border: 0; + padding: 0; + text-shadow: none; + } + + MatePanelApplet .label, + PanelMenuBar.menubar > .menuitem { + color: $panel_fg_color; + } + + PanelSeparator, MatePanelAppletFrameDBus { + border-width: 0; + color: transparent; + background-image: -gtk-scaled(url("../assets/pane-handle.png"), + url("../assets/pane-handle@2.png")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; + } + + MatePanelApplet .button, + MatePanelApplet .button.flat, + MatePanelApplet .button.toggle + MatePanelApplet .button.flat.toggle { + background-image: none; + background-color: transparent; + border-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 1px; + color: $panel_fg_color; + text-shadow: none; + box-shadow: none; + padding: 2px; + } + + MatePanelApplet .button:hover:active, + MatePanelApplet .button:checked, + MatePanelApplet .button:checked:hover, + MatePanelApplet .button.flat:hover:active, + MatePanelApplet .button.flat:checked, + MatePanelApplet .button.flat:checked:hover, + MatePanelApplet .button.toggle:hover:active, + MatePanelApplet .button.toggle:checked, + MatePanelApplet .button.toggle:checked:hover, + MatePanelApplet .button.flat.toggle:hover:active, + MatePanelApplet .button.flat.toggle:checked, + MatePanelApplet .button.flat.toggle:checked:hover { + background-image: none; + background-color: darker($panel_bg_color); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: lighter($panel_fg_color); + text-shadow: none; + padding: 2px; + } + + MatePanelApplet .button:hover, + MatePanelApplet .button.flat:hover, + MatePanelApplet .button.toggle:hover, + MatePanelApplet .button.flat.toggle:hover { + background-image: none; + background-color: shade($panel_bg_color, 1.3); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: $selected_fg_color; + text-shadow: none; + padding: 2px; + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss new file mode 100644 index 0000000..e81a128 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss @@ -0,0 +1,72 @@ +/************ + ! Nautilus * +*************/ + +@include exports("nautilus") { + .nautilus-desktop.nautilus-canvas-item { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + + NautilusWindow { + .toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($toolbar_bg_color); + } + + .sidebar .frame { border: 0; } + + GtkPaned { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + } + + NautilusNotebook { + &.notebook { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; + } + + .frame { border: 0; } + } + + NautilusQueryEditor { + .toolbar { + padding-top: $spacing - 1px; + padding-bottom: $spacing - 2px; + border-width: 1px 0 0; + border-style: solid; + border-color: $toolbar_bg_color; + background-color: shade($toolbar_bg_color, .9); + + &:nth-child(2) { border-color: border_normal($toolbar_bg_color); } + + &.search-bar { + border-top-width: 0; + border-bottom-width: 0; + } + + &, &.search-bar { + &:last-child, &:only-child { + border-bottom-width: 1px; + border-bottom-color: border_normal($toolbar_bg_color); + } + } + + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss new file mode 100644 index 0000000..d0aec8d --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss @@ -0,0 +1,36 @@ +/******** + ! Nemo * +*********/ + +@include exports("nemo") { + .nemo-desktop.nemo-canvas-item { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + + NemoPathbarButton { + @include button($toolbar_bg_color, $toolbar_fg_color); + + -NemoPathbarButton-border-radius: $roundness; + } + + NemoPlacesTreeView { + -NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8); + -NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color; + -NemoPlacesTreeView-disk-full-bar-width: 1px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 2px; + -NemoPlacesTreeView-disk-full-max-length: 70px; + + &:selected { + -NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color; + -NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2); + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss new file mode 100644 index 0000000..56a8774 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss @@ -0,0 +1,80 @@ +/*********************** + ! Fallback mode panel * +************************/ + +@include exports("panel") { + %panel { + @include linear-gradient($panel_bg_color); + + color: $panel_fg_color; + } + + %panelbutton { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: $panel_fg_color; + + &:hover, &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11)); + + border-color: mix($panel_bg_color, $panel_fg_color, .11); + color: shade($panel_fg_color, 1.08); + } + + &:active, &:checked { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .21); + color: shade($panel_fg_color, 1.08); + + &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .31); + } + } + } + + PanelWidget, PanelApplet, PanelToplevel { + @extend %panel; + + padding: 0; + } + + PanelApplet { + border: 0; + + .button { + @extend %panelbutton; + + -GtkButton-inner-border: 2; + } + } + + PanelSeparator { + @extend %panel; + + border: 0; + } + + PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar { + &.menuitem { + @extend %panel; + + border: 0; + + -PanelMenuBar-icon-visible: true; + } + } + + PanelAppletFrame { + @extend %panel; + + border: 0; + } + + WnckPager, WnckTasklist { @extend %panel; } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss new file mode 100644 index 0000000..c19b78e --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss @@ -0,0 +1,15 @@ +/************ + ! Synaptic * +*************/ + +@include exports("synaptic") { + GtkWindow > GtkVBox > .dock { + &, > GtkHBox > GtkToolbar { + @include linear-gradient($toolbar-bg-color); + + padding: $spacing; + border: 0; + color: $toolbar_fg_color; + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss new file mode 100644 index 0000000..f0c7da7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss @@ -0,0 +1,119 @@ +/*********************** + ! Unity Greeter * + ***********************/ + +@include exports("unity-greeter") { + + + .lightdm.menu { + background-image: none; + background-color: fade-out($black, .4); + border-color: fade-out($white, .8); + border-radius: 4px; + padding: 1px; + + color: $white; + } + + .lightdm-combo .menu { + background-color: shade($dark_bg_color, 1.08); + border-radius: 0; + padding: 0; + color: $white; + } + + .lightdm.menu .menuitem *, + .lightdm.menu .menuitem.check:active, + .lightdm.menu .menuitem.radio:active { + color: $white; + } + + .lightdm.menubar *, + .lightdm.menubar .menuitem { + padding: 2px; + } + + .lightdm-combo.combobox-entry .button, + .lightdm-combo .cell, + .lightdm-combo .button, + .lightdm-combo .entry, + + .lightdm.button{ + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .1); + border-radius: 5px; + padding: 5px; + color: $white; + } + .lightdm.button:hover { + background-image: none; + background-color: fade-out($white, .7); + border-color: fade-out($white, .4); + border-radius: 5px; + padding: 5px; + color: $white; + text-shadow: none; + } + .lightdm.button:active, + .lightdm.button:active:focus, + .lightdm.button:focus, + + .lightdm.entry { + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .4); + border-radius: 5px; + padding: 6px; + color: $white; + text-shadow: none; + } + .lightdm.entry:hover, + .lightdm.entry:active, + .lightdm.entry:active:focus { + background-image: none; + border-image: none; + } + .lightdm.entry:focus { + border-color: fade-out($white, .4); + border-width: 1px; + border-style: solid; + color: $white; + } + .lightdm.entry:selected { + background-color: fade-out($white, .8); + } + + @keyframes dashentry_spinner { + to { -gtk-icon-transform: rotate(1turn); } + } + + .lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; + } + + .lightdm.option-button { + background: none; + border-width: 0; + } + + .lightdm.option-button:insensitive:insensitive { + background: none; + } + + .lightdm.toggle-button { + background: none; + border-width: 0; + } + .lightdm.toggle-button.selected:hover { + background-color: fade-out($white, .7); + border-color: fade-out($white, .7); + border-width: 1px; + } + .lightdm.toggle-button.selected { + background-color: fade-out($black, .7); + border-color: fade-out($white, .7); + border-width: 1px; + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss new file mode 100644 index 0000000..6bc77a9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss @@ -0,0 +1,74 @@ +@import "panel"; + +/**************** + ! Unity styles * +*****************/ + +@include exports("unity") { + UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5); + -UnityDecoration-inactive-shadow-radius: 5px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; + + + &.top { + border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + border-bottom: 0; + border-radius: 2px 2px 0 0; + padding: 1px 8px 0 8px; + background-color: $titlebar_bg_color; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + text-shadow: none; + + &:backdrop { + border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12); + border-bottom: 0; + background-color: $titlebar_bg_color; + color: mix($titlebar_fg_color, $titlebar_bg_color, .4); + } + } + + &.left, &.right, &.bottom { + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + + &:backdrop { + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12); + } + } + } + + UnityPanelWidget, .unity-panel { + @extend %panel; + + border: 0; + } + + .unity-panel { + &.menuitem, .menuitem { + border-width: 0 1px; + color: $panel_fg_color; + + &:hover, *:hover { + border-color: mix($panel_bg_color, $panel_fg_color, .21); + background-color: mix($panel_bg_color, $panel_fg_color, .21); + background-image: none; + color: shade($panel_fg_color, 1.08); + } + } + } + + SheetStyleDialog.unity-force-quit { background-color: $bg_color; } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss new file mode 100644 index 0000000..dc38a86 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss @@ -0,0 +1,26 @@ +@import "panel"; + +/*************** + ! Xfce styles * +****************/ + +@include exports("xfce") { + XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: $base_color; + color: $text_color; + } + + .xfce4-panel { + @extend %panel; + + font: normal; + + .button { @extend %panelbutton; } + + .menu { -gtk-image-effect: none; } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/gtk.scss b/Redcore-nighttime/gtk-3.0/scss/gtk.scss new file mode 100644 index 0000000..4455669 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/gtk.scss @@ -0,0 +1,3 @@ +$variant: "light"; + +@import "widgets"; diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss new file mode 100644 index 0000000..749f549 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss @@ -0,0 +1,106 @@ +@import "button"; +@import "toolbar"; + +/************** + ! Action-bar * +***************/ + +@include exports("actionbar") { + .action-bar { + @include linear-gradient($bg_color); + + padding: $spacing; + border-width: 1px 0 0; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + + .button { + &.text-button { padding: $spacing - 1px; } + + &.image-button { padding: $spacing + 1px; } + } + + .title { + font: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font: smaller; + padding: 0 ($spacing * 2); + } + } +} + + +/*************** + ! Search bars * +****************/ + +@include exports("searchbar") { + .search-bar { + @include linear-gradient(shade($bg_color, .98)); + + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + + .button.close-button { padding: $spacing; } + } +} + + +/****************** + ! Action buttons * +*******************/ + +@include exports("actionbuttons") { + $types: ( + suggested: $success_color, + destructive: $error-color + ); + + @each $type, $color in $types { + .#{$type}-action.button { + @include button($color, $selected_fg_color); + } + } +} + + +/****************** +* selection mode * +******************/ + +@include exports("selectionmode") { + .selection-mode { + &.header-bar, &.toolbar { + @include toolbar($selected_bg_color, $selected_fg_color); + + .button { + @include button($selected_bg_color, $selected_fg_color); + + &.suggested-action { @extend .suggested-action.button; } + } + + .selection-menu.button { + border: 0; + background-color: transparent; + background-image: none; + color: shade($selected_bg_color, $contrast); + + &:hover { color: shade($selected_bg_color, ($contrast - .1)); } + + &:active { color: shade($selected_bg_color, ($contrast - .05)); } + } + + .dim-label, { + &, .selection-menu.button & { color: shade($selected_bg_color, ($contrast - .1)); } + } + } + + &.toolbar { padding: $spacing; } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss new file mode 100644 index 0000000..730bbec --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss @@ -0,0 +1,104 @@ +/************** + ! GTK settings +***************/ + +* { + -GtkArrow-arrow-scaling: .5; + -GtkExpander-expander-size: 8; + -GtkStatusbar-shadow-type: none; + -GtkToolItemGroup-expander-size: 8; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + -GtkWidget-cursor-color: $primary_caret_color; + -GtkWidget-secondary-cursor-color: $secondary_caret_color; + -GtkWidget-cursor-aspect-ratio: $caret_aspect_ratio; + + outline-color: alpha($selected_bg_color, .5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + outline-radius: $roundness; +} + + +/************* + ! Base states + *************/ + +%selected { + &, &:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +* { + /* hyperlinks */ + -GtkHTML-link-color: $link_color; + -GtkIMHtml-hyperlink-color: $link_color; + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_color; + + &:selected { @extend %selected; } + + &:insensitive, + &:insensitive:insensitive { color: mix($fg_color, $bg_color, .5); } + + &:insensitive { -gtk-image-effect: dim; } + + &:hover { -gtk-image-effect: highlight; } + + &:link, &:visited { color: $link_color; } +} + +.background { + background-color: $bg_color; + color: $fg_color; + + &:backdrop { + text-shadow: none; + icon-shadow: none; + } + + &.csd { background-color: $bg_color; } +} + +.gtkstyle-fallback { + background-color: alpha($bg_color, .5); + color: $fg_color; + + &:hover { + background-color: shade($bg_color, 1.1); + color: $fg_color; + } + + &:active { + background-color: shade($bg_color, .9); + color: $fg_color; + } + + &:insensitive { + background-color: shade(shade($bg_color, .95), 1.05); + color: mix($fg_color, $bg_color, .5); + } + + &:selected { @extend %selected; } +} + +GtkImage, GtkLabel, GtkBox, GtkGrid { + &, &:insensitive { background-color: transparent; } +} + +GtkLabel { + &.separator { + @extend .dim-label; + + color: $fg_color; + } + + &:selected { @extend %selected; } + + &:insensitive { color: mix($fg_color, $bg_color, .5); } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss new file mode 100644 index 0000000..6d26c9f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss @@ -0,0 +1,376 @@ +/********* + ! Buttons +**********/ + +@include exports("button_extends") { + %button { + padding: $spacing ($spacing + 2px); + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: 150ms ease; + outline-color: transparent; + + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + &:focus, &:hover, &:active { transition: none; } + } + + %linked_middle { + border-radius: 0; + border-left-style: none; + border-right-style: solid; + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_middle:dir(rtl) + border-right-style: none; + border-left-style: solid; + } + } + + %linked_button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-left-style: none; + border-right-style: solid; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + &:dir(rtl) { + border-left-style: solid; + border-right-style: none; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + border-style: solid; + border-radius: $roundness; + } + } +} + +@mixin linked_button($bg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + @extend %linked_button; + + box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &:focus, &:hover { + box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { + box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)), + inset 0 1px alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + &:insensitive { box-shadow: inset -1px 0 shade($bg, .8); } + + &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } + + &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } + + &:insensitive:last-child, &:insensitive:only-child, + &:active:insensitive:last-child, &:active:insensitive:only-child, + &:checked:insensitive:last-child, &:checked:insensitive:only-child { box-shadow: none; } + + &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, + &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { + box-shadow: inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } + + &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, + &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } +} + +@mixin button($bg, $fg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + /*$button_bg: if(hue($bg) == 0deg, shade($bg, 1.2), $bg);*/ + $button_bg: $bg; + + @extend %button; + @include linear-gradient($button_bg); + @include border(rgba(0, 0, 0, .12 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &.flat { + border-color: alpha($button_bg, 0); + background-color: alpha($button_bg, 0); + background-image: none; + box-shadow: none; + } + + &, &.flat { + &:focus, &:hover { + @include linear-gradient(shade($button_bg, 1.2)); + @include border(rgba(0, 0, 0, .2 + $border_strength)); + + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:checked { + @include linear-gradient(shade($button_bg, .7), to top); + + color: $selected_fg_color; + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06), + inset 0 -1px alpha($dark_shadow, .05); + + &:focus, &:hover { + @include linear-gradient(shade($button_bg, .65), to top); + + color: $selected_fg_color; + } + } + + &:focus, &:hover { color: $fg; } + + &:active:insensitive, &:checked:insensitive { + @include linear-gradient(shade($button_bg, .9)); + + color: $fg; + box-shadow: none; + } + + &:insensitive:insensitive { + @if (lightness($button_bg) > 50) { + @include linear-gradient(shade($button_bg, .95)); + } @else { + @include linear-gradient(alpha($button_bg, .3)); + } + + color: mix($button_bg, $fg, .5); + box-shadow: none; + } + } + + // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/572 + // Webkitgtk workaround start + &:active { color: $fg; } + // Webkitgtk workaround end + + &.flat { + &:insensitive:insensitive { + background-color: transparent; + background-image: none; + color: mix($bg, $fg, .5); + box-shadow: none; + } + } + + &.separator, .separator { + border: 1px solid currentColor; + color: shade($button_bg, ($contrast + .1)); + + &:insensitive { color: shade($button_bg, .85); } + } +} + +@include exports("button") { + * { + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + -GtkButton-default-border: 0; + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 1; + -GtkButton-interior-focus: true; + -GtkButtonBox-child-min-height: 24; + -GtkButtonBox-child-internal-pad-y: 1; + -GtkToolButton-icon-spacing: 6; + } + + %close_button { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + + &:focus, &:hover { + border: 1px solid alpha($black, .3); + background-color: alpha($white, .2); + background-image: none; + box-shadow: none; + } + + &:active, &:checked, &:active:hover, &:checked:hover { + border: 1px solid alpha($black, .3); + background-color: alpha($black, .1); + background-image: none; + box-shadow: none; + } + } + + .button { + @include button($button_bg_color, $button_fg_color); + + &.default { @include button($selected_bg_color, $selected_fg_color); } + + &.linked, .linked & { @include linked_button($button_bg_color); } + + .spinbutton & { + color: mix($text_color, $base_color, .4); + padding: $spacing ($spacing * 2); + border: 0; + border-radius: 0; + border-style: none; + background-color: transparent; + background-image: none; + box-shadow: inset 1px 0 shade($base_color, .9); + + &:insensitive { + color: mix($text_color, $base_color, .7); + box-shadow: inset 1px 0 shade($base_color, .85); + } + + &:active, &:checked, &:hover { color: $text_color; } + + &:first-child { + border-radius: $roundness 0 0 $roundness; + box-shadow: none; + } + + &:last-child { border-radius: 0 $roundness $roundness 0; } + + &:dir(rtl) { box-shadow: inset -1px 0 shade($base_color, .9); } + } + + .spinbutton.vertical & { + border: 1px solid shade($bg_color, .8); + border-radius: $roundness; + background-color: shade($bg_color, 1.08); + background-image: none; + color: $fg_color; + box-shadow: none; + + &:hover { + border-color: shade($bg_color, .7); + background-color: shade($bg_color, 1.1); + background-image: none; + } + + &:active, &:checked { + border-color: shade($bg_color, .8); + background-color: shade($bg_color, .95); + background-image: none; + } + + &:active:hover, &:checked:hover { + border-color: shade($bg_color, .7); + } + + &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { border-color: shade($bg_color, .7); } + + &:insensitive { + border-color: shade($bg_color, .85); + background-color: shade($bg_color, .9); + background-image: none; + } + + &:first-child { + border-width: 1px; + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &:last-child { + border-width: 1px; + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + + .spinbutton.vertical.entry { + border-width: 1px; + border-style: solid; + border-radius: 0; + } + } +} + + +/****************** +! ComboBoxes * +*******************/ + +@include exports("combobox") { + GtkComboBox { + > .button { + padding: ($spacing - 2px) ($spacing + 1px); + + -GtkComboBox-arrow-scaling: .5; + -GtkComboBox-shadow-type: none; + } + + &.combobox-entry { + .entry, .button { @extend %linked_button; } + } + + .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + + border-style: none; + } + } + + .linked > GtkComboBox { + > .button { + // the combo is a composite widget so the way we do button linked doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr) { @extend %linked_middle; } // specificity bump + &:dir(rtl) { @extend %linked_middle:dir(rtl); } + } + + &:first-child > .button { @extend %linked_button:first-child; } + + &:last-child > .button { @extend %linked_button:last-child; } + + &:only-child > .button { @extend %linked_button:only-child; } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss new file mode 100644 index 0000000..5c7ca32 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss @@ -0,0 +1,38 @@ +/********** + ! Calendar +***********/ + +@include exports("calendar") { + GtkCalendar { + padding: 1px 3px; + outline-offset: -1px; + + &:inconsistent { color: mix($fg_color, $bg_color, .5); } + + &.view, &.highlight, &.header, &.button { + &, &:focus, &:hover, &:insensitive { + background-color: transparent; + background-image: none; + border-width: 0; + border-radius: 0; + } + } + + &.button { + &, &:focus, &:hover, &:insensitive { + color: $white; + border-width: 0; + box-shadow: none; + } + } + + &.highlight { color: $selected_bg_color; } + } + + /* gnome-calendar */ + .calendar-view { + background-color: $base_color; + color: $text_color; + } +} + diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss new file mode 100644 index 0000000..ecd50dd --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss @@ -0,0 +1,125 @@ +/*************** + ! Color chooser +****************/ + +@include exports("colorchooser") { + GtkColorSwatch { + &, &:selected { + border: 1px solid alpha($black, .1); + border-radius: $roundness; + background-color: transparent; + background-clip: border-box; + + &:hover { border-color: alpha($black, .3); } + } + + &.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; } + + &.left, &:first-child { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right, &:last-child { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &:only-child { border-radius: $roundness; } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + GtkColorEditor & { + border-radius: $roundness; + + &.color-dark:hover, &.color-light:hover { + background-image: none; + border-color: alpha($black, .3); + } + } + } + + GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border-color: alpha($black, .1); + background-color: shade($bg_color, .95); + color: $fg_color; + + &:hover { + border-color: alpha($black, .3); + background-color: shade($bg_color, .9); + color: $fg_color; + } + } + + .color-active-badge { + &, &:selected { + border-width: 2px; + border-style: solid; + background-color: transparent; + } + + &.color-light { + &, &:hover { + border-color: alpha($black, .3); + color: alpha($black, .3); + } + } + + &.color-dark { + &, &:hover { + border-color: alpha($white, .3); + color: alpha($white, .3); + } + } + } + + GtkColorButton.button { padding: $spacing; } +} + + +/*********************** +! Font and file choosers +************************/ + +@include exports("miscchoosers") { + GtkFontButton, GtkFileChooserButton { + .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + } + + GtkLabel:last-child { color: alpha(currentColor, .7); } + + GtkImage:last-child { color: alpha(currentColor, .7); } + } + + GtkFileChooser { + .pane-separator { + &, &:hover { + border-width: 0 1px 0 0; + border-style: solid; + border-color: currentColor; + background-color: $bg_color; + color: shade($bg_color, ($contrast + .1)); + } + } + + /* for fallback when header bar not used */ + .dialog-action-box { + border-width: 1px 0 0; + border-style: solid; + border-color: shade($bg_color, .7); + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss new file mode 100644 index 0000000..e8d7562 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss @@ -0,0 +1,84 @@ +/********* + ! Entry * +**********/ + +%linked_entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + &:only-child { + border-width: 1px; + border-radius: $roundness; + } +} + +%entry { + padding: ($spacing - 1px) $spacing; + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: border 150ms ease; + box-shadow: inset 1px 1px alpha($dark_shadow, .06), + inset -1px 0 alpha($dark_shadow, .06); + + &:focus, &:hover, &:active { transition: none; } + + &:selected, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:insensitive { box-shadow: none; } + + &.progressbar { + @include linear-gradient($selected_bg_color); + + border-width: 0; + border-radius: $roundness; + color: $selected_fg_color; + } + + &.image.left { padding-right: $spacing; } +} + +@mixin entry($bg, $fg) { + @extend %entry; + @include linear-gradient($bg, to top); + @include border($bg); + + color: $fg; + + &:focus, &:active { border-color: $selected_bg_color; } + + &:insensitive { + @include linear-gradient(shade($bg, .9), to top); + + color: mix($bg, $fg, .5); + } +} + +@include exports("entry") { + .entry { + @include entry($base_color, $text_color); + + &.linked, .linked & { @extend %linked_entry; } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss new file mode 100644 index 0000000..e4b9e8f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss @@ -0,0 +1,48 @@ +/****************** + ! Grid and flowbox +*******************/ + +@include exports("grid") { + .list { + background-color: shade($bg_color, .97); + color: $fg_color; + + &-row { + &, &.button { + border: 0; + border-radius: 0; + padding: $spacing; + background-image: none; + background-color: alpha($bg_color, 0); + box-shadow: none; + + &:hover { + background-image: none; + background-color: shade($bg_color, 1.02); + } + + &:selected { + &, &:hover, &:focus { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + } + } + + .grid-child { + &, GtkFlowBox & { + padding: $spacing; + border-radius: $roundness; + + &:selected { + @extend %selected; + + outline-offset: -2px; + } + } + } +} + diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss new file mode 100644 index 0000000..6f5865b --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss @@ -0,0 +1,38 @@ +@import "button"; + + +/********* + ! Infobar +**********/ + +@include exports("infobar") { + GtkInfoBar { + border: 0; + } + + $types: ( + info: ($info_fg_color, $info_bg_color), + warning: ($warning_fg_color, $warning_bg_color), + question: ($question_fg_color, $question_bg_color), + error: ($error_fg_color, $error_bg_color), + ); + + + @each $type, $colors in $types { + $fg_color: nth($colors, 1); + $bg_color: nth($colors, 2); + + .#{$type} { + @include linear-gradient($bg_color); + + border: 1px solid shade($bg_color, .8); + color: $fg_color; + + .button { + @include button($bg_color, $fg_color); + + &.close { @extend %close_button; } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss new file mode 100644 index 0000000..aa1ccfd --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss @@ -0,0 +1,267 @@ +@import "entry"; + + +/********* + ! Menubar +**********/ + +@include exports("menubar") { + .menubar { + -GtkWidget-window-dragging: true; + + border: 0; + background-color: $menubar_bg_color; + background-image: none; + color: $menubar_fg_color; + + + &.menuitem, .menuitem { + padding: $spacing ($spacing * 2); + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: $menubar_fg_color; + + &:hover { + border-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-image: none; + color: shade($menubar_fg_color, 1.08); + } + + *:hover { color: shade($menubar_fg_color, 1.08); } + } + } +} + + +/****** + ! Menu +*******/ + +@include exports("menu") { + * { + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + } + + GtkTreeMenu, GtkMenuToolButton, GtkComboBox { + &.menu, .menu { + background-color: $menu_bg_color; + margin: $spacing; + } + } + + #toolbar-popup, .menu { + padding: 0; + border-radius: 0; + border: 0; + background-color: $menu_bg_color; + color: $menu_fg_color; + + &:selected { background-color: $selected_bg_color; } + + .button { + &, &:hover, &:active, &:active *:insensitive, &:insensitive { + border-width: 0; + background-color: transparent; + background-image: none; + } + } + } + + .context-menu { font: initial; } + + .menuitem { + GtkTreeMenu & { + padding: 0; + border-width: 0; + } + + &, .menu & { + margin: $spacing; + padding: $spacing; + border: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + + -GtkMenuItem-arrow-scaling: .5; + + &:active, &:hover { + border: 0; + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + + *:active, *:hover { color: $selected_fg_color; } + + &:insensitive, *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); } + } + + &.check, &.radio { + &, &:focus, &:hover, &:insensitive { background-image: none; } + + &, &:focus, &:hover, &:active, &:insensitive { + border-style: none; + background-color: transparent; + } + } + + &.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + + border-style: none; + color: shade($menu_bg_color, ($contrast + .1)); + } + + &.button, &.button.flat { + &, &:focus, &:active, &:insensitive, &:active:insensitive { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; + } + + &:hover, &:focus:hover, &:active:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + GtkCalendar { + &:inconsistent { color: mix($menu_fg_color, $menu_bg_color, .5); } + + .button { + border-style: none; + background-color: transparent; + background-image: none; + } + } + + .accelerator { + color: alpha($menu_fg_color, .6); + + &:hover { color: alpha($selected_fg_color, .8); } + + &:insensitive { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); } + } + + .entry { @include entry($menu_bg_color, $menu_fg_color); } + } + + GtkModelMenuItem GtkBox GtkImage { padding-right: $spacing; } +} + + +/********* + ! Popover +**********/ + +@include exports("popover") { + GtkPopover { + @include border($menu_bg_color); + + margin: 10px; + padding: $spacing; + border-radius: $roundness; + border-width: 1px; + border-style: solid; + background-clip: border-box; + background-color: $menu_bg_color; + background-image: none; + color: $menu_fg_color; + box-shadow: 0 3px 6px alpha($black, .16); + + &.background { + background-image: none; + background-color: $menu_bg_color; + color: $menu_fg_color; + } + + &:backdrop { box-shadow: none; } + + &.osd { + box-shadow: 0 2px 7px 3px alpha($black, .5); + + > .toolbar .button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; + } + } + + .view, .list { + background-color: shade($menu_bg_color, ($contrast + .5)); + background-image: none; + color: $menu_fg_color; + + &:hover { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + .list-row { + &, &.button { + background-color: transparent; + background-image: none; + color: $menu_fg_color; + + &:focus, &:hover, &:active { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .frame { + border-color: border_normal($menu_bg_color); + border-radius: $roundness; + } + + .entry { @include entry($base_color, $text_color); } + + .button { @include button($header_button_bg_color, $header_button_fg_color); } + + > .list, > .view, > .toolbar { background-color: transparent; } + + .separator { + border: 0; + background-color: transparent; + color: shade($menu_bg_color, ($contrast + .1)); + font-size: 80%; + font-weight: bold; + } + } + + GtkModelButton.button { + &, &:backdrop { + @include button(transparent, currentColor); + + &:focus:hover, &.flat:checked:hover, &:active:hover, &:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + box-shadow: none; + } + + &.flat { + &:checked { + box-shadow: none; + } + + &, &:hover { + transition: none; + } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss new file mode 100644 index 0000000..015632d --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss @@ -0,0 +1,227 @@ +/*************** +! Dimmed label * +****************/ + +@include exports("dimlabel") { + .dim-label { + opacity: .5; + text-shadow: none; + } +} + + +/*********** + ! Tooltip * +************/ + +@include exports("tooltip") { + .tooltip { + &.background { + @include linear-gradient($tooltip_bg_color); + + border: 0; + border-radius: $roundness; + color: $tooltip_fg_color; + } + + * { + background-color: transparent; + color: inherit; + } + } +} + + +/*********** + ! Dialogs * +************/ + +@include exports("dialogs") { + GtkMessageDialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: $spacing; + -GtkDialog-action-area-border: $spacing; + -GtkDialog-button-spacing: $spacing; + + margin: 0; + padding: 0; + } +} + + +/********************* + ! App notifications * +**********************/ + +@include exports("notifications") { + .app-notification { + &, &.frame { + border-style: solid; + border-color: border_normal($osd_bg); + border-width: 0 1px 1px; + border-radius: 0 0 $roundness $roundness; + padding: $spacing * 2; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + .button { @include button($osd_bg, $osd_fg); } + } + } +} + + +/************* + ! Expanders * +**************/ + +@include exports("expander") { + GtkExpander { + padding: $spacing; + outline-offset: 1px; + } + + .expander { + color: alpha(currentColor, .7); + border: alpha(currentColor, .7); + + &:hover { + color: alpha(currentColor, .8); + border-color: alpha(currentColor, .8); + } + + &:active { + color: alpha(currentColor, .9); + border-color: alpha(currentColor, .9); + } + } +} + + +/******************* + ! Symbolic images * +********************/ + +@include exports("symbolicimage") { + .image { + color: alpha(currentColor, .5); + + &:hover { color: alpha(currentColor, .9); } + + &:selected, &:selected:hover { color: $selected_fg_color; } + } +} + + +/**************** + ! Floating bar * +*****************/ + +@include exports("floatingbar") { + .floating-bar { + @include linear-gradient($bg_color); + + border: 1px solid border_normal($bg_color); + border-radius: $roundness; + color: $fg_color; + + &.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + &.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + border: 0; + background-color: transparent; + background-image: none; + } + } +} + + +/************************* + ! Touch text selections * +**************************/ + +@include exports("touchbubble") { + GtkBubbleWindow { + border-radius: $roundness; + background-clip: border-box; + + &.osd.background { background-color: $osd_bg; } + + .toolbar { background-color: transparent; } + } +} + +/*************** + ! Font-viewer * +****************/ + +@include exports("fontviewer") { + SushiFontWidget { + padding: $spacing ($spacing * 2); + } +} + + +/************* + ! Gucharmap * +**************/ + +@include exports("charmap") { + GucharmapChartable { + background-color: $base_color; + color: $text_color; + + &:focus, &:hover, &:active, &:selected { @extend %selected; } + } +} + + +/************* + ! Evolution * +**************/ + +@include exports("evolution") { + EPreviewPane .entry { + background-color: $base_color; + color: $text_color; + } +} + + +/******************* + ! Gnome Bluetooth * +********************/ + +@include exports("gnome-bluetooth") { + GtkEntry.entry.pin-entry { + font: regular 50; + padding-left: 25px; + padding-right: 25px; + } + + GtkLabel.pin-label { font: regular 50; } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss new file mode 100644 index 0000000..962d8c3 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss @@ -0,0 +1,139 @@ +@import "button"; + + +/********** + ! Notebook +***********/ + +@include exports("notebook") { + .notebook { + padding: 0; + border-style: solid; + border-color: border_normal($bg_color); + border-radius: 0; + @include linear-gradient($bg_color); + background-clip: border-box; + color: $text_color; + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + + &.frame { + &.top { border-width: 0 1px 1px; } + + &.right { border-width: 1px 0 1px 1px; } + + &.bottom { border-width: 1px 1px 0; } + + &.left { border-width: 1px 1px 1px 0; } + } + + &.header { + border-width: 2px; + background-color: transparent; + } + + GtkViewport { + border-width: 0; + background-color: $base_color; + color: $text_color; + } + + tab { + padding: ($spacing + 1px) ($spacing * 2); + border-style: solid; + border-color: border_normal(shade($bg_color, 0.80)); + background-color: shade($bg_color, 0.80); + background-image: none; + + &:active { + background-color: $bg_color; + background-image: none; + } + + &.top { + border-width: 2px 1px 1px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + &:active { + border-top-width: 3px; + border-top-color: $selected_bg_color; + border-bottom-width: 0; + } + } + + &.right { + border-width: 1px 2px 1px 1px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + + &:active { + border-right-width: 3px; + border-right-color: $selected_bg_color; + border-left-width: 0; + } + } + + + &.bottom { + border-width: 1px 1px 2px; + border-top-right-radius: 0; + border-top-left-radius: 0; + + &:active { + border-bottom-width: 3px; + border-bottom-color: $selected_bg_color; + border-top-width: 0; + } + } + + &.left { + border-width: 1px 1px 1px 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:active { + border-left-width: 3px; + border-left-color: $selected_bg_color; + border-right-width: 0; + } + } + + GtkLabel { color: mix($text_color, $base_color, .3); } + + &.reorderable-page { + &:hover { + background-color: shade($base_color, .85); + border-left: 0; + border-right: 0; + /* using box shadows instead of borders due to slanted edges */ + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .7), inset -1px 0 shade($base_color, .7); + } + + &:active { + background-color: shade($base_color, .9); + border-left: 0; + border-right: 0; + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .75), inset -1px 0 shade($base_color, .75); + } + } + + /* close button styling */ + .button { @extend %close_button; } + + } + + .prelight-page { + &, GtkLabel { color: mix($text_color, $base_color, .15); } + } + + .active-page { + &, GtkLabel { color: $text_color; } + } + + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss new file mode 100644 index 0000000..dcb4e74 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss @@ -0,0 +1,132 @@ +@import "button"; + + +/******* + ! OSD * +********/ + +@include exports("osd") { + GtkOverlay.osd { background-color: transparent; } + + .osd, + #XfceNotifyWindow { + &.background { + background-color: alpha($osd_bg, .8); + color: $osd_fg; + } + + &.frame { + background-clip: border-box; + background-origin: border-box; + } + + &.button, .button { @include button($osd_bg, $osd_fg); } + + + &.toolbar { + -GtkToolbar-button-relief: normal; + + padding: $spacing; + border: 1px solid border_normal($osd_bg); + border-radius: $roundness; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + .separator { color: shade($osd_bg, ($contrast + .1)); } + } + + /* used by gnome-settings-daemon's media-keys OSD */ + &.trough { background-color: shade($osd_bg, .8); } + + &.progressbar { background-color: $osd_fg; } + + .scale { + &.slider { + @include linear-gradient(shade($osd_bg, 1.08)); + @include border($osd_bg); + + &:insensitive { @include linear-gradient(shade($osd_bg, .9)); } + } + + &.trough { + border-color: shade($osd_bg, .8); + background-color: shade($osd_bg, 1.08); + background-image: none; + + &.highlight { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + background-image: none; + } + + &:insensitive, &.highlight:insensitive { + border-color: shade($osd_bg, .85); + background-color: shade($osd_bg, .9); + background-image: none; + } + } + } + + &.view, .view { background-color: $osd_bg; } + + .scrollbar { + .trough { background-color: $osd_bg; } + + .slider { + border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: 0; + background-color: mix($osd_bg, $osd_fg, .21); + + &:hover { + border-color: mix(shade($osd_bg, .87), $osd_fg, .31); + background-color: mix($osd_bg, $osd_fg, .31); + } + + &:active { + border-color: shade($selected_bg_color, .9); + background-color: $selected_bg_color; + } + } + } + + GtkIconView.cell { + &:selected, &:selected:focus { + background-color: transparent; + border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: $roundness; + outline-color: transparent; + } + } + + /* used by Documents */ + .page-thumbnail { + border: 1px solid shade($osd_bg, .9); + /* when there's no pixbuf yet */ + background-color: $osd_bg; + } + } + + .osd GtkProgressBar, GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 2px; + -GtkProgressBar-min-horizontal-bar-height: 2px; + + padding: 0; + + &.trough { + padding: 0; + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; + } + + &.progressbar { + border-style: none; + border-radius: 0; + background-color: $selected_bg_color; + background-image: none; + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss new file mode 100644 index 0000000..9950eb1 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss @@ -0,0 +1,119 @@ +@mixin overshoot($position, $type: normal, $color: $selected_bg_color) { + $_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 $position == bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } @else if $position == right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } @else if $position == left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $color; + $_big_gradient_color: $color; + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .5, + to(alpha($_small_gradient_color, .35)), + to(alpha($_small_gradient_color, .25))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .6, + from(alpha($_big_gradient_color, .2)), + to(alpha($_big_gradient_color, 0))); + + @if $type == normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } @else if $type == 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: 0; + box-shadow: none; +} + +@mixin undershoot($position) { + $_undershoot_color_dark: alpha($black, .2); + $_undershoot_color_light: alpha($white, .2); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $position; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($position == left) or ($position == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $position center; + } + + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + + padding-#{$position}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; +} + +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This 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); } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss new file mode 100644 index 0000000..8a1ef11 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss @@ -0,0 +1,182 @@ +/***************** + ! Progress bars * +******************/ + +@include exports("progressbar") { + GtkProgressBar { + padding: 0; + border-radius: $roundness; + font-size: smaller; + color: alpha($fg_color, .6); + + -GtkProgressBar-min-horizontal-bar-height: 6; + -GtkProgressBar-min-vertical-bar-width: 6; + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; + } + + &.trough { + border: 1px solid alpha(border_normal($bg_color), .5); + background-color: shade($bg_color, 1.08); + background-image: none; + } + } + + .progressbar { + @include linear-gradient($selected_bg_color); + + border-radius: 0; + box-shadow: none; + + &.left { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.left.right { box-shadow: none; } + + &.vertical { + @include linear-gradient($selected_bg_color, to right); + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + } + } + + GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; + + &.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; + } + } + + .level-bar { + &.trough { + @include linear-gradient(shade($bg_color, 1.08), to top); + + border: 1px solid alpha(border_normal($bg_color), .5); + border-radius: $roundness; + } + + &.fill-block { + @include linear-gradient($selected_bg_color); + + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border-color: transparent; + border-radius: 0; + + &.indicator-discrete { + &.horizontal { margin-right: 1px; } + + &.vertical { margin-bottom: 1px; } + } + + &.level-high { + background-color: $success_color; + border-color: transparent; + } + + &.level-low { + background-color: $warning_color; + border-color: transparent; + } + + &.empty-fill-block { + background-color: transparent; + border-color: transparent; + box-shadow: none; + } + } + } + + .scale { + -GtkRange-slider-width: 16; + -GtkRange-trough-border: 1; + -GtkScale-slider-length: 16; + + padding: 0; + border-width: 1px; + border-radius: $roundness; + outline-offset: -1px; + + + &.slider { + @include linear-gradient(shade($bg_color, 1.08)); + @include border($bg_color); + + border-radius: 8px; + border-width: 1px; + border-style: solid; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3); + + &:insensitive { @include linear-gradient(shade($bg_color, .9)); } + } + + &.fine-tune { + &, &.horizontal { + &:active, &:active:hover { + background-size: 50%; + background-repeat: no-repeat; + background-position: center; + } + } + } + + &.mark { border-color: alpha(border_normal($bg_color), .5); } + + + &.trough { + @include linear-gradient(shade($bg_color, 1.08)); + + margin: 7px 0; + border: 1px solid alpha(border_normal($bg_color), .5); + border-radius: $roundness; + + &:insensitive { @include linear-gradient(shade($bg_color, .9)); } + + &.vertical { margin: 0 7px; } + } + + &.highlight.left { + &, .memuitem & { + @include linear-gradient($selected_bg_color); + border-color: $selected_bg_color; + + &:hover { + border-color: border_normal($selected_bg_color); + background-color: shade($selected_bg_color, .8); + } + + &:insensitive { + @include linear-gradient(shade($bg_color, .9)); + border-color: shade($bg_color, .85); + } + } + } + + &.highlight.bottom { + @include linear-gradient($selected_bg_color); + border-color: $selected_bg_color; + } + + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss new file mode 100644 index 0000000..2d1af41 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss @@ -0,0 +1,86 @@ +/*********** + ! Scrollbar +************/ + +@include exports("scrollbar") { + * { + -GtkRange-slider-width: 8; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 2; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 80; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + } + + .scrollbar { + border: 0; + padding: 0; + + &.button { + &, &:active, &:active:hover { + border-width: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + color: alpha($fg_color, .5); + } + } + + &.slider, &.slider.vertical { + border: 0; + border-radius: $roundness; + background-color: mix($bg_color, $fg_color, 0.21); + + &:hover { background-color: mix($bg_color, $fg_color, .31); } + + &:active { background-color: $selected_bg_color; } + + &.fine-tune:hover:active { border: 2px solid transparent; } + } + + // overlay scrolling indicator + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + opacity: .5; + + -GtkRange-slider-width: 4px; + + .slider { + margin: 0; + background-color: $fg_color; + background-clip: padding-box; + } + + .trough { + border-style: none; + background-color: transparent; + } + } + + &.dragging, &.hovering { opacity: .7; } + } + } + + .scrollbars-junction, + .scrollbars-junction.frame, + .scrollbar.trough { + border: 0; + border-radius: 0; + background-color: $bg_color; + background-image: none; + } + + // ubuntu overlay scrollbars + OsThumb, OsScrollbar { + color: shade($bg_color, .7); + + &:selected { background-color: $selected_bg_color; } + + &:active { background-color: $selected_bg_color; } + + &:insensitive { background-color: shade($bg_color, .9); } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss new file mode 100644 index 0000000..7ec5727 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss @@ -0,0 +1,114 @@ +/********* + ! Sidebar +**********/ + +@include exports("sidebar") { + .sidebar { + &, &.view, .view, GtkScrolledWindow { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + &.separator { + &, &:hover, &:focus { + border-width: 1px; + border-style: solid; + border-color: shade($bg_color, .9); + color: shade($bg_color, .9); + } + } + } + + row, .view row { + &:selected { + &, &:hover, &:focus { + border: 0; + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:hover { + border: 0; + background-image: none; + background-color: shade($selected_bg_color, 1.05); + color: $selected_fg_color; + } + } + + &:hover { + border: 0; + background-image: none; + background-color: shade($bg_color, 1.05); + } + } + + .frame { border-width: 0; } + + .sidebar-row { + padding: 1px; + } + + .sidebar-icon { + padding-left: $spacing * 2; + padding-right: $spacing * 2; + } + + GtkAssistant & { + padding: $spacing; + border-width: 0 1px 0 0; + border-style: solid; + border-right-color: border_normal($bg_color); + border-radius: 0; + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + &:dir(ltr) { border-width: 0 1px 0 0; } + + &:dir(rtl) { border-width: 0 0 0 1px; } + + .label { + padding: $spacing ($spacing * 2); + + &.highlight { background-color: mix($bg_color, $fg_color, .8); } + } + + &.csd .sidebar { border-top-style: none; } + + .highlight { font: bold; } + } + } +} + + +/****** +! Paned +*******/ + +@include exports("paned") { + GtkPaned { + -GtkPaned-handle-size: 1; + -gtk-icon-source: none; + margin: 0 $spacing; + + &:dir(rtl) { + margin-right: 0; + margin-left: $spacing; + } + + .pane-separator { background-color: shade($bg_color, .9); } + + &.wide { + -GtkPaned-handle-size: 4; + margin: 0; + + .pane-separator { + background-color: transparent; + border-style: none solid; + border-color: shade($bg_color, .9); + border-width: 1px; + } + + &.vertical .pane-separator { border-style: solid none; } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss new file mode 100644 index 0000000..9c753f7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss @@ -0,0 +1,24 @@ +/******************* + ! Spinner animation +********************/ + +@include exports("spinner") { + @keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } + } + + .spinner { + background-image: none; + background-color: $selected_bg_color; + opacity: 0; // non spinning spinner makes no sense + + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + + &:active { + opacity: 1; + animation: spin 1s linear infinite; + + &:insensitive { opacity: .5; } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss new file mode 100644 index 0000000..b85fef2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss @@ -0,0 +1,128 @@ +/*********************** + ! Check and Radio items +************************/ + +$suffix: if($variant == "dark", "-dark", ""); + +@mixin toggle($type) { + background-image: none; + + -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.svg"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.svg"); } + + &:checked, &:active { + -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.svg"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.svg"); } + } + + &:inconsistent { + -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.svg"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.svg"); } + } + + &.menuitem { + -gtk-icon-source: url("../assets/menuitem-#{$type}-unchecked.svg"); + + &:insensitive { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); + } + + &:checked, &:active { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.svg"); } + + &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); } + } + + &:inconsistent { + -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.svg"); } + + &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.svg"); } + } + } +} + +@include exports("checkradio") { + * { + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + } + + .radio { @include toggle("radio"); } + + .check { @include toggle("checkbox"); } + + //selection-mode + @each $s,$as in ('', '-unchecked'), + (':hover', '-unchecked'), + (':active', '-checked'), + (':backdrop', '-unchecked'), + (':checked', '-checked'), + (':checked:hover', '-checked'), + (':checked:active', '-checked'), + (':backdrop:checked', '-checked') { + .view.content-view.check#{$s}:not(list) { + icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.svg"); + background-color: transparent; + } + } +} + + +/******** + ! Switch +*********/ + +@include exports("switch") { + GtkSwitch { + padding: 0; + border-radius: $roundness; + font: bold condensed; + outline-offset: -4px; + + &.slider { + @include linear-gradient(shade($bg_color, 1.2)); + + border: 1px solid rgba(0, 0, 0, .2); + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12); + + &:insensitive { + border-color: rgba(0, 0, 0, .1); + background-color: shade($bg_color, .9); + box-shadow: none; + } + } + + &.trough { + @include linear-gradient(shade($bg_color, .95), to top); + + border: 1px solid border_normal($bg_color); + color: $fg_color; + box-shadow: inset 1px 0 alpha($dark_shadow, .07), + inset 0 1px alpha($dark_shadow, .08), + inset -1px 0 alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + + &:active { + @include linear-gradient($selected_bg_color, to top); + + border-color: shade($selected_bg_color, .9); + color: $selected_fg_color; + } + + &:insensitive { + @include linear-gradient(shade($bg_color, .9), to top); + + border-color: border_insensitive($bg_color); + color: mix($fg_color, $bg_color, .5); + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss new file mode 100644 index 0000000..362ade4 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss @@ -0,0 +1,132 @@ +@import "button"; + + +/********* + ! Toolbar +**********/ + +@mixin toolbar($bg, $fg) { + @include linear-gradient($bg); + @include border($bg); + + padding: $spacing * 2; + color: $fg; + + &:insensitive { + @include linear-gradient(shade($bg, .9)); + + color: mix($fg, $bg, .5); + } + + .title { + font: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font: smaller; + padding: 0 ($spacing * 2); + } + + .button { @include button($header_button_bg_color, $header_button_fg_color); } + + .button.linked, .linked .button { @include linked_button($header_button_bg_color); } + + GtkComboBox, .button { + padding: $spacing - 1px; + + &.text-button { padding: $spacing; } + + &.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; } + } + + GtkSeparatorToolItem, .separator, .separator:insensitive { + color: shade($bg, ($contrast + .1)); + border-color: currentColor; + + -GtkWidget-window-dragging: true; + } + + .menubar { -GtkToolbar-button-relief: normal; } +} + +@include exports("toolbar") { + .toolbar { + @include toolbar($bg_color, $fg_color); + + padding: 2px; + border-style: none; + + &.inline-toolbar { + background-image: none; + background-color: transparent; + } + GtkToolButton:insensitive GtkButton:insensitive, + GtkToolButton:insensitive GtkButton:insensitive.button, + GtkToolButton:insensitive GtkButton:insensitive.flat.button { + background-color: $bg_color; + } + } + + .header-bar { + @include toolbar($titlebar_bg_color, $titlebar_fg_color); + + border-width: 0 0 1px; + border-style: solid; + .button { + color: $header_button_fg_color; + } + } + + .titlebar { + @include linear-gradient($titlebar_bg_color); + + border-radius: $roundness $roundness 0 0; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + + &:backdrop { + @include linear-gradient($titlebar_bg_color); + + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + text-shadow: none; + } + + &.default-decoration { + border: 0; + box-shadow: none; + } + + .tiled &, .maximized & { border-radius: 0; } + + .title { font: bold; } + + .titlebutton { + padding: $spacing; + border: 0; + background-image: none; + background-color: transparent; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + box-shadow: none; + + &:hover, &:hover:focus { + background-image: none; + background-color: transparent; + color: $selected_bg_color; + box-shadow: none; + } + + &:active, &:active:hover { + background-image: none; + background-color: transparent; + color: shade($selected_bg_color, .9); + box-shadow: none; + } + + &:backdrop { + background: none; + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + icon-shadow: none; + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss new file mode 100644 index 0000000..bfa33dc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss @@ -0,0 +1,233 @@ +/*************** + ! Generic views +****************/ + +@include exports("view") { + * { -GtkTextView-error-underline-color: $error_color; } + + .view { + color: $text_color; + background-color: $base_color; + + &:insensitive, &:insensitive:insensitive { + background-color: shade($base_color, .9); + color: mix($text_color, $base_color, .5); + } + + &:selected, &:selected:focus { @extend %selected; } + } + + .cell { + border-width: 0; + border-radius: 0; + + &:selected, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + row { + &:selected { + &, &:hover, &:focus { + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + border: 0; + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + } + } + + .content-view { + &.view { + background-color: $base_color; + + &:hover { background-color: alpha($selected_bg_color, .6); } + + &:selected, &:active { background-color: $selected_bg_color; } + + &:insensitive { background-color: shade($base_color, .9); } + + &.check { + &, &:active, &:hover, &:insensitive, &:selected { background-color: transparent; } + } + } + + .subtitle { + font: smaller; + padding: 0 12px; + } + } + + GtkIconView { + &.content-view.check { @extend .content-view.check; } + + &.view.cell { + &:selected, &:selected:focus { + border: 0; + border-radius: 2px; + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .dim-label { + &, &.view { color: alpha(currentColor, .5); } + } + + .dnd { border: 1px solid $selected_bg_color; } + + .grip { background-color: transparent; } + + .arrow { color: alpha(currentColor, .7); } + + .rubberband { + &, &.view, &.content-view.view { + border: 1px solid $selected_bg_color; + border-radius: 0; + background-color: alpha($selected_bg_color, .3); + } + } + + GdMainIconView.content-view { -GdMainIconView-icon-size: 40; } + + /* this will get overridden by .view, needed by gedit line numbers */ + GtkTextView { background-color: mix($bg_color, $base_color, .5); } + + GtkHTML { + @extend .view; + + &:insensitive { background-color: shade($base_color, .9); } + } + + GtkDrawingArea { background-color: transparent; } +} + +/************ + ! Treeview * +*************/ + +@include exports("treeview") { + GtkTreeView { + -GtkTreeView-expander-size: 8; + -GtkTreeView-vertical-separator: 0; + + outline-offset: -1px; + border-top-color: shade($menu_bg_color, ($contrast + .1)); + + &:hover, &:selected, &:selected:focus, &:backdrop:selected, &:backdrop:selected:focus { border-top-color: $selected_bg_color; } + + &.dnd { border: 1px solid $selected_bg_color; } + + .entry { + border-radius: 0; + background-color: $base_color; + background-image: none; + } + + .progressbar { + @include linear-gradient($selected_bg_color); + border: 1px solid border_normal($selected_bg_color); + + &:selected { + &:focus, & { + @include linear-gradient($selected_bg_color); + border: 1px solid border_focus($selected_bg_color); + color: $selected_fg_color; + } + } + + &:insensitive { + &:insensitive { + @include linear-gradient($bg_color); + border-color: border_insensitive($bg_color); + } + } + } + + .trough { + background-color: mix($bg_color, $base_color, .5); + border: 1px solid border_normal($base_color); + + &:selected { + &:focus, & { + background-color: $base_color; + border: 1px solid border_focus($bg_color); + color: $text_color; + } + } + + &:insensitive { + &:insensitive { + background-color: $base_color; + } + } + } + } +} + + +/*********** + ! Separator +************/ + +@include exports("separator") { + .view.separator, .separator { + color: shade($bg_color, ($contrast + .1)); + border: 1px solid currentColor; + } +} + + +/********************* + ! Column view headers +**********************/ + +@include exports("columnheader") { + column-header { + .button { + &, &:active { + border-width: 0 1px 1px 0; + border-radius: 0; + } + + &, &:active, &:focus, &:active:focus { + border-color: shade($base_color, .9); + border-bottom-color: shade($base_color, .8); + background-color: shade($base_color, .97); + background-image: none; + } + + &:hover, &:active:hover, &:hover:focus, &:active:hover:focus { + border-color: shade($base_color, .9); + border-bottom-color: shade($base_color, .8); + background-color: shade($base_color, .99); + background-image: none; + } + + &:last-child .button { border-width: 0 0 1px; } + } + } +} + + +/********** + ! Frames * +***********/ + +@include exports("frame") { + .frame { + border: 1px solid border_normal($bg_color); + + &.flat { border: 0; } + } + + /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ + GtkScrolledWindow GtkViewport.frame { border: 0; } +} + diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss new file mode 100644 index 0000000..7742fbb --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss @@ -0,0 +1,60 @@ +/************** + ! Window frame +***************/ + +@include exports("window") { + %window { + box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22), + 0 0 0 1px $wm_border_focused; + + &:backdrop { + box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23), + 0 0 0 1px $wm_border_unfocused; + } + } + + .window-frame { + @extend %window; + + border: 0; + border-radius: $roundness $roundness 0 0; + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + /* this is used for the resize cursor area */ + margin: $spacing * 3; + + &.tiled { border-radius: 0; } + + &.solid-csd { + border-radius: $roundness $roundness 0 0; + margin: 1px; + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + box-shadow: none; + } + + &.csd { + &.popup { + @extend %window; + + border-radius: 0; + } + + &.tooltip { + border-radius: $roundness; + box-shadow: none; + } + + &.message-dialog { + @extend %window; + + border-radius: $roundness; + } + } + + &.ssd { + // Fixed gtk-3.18 Unity bug (https://github.com/numixproject/numix-gtk-theme/issues/270) + box-shadow: 0 0 0 1px $wm_border_focused; + + &.maximized { border-radius: 0; } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/settings.ini b/Redcore-nighttime/gtk-3.0/settings.ini deleted file mode 100644 index 9aa01e5..0000000 --- a/Redcore-nighttime/gtk-3.0/settings.ini +++ /dev/null @@ -1,3 +0,0 @@ -[Settings] -gtk-auto-mnemonics = 1 -gtk-visible-focus = automatic diff --git a/Redcore-nighttime/gtk-3.20/assets/all-assets.svg b/Redcore-nighttime/gtk-3.20/assets/all-assets.svg new file mode 100644 index 0000000..6b2b9d7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/all-assets.svg @@ -0,0 +1,4456 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/all-assets.txt b/Redcore-nighttime/gtk-3.20/assets/all-assets.txt new file mode 100644 index 0000000..6e738e3 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/all-assets.txt @@ -0,0 +1,38 @@ +checkbox-checked-dark +checkbox-checked-insensitive-dark +checkbox-checked-insensitive +checkbox-checked +checkbox-mixed-dark +checkbox-mixed-insensitive-dark +checkbox-mixed-insensitive +checkbox-mixed +checkbox-unchecked-dark +checkbox-unchecked-insensitive-dark +checkbox-unchecked-insensitive +checkbox-unchecked +grid-selection-checked-dark +grid-selection-checked +grid-selection-unchecked-dark +grid-selection-unchecked +menuitem-checkbox-checked-hover +menuitem-checkbox-checked-insensitive +menuitem-checkbox-checked +menuitem-checkbox-mixed-hover +menuitem-checkbox-mixed-insensitive +menuitem-checkbox-mixed +menuitem-radio-checked-hover +menuitem-radio-checked-insensitive +menuitem-radio-checked +pane-handle +radio-checked-dark +radio-checked-insensitive-dark +radio-checked-insensitive +radio-checked +radio-mixed-dark +radio-mixed-insensitive-dark +radio-mixed-insensitive +radio-mixed +radio-unchecked-dark +radio-unchecked-insensitive-dark +radio-unchecked-insensitive +radio-unchecked diff --git a/Redcore-nighttime/gtk-3.20/assets/change_dpi.sh b/Redcore-nighttime/gtk-3.20/assets/change_dpi.sh new file mode 100755 index 0000000..058dcc4 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/change_dpi.sh @@ -0,0 +1,4 @@ +#!/usr/bin/env bash +for f in $@; do + rsvg-convert -d 300 -p 300 -f svg $f -o $f.bak ; mv $f.bak $f +done diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-checked-dark.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-checked-dark.svg new file mode 100644 index 0000000..8f2e3ad --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-checked-dark.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-checked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-checked-insensitive-dark.svg new file mode 100644 index 0000000..3c4c191 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-checked-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-checked-insensitive.svg new file mode 100644 index 0000000..3c4c191 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-checked.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-checked.svg new file mode 100644 index 0000000..251fb98 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-dark.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-dark.svg new file mode 100644 index 0000000..0fd30cc --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-insensitive-dark.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-insensitive-dark.svg new file mode 100644 index 0000000..493aea2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..493aea2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed.svg new file mode 100644 index 0000000..0fd30cc --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-dark.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-dark.svg new file mode 100644 index 0000000..eeb6b00 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..4f4e3c0 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-insensitive.svg new file mode 100644 index 0000000..4f4e3c0 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked.svg b/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked.svg new file mode 100644 index 0000000..eeb6b00 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/checkbox-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/grid-selection-checked-dark.svg b/Redcore-nighttime/gtk-3.20/assets/grid-selection-checked-dark.svg new file mode 100644 index 0000000..a910cda --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/grid-selection-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/grid-selection-checked.svg b/Redcore-nighttime/gtk-3.20/assets/grid-selection-checked.svg new file mode 100644 index 0000000..a910cda --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/grid-selection-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/grid-selection-unchecked-dark.svg b/Redcore-nighttime/gtk-3.20/assets/grid-selection-unchecked-dark.svg new file mode 100644 index 0000000..79ff2d1 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/grid-selection-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/grid-selection-unchecked.svg b/Redcore-nighttime/gtk-3.20/assets/grid-selection-unchecked.svg new file mode 100644 index 0000000..79ff2d1 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/grid-selection-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked-hover.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked-hover.svg new file mode 100644 index 0000000..fa036a7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked-insensitive.svg new file mode 100644 index 0000000..5888d2d --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked.svg new file mode 100644 index 0000000..1eb9d50 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-hover.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-hover.svg new file mode 100644 index 0000000..1433adc --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..6b4ad0b --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-selected.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-selected.svg new file mode 100644 index 0000000..2e9a29b --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed.svg new file mode 100644 index 0000000..1433adc --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-unchecked.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-unchecked.svg new file mode 100644 index 0000000..711b8d2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-checkbox-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked-hover.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked-hover.svg new file mode 100644 index 0000000..f2c307e --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked-insensitive.svg new file mode 100644 index 0000000..422d9fa --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked.svg new file mode 100644 index 0000000..c9ba592 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-hover.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-hover.svg new file mode 100644 index 0000000..968c157 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-insensitive.svg new file mode 100644 index 0000000..627a68a --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-selected.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-selected.svg new file mode 100644 index 0000000..8a80d2e --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed.svg new file mode 100644 index 0000000..968c157 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-unchecked.svg b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-unchecked.svg new file mode 100644 index 0000000..ab5588a --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/menuitem-radio-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/pane-handle-vertical.svg b/Redcore-nighttime/gtk-3.20/assets/pane-handle-vertical.svg new file mode 100644 index 0000000..1779d49 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/pane-handle-vertical.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/pane-handle.png b/Redcore-nighttime/gtk-3.20/assets/pane-handle.png new file mode 100644 index 0000000..e67a9dc Binary files /dev/null and b/Redcore-nighttime/gtk-3.20/assets/pane-handle.png differ diff --git a/Redcore-nighttime/gtk-3.20/assets/pane-handle.svg b/Redcore-nighttime/gtk-3.20/assets/pane-handle.svg new file mode 100644 index 0000000..8275c7f --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/pane-handle.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/pane-handle@2.png b/Redcore-nighttime/gtk-3.20/assets/pane-handle@2.png new file mode 100644 index 0000000..8a2cd07 Binary files /dev/null and b/Redcore-nighttime/gtk-3.20/assets/pane-handle@2.png differ diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-checked-dark.svg b/Redcore-nighttime/gtk-3.20/assets/radio-checked-dark.svg new file mode 100644 index 0000000..efeac4f --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-checked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.20/assets/radio-checked-insensitive-dark.svg new file mode 100644 index 0000000..b80e4aa --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-checked-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/radio-checked-insensitive.svg new file mode 100644 index 0000000..b80e4aa --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-checked.svg b/Redcore-nighttime/gtk-3.20/assets/radio-checked.svg new file mode 100644 index 0000000..efeac4f --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-mixed-dark.svg b/Redcore-nighttime/gtk-3.20/assets/radio-mixed-dark.svg new file mode 100644 index 0000000..d0dceaa --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-mixed-insensitive-dark.svg b/Redcore-nighttime/gtk-3.20/assets/radio-mixed-insensitive-dark.svg new file mode 100644 index 0000000..1c92c93 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/radio-mixed-insensitive.svg new file mode 100644 index 0000000..1c92c93 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-mixed.svg b/Redcore-nighttime/gtk-3.20/assets/radio-mixed.svg new file mode 100644 index 0000000..d0dceaa --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-selected-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/radio-selected-insensitive.svg new file mode 100644 index 0000000..b80e4aa --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-selected-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-selected.svg b/Redcore-nighttime/gtk-3.20/assets/radio-selected.svg new file mode 100644 index 0000000..efeac4f --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-selected.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-unchecked-dark.svg b/Redcore-nighttime/gtk-3.20/assets/radio-unchecked-dark.svg new file mode 100644 index 0000000..7bfcda9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-unchecked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.20/assets/radio-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..0f27397 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-unchecked-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/radio-unchecked-insensitive.svg new file mode 100644 index 0000000..0f27397 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-unchecked.svg b/Redcore-nighttime/gtk-3.20/assets/radio-unchecked.svg new file mode 100644 index 0000000..7bfcda9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-unselected-dark.svg b/Redcore-nighttime/gtk-3.20/assets/radio-unselected-dark.svg new file mode 100644 index 0000000..214ed94 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-unselected-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-unselected-insensitive-dark.svg b/Redcore-nighttime/gtk-3.20/assets/radio-unselected-insensitive-dark.svg new file mode 100644 index 0000000..0fdfaf4 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-unselected-insensitive-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-unselected-insensitive.svg b/Redcore-nighttime/gtk-3.20/assets/radio-unselected-insensitive.svg new file mode 100644 index 0000000..0f27397 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-unselected-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/radio-unselected.svg b/Redcore-nighttime/gtk-3.20/assets/radio-unselected.svg new file mode 100644 index 0000000..7bfcda9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/radio-unselected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.20/assets/sed.sh b/Redcore-nighttime/gtk-3.20/assets/sed.sh new file mode 100755 index 0000000..98bcfc5 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/sed.sh @@ -0,0 +1,9 @@ +#!/bin/sh +sed -i \ + -e 's/#2d2d2d/rgb(0%,0%,0%)/g' \ + -e 's/#dedede/rgb(100%,100%,100%)/g' \ + -e 's/#2d2d2d/rgb(50%,0%,0%)/g' \ + -e 's/#990000/rgb(0%,50%,0%)/g' \ + -e 's/#2d2d2d/rgb(50%,0%,50%)/g' \ + -e 's/#dedede/rgb(0%,0%,50%)/g' \ + $@ diff --git a/Redcore-nighttime/gtk-3.20/assets/unsed.sh b/Redcore-nighttime/gtk-3.20/assets/unsed.sh new file mode 100755 index 0000000..4e4ba2a --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/assets/unsed.sh @@ -0,0 +1,11 @@ +#!/bin/sh +sed -i \ + -e 's/rgb(0%,0%,0%)/#2d2d2d/g' \ + -e 's/rgb(100%,100%,100%)/#dedede/g' \ + -e 's/rgb(50%,0%,0%)/#2d2d2d/g' \ + -e 's/rgb(0%,50%,0%)/#990000/g' \ + -e 's/rgb(0%,50.196078%,0%)/#990000/g' \ + -e 's/rgb(50%,0%,50%)/#2d2d2d/g' \ + -e 's/rgb(50.196078%,0%,50.196078%)/#2d2d2d/g' \ + -e 's/rgb(0%,0%,50%)/#dedede/g' \ + $@ diff --git a/Redcore-nighttime/gtk-3.20/dist/gtk-dark.css b/Redcore-nighttime/gtk-3.20/dist/gtk-dark.css new file mode 100644 index 0000000..ba6ca38 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/dist/gtk-dark.css @@ -0,0 +1,7778 @@ +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +/* dark color scheme */ +@define-color dark_bg_color #2d2d2d; +@define-color dark_fg_color #dedede; +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color #2d2d2d; +@define-color theme_fg_color #dedede; +@define-color theme_base_color #2d2d2d; +@define-color theme_text_color #dedede; +@define-color theme_selected_bg_color #990000; +@define-color theme_selected_fg_color #dedede; +@define-color theme_tooltip_bg_color #2d2d2d; +@define-color theme_tooltip_fg_color #dedede; +/* shadow effects */ +@define-color light_shadow #2e2e2e; +@define-color dark_shadow #2c2c2c; +/* misc colors used by gtk+ */ +@define-color info_fg_color #fff; +@define-color info_bg_color #03a9f4; +@define-color warning_fg_color #fff; +@define-color warning_bg_color #ef6c00; +@define-color question_fg_color #fff; +@define-color question_bg_color #673ab7; +@define-color error_fg_color #fff; +@define-color error_bg_color #f44336; +@define-color link_color #3f51b5; +@define-color success_color #4caf50; +@define-color warning_color #ef6c00; +@define-color error_color #f44336; +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; +@define-color borders mix(#2d2d2d,#dedede,0.08); +@define-color unfocused_borders mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); +@define-color button_bg_color #2d2d2d; +@define-color button_fg_color #dedede; +@define-color header_button_bg_color #2d2d2d; +@define-color header_button_fg_color #dedede; +@define-color insensitive_bg_color mix(#2d2d2d,#2d2d2d,0.6); +@define-color insensitive_fg_color mix(#dedede,#2d2d2d,0.5); +/* osd */ +@define-color osd_base #2d2d2d; +@define-color osd_bg rgba(45, 45, 45, 0.8); +@define-color osd_fg #dedede; +@define-color osd_insensitive_bg_color mix(#dedede,rgba(45, 45, 45, 0.8),0.5); +@define-color osd_insensitive_fg_color mix(#dedede,#2d2d2d,0.6); +@define-color osd_borders_color rgba(38, 38, 38, 0.8); +/* lightdm greeter colors */ +@define-color lightdm_bg_color #2d2d2d; +@define-color lightdm_fg_color #dedede; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color mix(#dedede,#2d2d2d,0.5); +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #dedede; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #2d2d2d; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2d2d2d; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #990000; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #dedede; +/* insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #070707; +/* window manager colors */ +@define-color wm_bg #2d2d2d; +@define-color wm_border_focused #990000; +@define-color wm_border_unfocused #2d2d2d; +@define-color wm_title_focused mix(#dedede,#2d2d2d,0.1); +@define-color wm_title_unfocused mix(#dedede,#2d2d2d,0.4); +@define-color wm_icons_focused mix(#dedede,#2d2d2d,0.1); +@define-color wm_icons_focused_prelight #990000; +@define-color wm_icons_focused_pressed #7a0000; +@define-color wm_icons_unfocused mix(#dedede,#2d2d2d,0.4); +@define-color wm_icons_unfocused_prelight #990000; +@define-color wm_icons_unfocused_pressed #7a0000; +/************** + ! GTK settings +***************/ +* { + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + -GtkWidget-cursor-aspect-ratio: 0.04; + outline-color: rgba(153, 0, 0, 0.5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + -gtk-outline-radius: 0px; } + +/************* + ! Base states + *************/ +*:selected, .gtkstyle-fallback:selected, GucharmapChartable:focus, GucharmapChartable:hover, GucharmapChartable:active, GucharmapChartable:selected, .gedit-document-panel-document-row:selected, .gedit-document-panel-document-row:selected:hover, GeditViewFrame .gedit-search-slider .not-found:selected, :focus:selected, GucharmapChartable:focus, .gedit-document-panel-document-row:focus:selected:hover, GeditViewFrame .gedit-search-slider .not-found:focus:selected { + background-color: #990000; + color: #dedede; } + +* { + /* hyperlinks */ + -GtkIMHtml-hyperlink-color: #3f51b5; } + *:disabled, *:disabled:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + *:disabled, *:disabled { + -gtk-icon-effect: dim; } + *:hover { + -gtk-icon-effect: highlight; } + *:link, *:visited { + color: #3f51b5; } + +.background { + background-color: #2d2d2d; + color: #dedede; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + .background.csd { + background-color: #2d2d2d; } + +.gtkstyle-fallback { + background-color: rgba(45, 45, 45, 0.5); + color: #dedede; } + .gtkstyle-fallback:hover { + background-color: #323232; + color: #dedede; } + .gtkstyle-fallback:active { + background-color: #292929; + color: #dedede; } + .gtkstyle-fallback:disabled { + background-color: #2d2d2d; + color: mix(#dedede,#2d2d2d,0.5); } + +image, image:disabled, label, label:disabled, box, box:disabled, grid, grid:disabled { + background-color: transparent; } + +label.separator { + color: #dedede; } + label.separator:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } +label selection { + background-color: #990000; + color: #dedede; } +label:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + label:disabled:backdrop { + color: #070707; } +label:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } + +assistant .sidebar { + background-color: #2d2d2d; + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + assistant .sidebar:backdrop { + background-color: #2d2d2d; + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 3px 6px; } +assistant .sidebar label.highlight { + background-color: mix(#dedede,#2d2d2d,0.8); } + +/********* + ! Buttons +**********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#990000), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)); } } +stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(0, 0, 0, 0.85882)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + +button, headerbar button, .titlebar:not(headerbar) button, toolbar button, toolbar.inline-toolbar button, .suggested-action, headerbar.selection-mode button.suggested-action, +.titlebar:not(headerbar).selection-mode button.suggested-action, .destructive-action, headerbar.selection-mode button, +.titlebar:not(headerbar).selection-mode button, infobar.info button, infobar.warning button, infobar.question button, infobar.error button, popover.background button, frame.app-notification button, button.osd, +#XfceNotifyWindow button, .osd button, .osd spinbutton:not(.vertical) button, +#XfceNotifyWindow spinbutton:not(.vertical) button, .osd spinbutton.vertical button:first-child, +#XfceNotifyWindow spinbutton.vertical button:first-child, .nemo-window toolbar button, .nemo-window .sidebar + separator + box .primary-toolbar button.flat, #login_window button, #shutdown_button button, #restart_button button { + min-height: 20px; + min-width: 20px; + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-radius: 0px; + transition: 150ms ease; + outline-color: transparent; } + +calendar.view, calendar.view:backdrop, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, menu menuitem calendar.button, +.menu menuitem calendar.button, +.context-menu menuitem calendar.button, menu menuitem calendar.button:hover, +.menu menuitem calendar.button:hover, +.context-menu menuitem calendar.button:hover, modelbutton.flat, +menuitem.button.flat, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +spinbutton:not(.vertical) button, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat { + border-radius: 0; + border-left-style: none; + border-right-style: solid; } + spinbutton:not(.vertical) button:dir(rtl), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), toolbar.inline-toolbar toolbutton > button.flat:dir(rtl) { + border-radius: 0; + border-right-style: none; + border-left-style: solid; } + +.linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; } + .linked.vertical > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; } + +.inline-toolbar button, .linked > button, combobox box button, combobox box entry, headerbar .linked > button, .titlebar:not(headerbar) .linked > button, toolbar .linked > button, headerbar.selection-mode .linked > button, +.titlebar:not(headerbar).selection-mode .linked > button, popover.background .linked > button, .nemo-window toolbar .linked > button, .nemo-window toolbar toolitem stack widget button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; } + .inline-toolbar button:first-child, .linked > button:first-child, combobox box button:first-child, combobox box entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked > button:first-child, .titlebar:not(headerbar) .linked > button:first-child, toolbar .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, popover.background .linked > button:first-child, .nemo-window toolbar toolitem stack widget button:first-child { + border-width: 1px; + border-radius: 0px; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .inline-toolbar button:first-child:dir(rtl), .linked > button:first-child:dir(rtl), combobox box button:first-child:dir(rtl), combobox box entry:first-child:dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:dir(rtl), headerbar .linked > button:first-child:dir(rtl), .titlebar:not(headerbar) .linked > button:first-child:dir(rtl), toolbar .linked > button:first-child:dir(rtl), toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(rtl), popover.background .linked > button:first-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:first-child:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + .inline-toolbar button:last-child, .linked > button:last-child, combobox box button:last-child, combobox box entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, toolbar .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, popover.background .linked > button:last-child, .nemo-window toolbar toolitem stack widget button:last-child { + border-width: 1px; + border-radius: 0px; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), combobox box button:last-child:dir(rtl), combobox box entry:last-child:dir(rtl), .linked:not(.vertical) > combobox:last-child > box > button.combo:dir(rtl), headerbar .linked > button:last-child:dir(rtl), .titlebar:not(headerbar) .linked > button:last-child:dir(rtl), toolbar .linked > button:last-child:dir(rtl), toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl), popover.background .linked > button:last-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:last-child:dir(rtl) { + border-left-style: solid; + border-right-style: none; } + .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, popover.background .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child, .inline-toolbar button:first-child:only-child, .linked > button:first-child:only-child, combobox box button:first-child:only-child, combobox box entry:first-child:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, headerbar .linked > button:first-child:only-child, .titlebar:not(headerbar) .linked > button:first-child:only-child, toolbar .linked > button:first-child:only-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat:first-child, popover.background .linked > button:first-child:only-child, .nemo-window toolbar toolitem stack widget button:first-child:only-child { + border-width: 1px; + border-style: solid; } + .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, popover.background .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child { + border-radius: 0px; } + +.linked.vertical > button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; } + .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-width: 1px; + border-radius: 0px; + border-top-style: solid; + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > button:first-child:dir(rtl), .linked.vertical > combobox:first-child > box > button.combo:dir(rtl) { + border-top-style: none; + border-bottom-style: solid; } + .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-width: 1px; + border-radius: 0px; + border-top-style: none; + border-bottom-style: solid; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > button:last-child:dir(rtl), .linked.vertical > combobox:last-child > box > button.combo:dir(rtl) { + border-top-style: solid; + border-bottom-style: none; } + .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > button:first-child:only-child, .linked.vertical > combobox:first-child > box > button.combo:only-child, .linked.vertical > combobox:only-child > box > button.combo:first-child { + border-width: 1px; + border-style: solid; } + .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 0px; } + +infobar.info button.close, infobar.warning button.close, infobar.question button.close, infobar.error button.close, notebook > header > tabs > arrow { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + infobar.info button.close:focus, infobar.warning button.close:focus, infobar.question button.close:focus, infobar.error button.close:focus, notebook > header > tabs > arrow:focus, infobar.info button.close:hover, infobar.warning button.close:hover, infobar.question button.close:hover, infobar.error button.close:hover, notebook > header > tabs > arrow:hover { + border: 1px solid rgba(45, 45, 45, 0.3); + background-color: rgba(222, 222, 222, 0.2); + background-image: none; + box-shadow: none; } + infobar.info button.close:active, infobar.warning button.close:active, infobar.question button.close:active, infobar.error button.close:active, notebook > header > tabs > arrow:active, infobar.info button.close:checked, infobar.warning button.close:checked, infobar.question button.close:checked, infobar.error button.close:checked, notebook > header > tabs > arrow:checked, infobar.info button.close:active:hover, infobar.warning button.close:active:hover, infobar.question button.close:active:hover, infobar.error button.close:active:hover, notebook > header > tabs > arrow:active:hover, infobar.info button.close:checked:hover, infobar.warning button.close:checked:hover, infobar.question button.close:checked:hover, infobar.error button.close:checked:hover, notebook > header > tabs > arrow:checked:hover { + border: 1px solid rgba(153, 0, 0, 0.3); + background-color: rgba(222, 222, 222, 0.1); + background-image: none; + box-shadow: none; } + +button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + button:focus, button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + button:active, button:active:hover, button:active:focus, button:active:hover:focus, button:checked, button:checked:hover, button:checked:focus, button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + button:active:disabled, button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + button:hover, button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + button:hover:focus, button:hover:hover, button.flat:hover:focus, button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button:hover:active, button:hover:active:hover, button:hover:active:focus, button:hover:active:hover:focus, button:hover:checked, button:hover:checked:hover, button:hover:checked:focus, button:hover:checked:hover:focus, button.flat:hover:active, button.flat:hover:active:hover, button.flat:hover:active:focus, button.flat:hover:active:hover:focus, button.flat:hover:checked, button.flat:hover:checked:hover, button.flat:hover:checked:focus, button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button:hover:disabled, button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button:hover:active:disabled, button:hover:checked:disabled, button.flat:hover:active:disabled, button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button:focus, button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + button:focus:focus, button:focus:hover, button.flat:focus:focus, button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button:focus:active, button:focus:active:hover, button:focus:active:focus, button:focus:active:hover:focus, button:focus:checked, button:focus:checked:hover, button:focus:checked:focus, button:focus:checked:hover:focus, button.flat:focus:active, button.flat:focus:active:hover, button.flat:focus:active:focus, button.flat:focus:active:hover:focus, button.flat:focus:checked, button.flat:focus:checked:hover, button.flat:focus:checked:focus, button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button:focus:disabled, button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button:focus:active:disabled, button:focus:checked:disabled, button.flat:focus:active:disabled, button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button:focus:hover, button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + button:focus:hover:focus, button:focus:hover:hover, button.flat:focus:hover:focus, button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button:focus:hover:active, button:focus:hover:active:hover, button:focus:hover:active:focus, button:focus:hover:active:hover:focus, button:focus:hover:checked, button:focus:hover:checked:hover, button:focus:hover:checked:focus, button:focus:hover:checked:hover:focus, button.flat:focus:hover:active, button.flat:focus:hover:active:hover, button.flat:focus:hover:active:focus, button.flat:focus:hover:active:hover:focus, button.flat:focus:hover:checked, button.flat:focus:hover:checked:hover, button.flat:focus:hover:checked:focus, button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button:focus:hover:disabled, button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button:focus:hover:active:disabled, button:focus:hover:checked:disabled, button.flat:focus:hover:active:disabled, button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button:checked, button:active, button.flat:checked, button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + button:checked:active, button:checked:active:hover, button:checked:active:focus, button:checked:active:hover:focus, button:checked:checked, button:checked:checked:hover, button:checked:checked:focus, button:checked:checked:hover:focus, button:active:active, button:active:active:hover, button:active:active:focus, button:active:active:hover:focus, button:active:checked, button:active:checked:hover, button:active:checked:focus, button:active:checked:hover:focus, button.flat:checked:active, button.flat:checked:active:hover, button.flat:checked:active:focus, button.flat:checked:active:hover:focus, button.flat:checked:checked, button.flat:checked:checked:hover, button.flat:checked:checked:focus, button.flat:checked:checked:hover:focus, button.flat:active:active, button.flat:active:active:hover, button.flat:active:active:focus, button.flat:active:active:hover:focus, button.flat:active:checked, button.flat:active:checked:hover, button.flat:active:checked:focus, button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + button:checked:disabled, button:active:disabled, button.flat:checked:disabled, button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + button:checked:active:disabled, button:checked:checked:disabled, button:active:active:disabled, button:active:checked:disabled, button.flat:checked:active:disabled, button.flat:checked:checked:disabled, button.flat:active:active:disabled, button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + button:focus, button:hover, button.flat:focus, button.flat:hover { + color: #dedede; } + button:disabled:disabled, button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + button:active:disabled, button:checked:disabled, button.flat:active:disabled, button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + button.separator, button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + button.separator:disabled, button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + .inline-toolbar button, .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .inline-toolbar button:focus, .inline-toolbar button:hover, .linked > button:focus, .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .inline-toolbar button:active, .inline-toolbar button:active:hover, .inline-toolbar button:active:focus, .inline-toolbar button:active:hover:focus, .inline-toolbar button:checked, .inline-toolbar button:checked:hover, .inline-toolbar button:checked:focus, .inline-toolbar button:checked:hover:focus, .linked > button:active, .linked > button:active:hover, .linked > button:active:focus, .linked > button:active:hover:focus, .linked > button:checked, .linked > button:checked:hover, .linked > button:checked:focus, .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + .inline-toolbar button:disabled, .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + .inline-toolbar button:last-child, .inline-toolbar button:only-child, .linked > button:last-child, .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .inline-toolbar button:last-child:hover, .inline-toolbar button:only-child:hover, .linked > button:last-child:hover, .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .inline-toolbar button:disabled:last-child, .inline-toolbar button:disabled:only-child, .inline-toolbar button:active:disabled:last-child, .inline-toolbar button:active:disabled:only-child, .inline-toolbar button:checked:disabled:last-child, .inline-toolbar button:checked:disabled:only-child, .linked > button:disabled:last-child, .linked > button:disabled:only-child, .linked > button:active:disabled:last-child, .linked > button:active:disabled:only-child, .linked > button:checked:disabled:last-child, .linked > button:checked:disabled:only-child { + box-shadow: none; } + .inline-toolbar button:active:last-child, .inline-toolbar button:active:last-child:focus, .inline-toolbar button:active:last-child:hover, .inline-toolbar button:active:last-child:hover:focus, .inline-toolbar button:checked:last-child, .inline-toolbar button:checked:last-child:focus, .inline-toolbar button:checked:last-child:hover, .inline-toolbar button:checked:last-child:hover:focus, .linked > button:active:last-child, .linked > button:active:last-child:focus, .linked > button:active:last-child:hover, .linked > button:active:last-child:hover:focus, .linked > button:checked:last-child, .linked > button:checked:last-child:focus, .linked > button:checked:last-child:hover, .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .inline-toolbar button:active:only-child, .inline-toolbar button:active:only-child:focus, .inline-toolbar button:active:only-child:hover, .inline-toolbar button:active:only-child:hover:focus, .inline-toolbar button:checked:only-child, .inline-toolbar button:checked:only-child:focus, .inline-toolbar button:checked:only-child:hover, .inline-toolbar button:checked:only-child:hover:focus, .linked > button:active:only-child, .linked > button:active:only-child:focus, .linked > button:active:only-child:hover, .linked > button:active:only-child:hover:focus, .linked > button:checked:only-child, .linked > button:checked:only-child:focus, .linked > button:checked:only-child:hover, .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .linked.vertical > button { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .linked.vertical > button:focus, .linked.vertical > button:hover { + box-shadow: inset 0 -1px mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .linked.vertical > button:active, .linked.vertical > button:active:hover, .linked.vertical > button:active:focus, .linked.vertical > button:active:hover:focus, .linked.vertical > button:checked, .linked.vertical > button:checked:hover, .linked.vertical > button:checked:focus, .linked.vertical > button:checked:hover:focus { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.22), inset 1px 0 rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.05); } + .linked.vertical > button:disabled { + box-shadow: inset 0 -1px #242424; } + .linked.vertical > button:last-child, .linked.vertical > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .linked.vertical > button:last-child:hover, .linked.vertical > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .linked.vertical > button:disabled:last-child, .linked.vertical > button:disabled:only-child, .linked.vertical > button:active:disabled:last-child, .linked.vertical > button:active:disabled:only-child, .linked.vertical > button:checked:disabled:last-child, .linked.vertical > button:checked:disabled:only-child { + box-shadow: none; } + .linked.vertical > button:active:last-child, .linked.vertical > button:active:last-child:focus, .linked.vertical > button:active:last-child:hover, .linked.vertical > button:active:last-child:hover:focus, .linked.vertical > button:checked:last-child, .linked.vertical > button:checked:last-child:focus, .linked.vertical > button:checked:last-child:hover, .linked.vertical > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .linked.vertical > button:active:only-child, .linked.vertical > button:active:only-child:focus, .linked.vertical > button:active:only-child:hover, .linked.vertical > button:active:only-child:hover:focus, .linked.vertical > button:checked:only-child, .linked.vertical > button:checked:only-child:focus, .linked.vertical > button:checked:only-child:hover, .linked.vertical > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + button.circular, button.nautilus-circular-button.image-button, button.circular-button { + padding: 0; + min-width: 28px; + min-height: 28px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; } + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { + padding: 0; } + +spinbutton:disabled { + opacity: .4; } +spinbutton button { + color: #dedede; } + spinbutton button:active, spinbutton button:checked, spinbutton button:hover { + background-color: #363636; + background-image: none; } + spinbutton button:disabled { + color: mix(#dedede,#2d2d2d,0.7); } + spinbutton button:backdrop { + color: mix(#2d2d2d,mix(#dedede,#2d2d2d,0.5),0.9); } + spinbutton button:backdrop:disabled { + color: rgba(7, 7, 7, 0.8); } +spinbutton:not(.vertical) { + /*@extend %entry;*/ + background-color: #2d2d2d; + background-image: none; + /*@include border($base_color);*/ + padding: 0; + border-radius: 0px; + color: #dedede; + caret-color: #dedede; + /*&:focus, &:active { border-color: border_focus($borders_color); }*/ } + spinbutton:not(.vertical):disabled { + background-color: #292929; + background-image: none; + color: mix(#2d2d2d,#dedede,0.5); } + spinbutton:not(.vertical) entry { + border-radius: 0px 0 0 0px; + border-right-width: 0; + box-shadow: none; } + spinbutton:not(.vertical) button { + border-radius: 0; + /*border-color: alpha($borders_color, .8);*/ + /*border-style: none none none solid;*/ + background-image: none; + box-shadow: none; + /* + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.08); + } + + &:hover { + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.11); + } + } + */ } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + border-color: alpha(mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9),0.8); } + spinbutton:not(.vertical) button:backdrop:disabled { + border-style: none none none solid; } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 0px 0 0 0px; } + spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 0px 0px 0; } +spinbutton.vertical button, spinbutton.vertical entry { + min-width: 0; + padding-left: 1px; + padding-right: 1px; } +spinbutton.vertical entry { + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } +spinbutton.vertical button.up { + border-style: solid solid none solid; + border-radius: 0px 0px 0 0; } +spinbutton.vertical button.down { + border-style: none solid solid solid; + border-radius: 0 0 0px 0px; } + +/****************** +! ComboBoxes * +*******************/ +combobox button.combo { + min-width: 0; + padding-left: 5px; + padding-right: 5px; } +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox box button, combobox box entry { + padding: 3px 5px; } + +/********* + ! Entry * +**********/ +.linked:not(.vertical) > entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; } + .linked:not(.vertical) > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .linked:not(.vertical) > entry:first-child:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; } + .linked:not(.vertical) > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .linked:not(.vertical) > entry:last-child:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; } + .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { + border-width: 1px; } + .linked:not(.vertical) > entry:only-child { + border-radius: 0px; } + +.linked.vertical > entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } + .linked.vertical > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > entry:first-child:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; } + .linked.vertical > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > entry:last-child:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; } + .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { + border-width: 1px; } + .linked.vertical > entry:only-child { + border-radius: 0px; } + +entry, menuitem entry, popover.background entry, .osd entry, +#XfceNotifyWindow entry, #login_window entry { + border-width: 1px; + border-style: solid; + border-radius: 0px; + border-color: #242424; + transition: border 100ms ease-out; + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.1), inset 0 1px rgba(44, 44, 44, 0.12), inset -1px 0 rgba(44, 44, 44, 0.1), inset 0 -1px rgba(44, 44, 44, 0.05); } + entry:focus, popover.background entry:focus, + #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, + #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, + #XfceNotifyWindow entry:active, #login_window entry:active { + transition: border 100ms ease-in; } + entry:selected, popover.background entry:selected, + #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, + #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { + background-color: #990000; + color: #dedede; } + entry:disabled, popover.background entry:disabled, + #XfceNotifyWindow entry:disabled, #login_window entry:disabled { + box-shadow: none; } + entry progress, popover.background entry progress, .osd entry progress, + #XfceNotifyWindow entry progress, #login_window entry progress { + background-color: #990000; + background-image: none; + border-width: 0; + border-radius: 0px; + color: #dedede; } + entry image.left, + #XfceNotifyWindow entry image.left, #login_window entry image.left { + padding-right: 3px; } + entry image.right, + #XfceNotifyWindow entry image.right, #login_window entry image.right { + padding-left: 3px; } + entry.warning, popover.background entry.warning, + #XfceNotifyWindow entry.warning, #login_window entry.warning { + color: #fff; + border-color: #bf5600; + background-color: mix(#2d2d2d,#ef6c00,0.6); } + entry.warning image, + #XfceNotifyWindow entry.warning image, #login_window entry.warning image { + color: #fff; } + entry.warning:focus, + #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { + color: #fff; + border-color: mix(#990000,#ef6c00,0.3); + background-color: #ef6c00; + box-shadow: none; } + entry.warning selection, + #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { + background-color: #fff; + color: #ef6c00; } + entry.error, popover.background entry.error, + #XfceNotifyWindow entry.error, #login_window entry.error { + color: #fff; + border-color: #e21b0c; + background-color: mix(#2d2d2d,#f44336,0.6); } + entry.error image, + #XfceNotifyWindow entry.error image, #login_window entry.error image { + color: #fff; } + entry.error:focus, + #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.error selection, + #XfceNotifyWindow entry.error selection, #login_window entry.error selection { + background-color: #fff; + color: #f44336; } + entry.search-missing, popover.background entry.search-missing, + #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { + color: #fff; + border-color: #e21b0c; + background-color: mix(#2d2d2d,#f44336,0.6); } + entry.search-missing image, + #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { + color: #fff; } + entry.search-missing:focus, + #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.search-missing selection, + #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { + background-color: #fff; + color: #f44336; } + +entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + entry:focus, entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + entry:active, entry:active:hover, entry:active:focus, entry:active:hover:focus, entry:checked, entry:checked:hover, entry:checked:focus, entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + entry:active:disabled, entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + entry:focus, entry:active { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.08),0.3); } + entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + entry:disabled:focus, entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + entry:disabled:active, entry:disabled:active:hover, entry:disabled:active:focus, entry:disabled:active:hover:focus, entry:disabled:checked, entry:disabled:checked:hover, entry:disabled:checked:focus, entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + entry:disabled:active:disabled, entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Toolbar +**********/ +toolbar { + padding: 2px; + border-style: none; } + toolbar.horizontal separator { + margin: 0 5px 1px; } + toolbar.vertical separator { + margin: 5px 1px 5px 0; } + +headerbar { + border-width: 0 0 1px; + border-style: solid; } + headerbar entry, + headerbar spinbutton, + headerbar separator, + headerbar button { + margin-top: 6px; + margin-bottom: 6px; } + headerbar switch { + margin-top: 4px; + margin-bottom: 4px; } + window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 0px; } + window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 0px; } + +headerbar, .titlebar:not(headerbar) { + background-color: #2d2d2d; + background-image: none; + border-color: #242424; + color: #dedede; + background-color: #2d2d2d; + background-image: none; + border-radius: 0px 0px 0 0; + color: mix(#dedede,#2d2d2d,0.1); + padding: 0 6px; + min-height: 42px; } + headerbar:focus, .titlebar:focus:not(headerbar), headerbar:hover, .titlebar:hover:not(headerbar) { + border-color: mix(#990000,#2d2d2d,0.3); } + headerbar:active, .titlebar:active:not(headerbar), headerbar:active:hover, .titlebar:active:hover:not(headerbar), headerbar:active:focus, .titlebar:active:focus:not(headerbar), headerbar:active:hover:focus, .titlebar:active:hover:focus:not(headerbar), headerbar:checked, .titlebar:checked:not(headerbar), headerbar:checked:hover, .titlebar:checked:hover:not(headerbar), headerbar:checked:focus, .titlebar:checked:focus:not(headerbar), headerbar:checked:hover:focus, .titlebar:checked:hover:focus:not(headerbar) { + border-color: #202020; } + headerbar:disabled, .titlebar:disabled:not(headerbar) { + border-color: #262626; } + headerbar:active:disabled, .titlebar:active:disabled:not(headerbar), headerbar:checked:disabled, .titlebar:checked:disabled:not(headerbar) { + border-color: #242424; } + headerbar:disabled, .titlebar:disabled:not(headerbar) { + background-color: #292929; + background-image: none; + color: mix(#dedede,#2d2d2d,0.5); } + headerbar .title, .titlebar:not(headerbar) .title { + font-weight: bold; + padding: 0 6px; } + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding: 0 6px; } + headerbar button, .titlebar:not(headerbar) button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar button:disabled, .titlebar:not(headerbar) button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar button.flat, .titlebar:not(headerbar) button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + color: #dedede; } + headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + headerbar .linked > button, .titlebar:not(headerbar) .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar .linked > button:focus, .titlebar:not(headerbar) .linked > button:focus, headerbar .linked > button:hover, .titlebar:not(headerbar) .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar .linked > button:active, .titlebar:not(headerbar) .linked > button:active, headerbar .linked > button:active:hover, .titlebar:not(headerbar) .linked > button:active:hover, headerbar .linked > button:active:focus, .titlebar:not(headerbar) .linked > button:active:focus, headerbar .linked > button:active:hover:focus, .titlebar:not(headerbar) .linked > button:active:hover:focus, headerbar .linked > button:checked, .titlebar:not(headerbar) .linked > button:checked, headerbar .linked > button:checked:hover, .titlebar:not(headerbar) .linked > button:checked:hover, headerbar .linked > button:checked:focus, .titlebar:not(headerbar) .linked > button:checked:focus, headerbar .linked > button:checked:hover:focus, .titlebar:not(headerbar) .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + headerbar .linked > button:disabled, .titlebar:not(headerbar) .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar .linked > button:last-child:hover, .titlebar:not(headerbar) .linked > button:last-child:hover, headerbar .linked > button:only-child:hover, .titlebar:not(headerbar) .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar .linked > button:disabled:last-child, .titlebar:not(headerbar) .linked > button:disabled:last-child, headerbar .linked > button:disabled:only-child, .titlebar:not(headerbar) .linked > button:disabled:only-child, headerbar .linked > button:active:disabled:last-child, .titlebar:not(headerbar) .linked > button:active:disabled:last-child, headerbar .linked > button:active:disabled:only-child, .titlebar:not(headerbar) .linked > button:active:disabled:only-child, headerbar .linked > button:checked:disabled:last-child, .titlebar:not(headerbar) .linked > button:checked:disabled:last-child, headerbar .linked > button:checked:disabled:only-child, .titlebar:not(headerbar) .linked > button:checked:disabled:only-child { + box-shadow: none; } + headerbar .linked > button:active:last-child, .titlebar:not(headerbar) .linked > button:active:last-child, headerbar .linked > button:active:last-child:focus, .titlebar:not(headerbar) .linked > button:active:last-child:focus, headerbar .linked > button:active:last-child:hover, .titlebar:not(headerbar) .linked > button:active:last-child:hover, headerbar .linked > button:active:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:last-child:hover:focus, headerbar .linked > button:checked:last-child, .titlebar:not(headerbar) .linked > button:checked:last-child, headerbar .linked > button:checked:last-child:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:focus, headerbar .linked > button:checked:last-child:hover, .titlebar:not(headerbar) .linked > button:checked:last-child:hover, headerbar .linked > button:checked:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + headerbar .linked > button:active:only-child, .titlebar:not(headerbar) .linked > button:active:only-child, headerbar .linked > button:active:only-child:focus, .titlebar:not(headerbar) .linked > button:active:only-child:focus, headerbar .linked > button:active:only-child:hover, .titlebar:not(headerbar) .linked > button:active:only-child:hover, headerbar .linked > button:active:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:only-child:hover:focus, headerbar .linked > button:checked:only-child, .titlebar:not(headerbar) .linked > button:checked:only-child, headerbar .linked > button:checked:only-child:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:focus, headerbar .linked > button:checked:only-child:hover, .titlebar:not(headerbar) .linked > button:checked:only-child:hover, headerbar .linked > button:checked:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + headerbar combobox, .titlebar:not(headerbar) combobox, headerbar button, .titlebar:not(headerbar) button { + padding: 3px; } + headerbar combobox.text-button, .titlebar:not(headerbar) combobox.text-button, headerbar button.text-button, .titlebar:not(headerbar) button.text-button { + padding: 3px; } + headerbar combobox.image-button, .titlebar:not(headerbar) combobox.image-button, headerbar button.image-button, .titlebar:not(headerbar) button.image-button { + padding: 3px; } + headerbar separator, .titlebar:not(headerbar) separator, headerbar separator:disabled, .titlebar:not(headerbar) separator:disabled { + color: #1b1b1b; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + headerbar:backdrop, .titlebar:backdrop:not(headerbar) { + background-color: #2d2d2d; + background-image: none; + color: mix(#dedede,#2d2d2d,0.6); + text-shadow: none; } + headerbar.default-decoration, .default-decoration.titlebar:not(headerbar) { + min-height: 24px; + box-shadow: none; + border: 0; } + headerbar.default-decoration button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0; + padding: 0; } + .tiled headerbar:backdrop, .tiled .titlebar:backdrop:not(headerbar), .tiled headerbar, .tiled .titlebar:not(headerbar), .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar), .maximized headerbar, .maximized .titlebar:not(headerbar) { + border-radius: 0; } + headerbar .title, .titlebar:not(headerbar) .title { + font-weight: bold; } + headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { + margin-left: 3px; } + headerbar button, .titlebar:not(headerbar) button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar button:disabled, .titlebar:not(headerbar) button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar button.flat, .titlebar:not(headerbar) button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + color: #dedede; } + headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + headerbar button.titlebutton + separator.titlebutton, .titlebar:not(headerbar) button.titlebutton + separator.titlebutton { + margin-left: 0; + margin-right: 3px; } + headerbar button.titlebutton, .titlebar:not(headerbar) button.titlebutton { + border: 0; + background-image: none; + background-color: transparent; + color: mix(#dedede,#2d2d2d,0.1); + box-shadow: none; } + headerbar button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:hover, headerbar button.titlebutton:hover:focus, .titlebar:not(headerbar) button.titlebutton:hover:focus { + background-image: none; + background-color: transparent; + color: #990000; + box-shadow: none; } + headerbar button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:active, headerbar button.titlebutton:active:hover, .titlebar:not(headerbar) button.titlebutton:active:hover { + background-image: none; + background-color: transparent; + color: #8a0000; + box-shadow: none; } + headerbar button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop { + background: none; + color: mix(#dedede,#2d2d2d,0.6); + -gtk-icon-shadow: none; } + +toolbar { + background-color: #2d2d2d; + background-image: none; + border-color: #242424; + color: #dedede; } + toolbar:focus, toolbar:hover { + border-color: mix(#990000,#2d2d2d,0.3); } + toolbar:active, toolbar:active:hover, toolbar:active:focus, toolbar:active:hover:focus, toolbar:checked, toolbar:checked:hover, toolbar:checked:focus, toolbar:checked:hover:focus { + border-color: #202020; } + toolbar:disabled { + border-color: #262626; } + toolbar:active:disabled, toolbar:checked:disabled { + border-color: #242424; } + toolbar:disabled { + background-color: #292929; + background-image: none; + color: mix(#dedede,#2d2d2d,0.5); } + toolbar .title { + font-weight: bold; + padding: 0 6px; } + toolbar .subtitle { + font-size: smaller; + padding: 0 6px; } + toolbar button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + toolbar button:focus, toolbar button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + toolbar button:active, toolbar button:active:hover, toolbar button:active:focus, toolbar button:active:hover:focus, toolbar button:checked, toolbar button:checked:hover, toolbar button:checked:focus, toolbar button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + toolbar button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + toolbar button:active:disabled, toolbar button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + toolbar button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + toolbar button:hover, toolbar button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + toolbar button:hover:focus, toolbar button:hover:hover, toolbar button.flat:hover:focus, toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar button:hover:active, toolbar button:hover:active:hover, toolbar button:hover:active:focus, toolbar button:hover:active:hover:focus, toolbar button:hover:checked, toolbar button:hover:checked:hover, toolbar button:hover:checked:focus, toolbar button:hover:checked:hover:focus, toolbar button.flat:hover:active, toolbar button.flat:hover:active:hover, toolbar button.flat:hover:active:focus, toolbar button.flat:hover:active:hover:focus, toolbar button.flat:hover:checked, toolbar button.flat:hover:checked:hover, toolbar button.flat:hover:checked:focus, toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar button:hover:disabled, toolbar button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar button:hover:active:disabled, toolbar button:hover:checked:disabled, toolbar button.flat:hover:active:disabled, toolbar button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar button:focus, toolbar button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + toolbar button:focus:focus, toolbar button:focus:hover, toolbar button.flat:focus:focus, toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar button:focus:active, toolbar button:focus:active:hover, toolbar button:focus:active:focus, toolbar button:focus:active:hover:focus, toolbar button:focus:checked, toolbar button:focus:checked:hover, toolbar button:focus:checked:focus, toolbar button:focus:checked:hover:focus, toolbar button.flat:focus:active, toolbar button.flat:focus:active:hover, toolbar button.flat:focus:active:focus, toolbar button.flat:focus:active:hover:focus, toolbar button.flat:focus:checked, toolbar button.flat:focus:checked:hover, toolbar button.flat:focus:checked:focus, toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar button:focus:disabled, toolbar button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar button:focus:active:disabled, toolbar button:focus:checked:disabled, toolbar button.flat:focus:active:disabled, toolbar button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar button:focus:hover, toolbar button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + toolbar button:focus:hover:focus, toolbar button:focus:hover:hover, toolbar button.flat:focus:hover:focus, toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar button:focus:hover:active, toolbar button:focus:hover:active:hover, toolbar button:focus:hover:active:focus, toolbar button:focus:hover:active:hover:focus, toolbar button:focus:hover:checked, toolbar button:focus:hover:checked:hover, toolbar button:focus:hover:checked:focus, toolbar button:focus:hover:checked:hover:focus, toolbar button.flat:focus:hover:active, toolbar button.flat:focus:hover:active:hover, toolbar button.flat:focus:hover:active:focus, toolbar button.flat:focus:hover:active:hover:focus, toolbar button.flat:focus:hover:checked, toolbar button.flat:focus:hover:checked:hover, toolbar button.flat:focus:hover:checked:focus, toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar button:focus:hover:disabled, toolbar button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar button:focus:hover:active:disabled, toolbar button:focus:hover:checked:disabled, toolbar button.flat:focus:hover:active:disabled, toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar button:checked, toolbar button:active, toolbar button.flat:checked, toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + toolbar button:checked:active, toolbar button:checked:active:hover, toolbar button:checked:active:focus, toolbar button:checked:active:hover:focus, toolbar button:checked:checked, toolbar button:checked:checked:hover, toolbar button:checked:checked:focus, toolbar button:checked:checked:hover:focus, toolbar button:active:active, toolbar button:active:active:hover, toolbar button:active:active:focus, toolbar button:active:active:hover:focus, toolbar button:active:checked, toolbar button:active:checked:hover, toolbar button:active:checked:focus, toolbar button:active:checked:hover:focus, toolbar button.flat:checked:active, toolbar button.flat:checked:active:hover, toolbar button.flat:checked:active:focus, toolbar button.flat:checked:active:hover:focus, toolbar button.flat:checked:checked, toolbar button.flat:checked:checked:hover, toolbar button.flat:checked:checked:focus, toolbar button.flat:checked:checked:hover:focus, toolbar button.flat:active:active, toolbar button.flat:active:active:hover, toolbar button.flat:active:active:focus, toolbar button.flat:active:active:hover:focus, toolbar button.flat:active:checked, toolbar button.flat:active:checked:hover, toolbar button.flat:active:checked:focus, toolbar button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + toolbar button:checked:disabled, toolbar button:active:disabled, toolbar button.flat:checked:disabled, toolbar button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + toolbar button:checked:active:disabled, toolbar button:checked:checked:disabled, toolbar button:active:active:disabled, toolbar button:active:checked:disabled, toolbar button.flat:checked:active:disabled, toolbar button.flat:checked:checked:disabled, toolbar button.flat:active:active:disabled, toolbar button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + toolbar button:focus, toolbar button:hover, toolbar button.flat:focus, toolbar button.flat:hover { + color: #dedede; } + toolbar button:disabled:disabled, toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + toolbar button:active:disabled, toolbar button:checked:disabled, toolbar button.flat:active:disabled, toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + toolbar button.separator, toolbar button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + toolbar button.separator:disabled, toolbar button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + toolbar .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + toolbar .linked > button:focus, toolbar .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + toolbar .linked > button:active, toolbar .linked > button:active:hover, toolbar .linked > button:active:focus, toolbar .linked > button:active:hover:focus, toolbar .linked > button:checked, toolbar .linked > button:checked:hover, toolbar .linked > button:checked:focus, toolbar .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + toolbar .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + toolbar .linked > button:last-child, toolbar .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + toolbar .linked > button:last-child:hover, toolbar .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + toolbar .linked > button:disabled:last-child, toolbar .linked > button:disabled:only-child, toolbar .linked > button:active:disabled:last-child, toolbar .linked > button:active:disabled:only-child, toolbar .linked > button:checked:disabled:last-child, toolbar .linked > button:checked:disabled:only-child { + box-shadow: none; } + toolbar .linked > button:active:last-child, toolbar .linked > button:active:last-child:focus, toolbar .linked > button:active:last-child:hover, toolbar .linked > button:active:last-child:hover:focus, toolbar .linked > button:checked:last-child, toolbar .linked > button:checked:last-child:focus, toolbar .linked > button:checked:last-child:hover, toolbar .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + toolbar .linked > button:active:only-child, toolbar .linked > button:active:only-child:focus, toolbar .linked > button:active:only-child:hover, toolbar .linked > button:active:only-child:hover:focus, toolbar .linked > button:checked:only-child, toolbar .linked > button:checked:only-child:focus, toolbar .linked > button:checked:only-child:hover, toolbar .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + toolbar combobox, toolbar button { + padding: 3px; } + toolbar combobox.text-button, toolbar button.text-button { + padding: 3px; } + toolbar combobox.image-button, toolbar button.image-button { + padding: 3px; } + toolbar separator, toolbar separator:disabled { + color: #1b1b1b; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + toolbar.inline-toolbar { + padding: 1px; + border-width: 0 1px 1px; + border-style: solid; + border-color: mix(#2d2d2d,#dedede,0.08); + background-color: mix(mix(#2d2d2d,#dedede,0.08),#2d2d2d,0.7); + background-image: none; } + toolbar.inline-toolbar:backdrop { + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); + background-color: mix(#2d2d2d,mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9),0.35); + transition: 200ms ease-out; } + toolbar.inline-toolbar button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + toolbar.inline-toolbar button:active, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover:focus, toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + toolbar.inline-toolbar button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + toolbar.inline-toolbar button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + toolbar.inline-toolbar button:hover:focus, toolbar.inline-toolbar button:hover:hover, toolbar.inline-toolbar button.flat:hover:focus, toolbar.inline-toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar.inline-toolbar button:hover:active, toolbar.inline-toolbar button:hover:active:hover, toolbar.inline-toolbar button:hover:active:focus, toolbar.inline-toolbar button:hover:active:hover:focus, toolbar.inline-toolbar button:hover:checked, toolbar.inline-toolbar button:hover:checked:hover, toolbar.inline-toolbar button:hover:checked:focus, toolbar.inline-toolbar button:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:hover:active, toolbar.inline-toolbar button.flat:hover:active:hover, toolbar.inline-toolbar button.flat:hover:active:focus, toolbar.inline-toolbar button.flat:hover:active:hover:focus, toolbar.inline-toolbar button.flat:hover:checked, toolbar.inline-toolbar button.flat:hover:checked:hover, toolbar.inline-toolbar button.flat:hover:checked:focus, toolbar.inline-toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar.inline-toolbar button:hover:disabled, toolbar.inline-toolbar button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar.inline-toolbar button:hover:active:disabled, toolbar.inline-toolbar button:hover:checked:disabled, toolbar.inline-toolbar button.flat:hover:active:disabled, toolbar.inline-toolbar button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + toolbar.inline-toolbar button:focus:focus, toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:focus, toolbar.inline-toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar.inline-toolbar button:focus:active, toolbar.inline-toolbar button:focus:active:hover, toolbar.inline-toolbar button:focus:active:focus, toolbar.inline-toolbar button:focus:active:hover:focus, toolbar.inline-toolbar button:focus:checked, toolbar.inline-toolbar button:focus:checked:hover, toolbar.inline-toolbar button:focus:checked:focus, toolbar.inline-toolbar button:focus:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:active, toolbar.inline-toolbar button.flat:focus:active:hover, toolbar.inline-toolbar button.flat:focus:active:focus, toolbar.inline-toolbar button.flat:focus:active:hover:focus, toolbar.inline-toolbar button.flat:focus:checked, toolbar.inline-toolbar button.flat:focus:checked:hover, toolbar.inline-toolbar button.flat:focus:checked:focus, toolbar.inline-toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar.inline-toolbar button:focus:disabled, toolbar.inline-toolbar button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar.inline-toolbar button:focus:active:disabled, toolbar.inline-toolbar button:focus:checked:disabled, toolbar.inline-toolbar button.flat:focus:active:disabled, toolbar.inline-toolbar button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + toolbar.inline-toolbar button:focus:hover:focus, toolbar.inline-toolbar button:focus:hover:hover, toolbar.inline-toolbar button.flat:focus:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar.inline-toolbar button:focus:hover:active, toolbar.inline-toolbar button:focus:hover:active:hover, toolbar.inline-toolbar button:focus:hover:active:focus, toolbar.inline-toolbar button:focus:hover:active:hover:focus, toolbar.inline-toolbar button:focus:hover:checked, toolbar.inline-toolbar button:focus:hover:checked:hover, toolbar.inline-toolbar button:focus:hover:checked:focus, toolbar.inline-toolbar button:focus:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:active, toolbar.inline-toolbar button.flat:focus:hover:active:hover, toolbar.inline-toolbar button.flat:focus:hover:active:focus, toolbar.inline-toolbar button.flat:focus:hover:active:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:checked, toolbar.inline-toolbar button.flat:focus:hover:checked:hover, toolbar.inline-toolbar button.flat:focus:hover:checked:focus, toolbar.inline-toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar.inline-toolbar button:focus:hover:disabled, toolbar.inline-toolbar button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar.inline-toolbar button:focus:hover:active:disabled, toolbar.inline-toolbar button:focus:hover:checked:disabled, toolbar.inline-toolbar button.flat:focus:hover:active:disabled, toolbar.inline-toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:active, toolbar.inline-toolbar button.flat:checked, toolbar.inline-toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + toolbar.inline-toolbar button:checked:active, toolbar.inline-toolbar button:checked:active:hover, toolbar.inline-toolbar button:checked:active:focus, toolbar.inline-toolbar button:checked:active:hover:focus, toolbar.inline-toolbar button:checked:checked, toolbar.inline-toolbar button:checked:checked:hover, toolbar.inline-toolbar button:checked:checked:focus, toolbar.inline-toolbar button:checked:checked:hover:focus, toolbar.inline-toolbar button:active:active, toolbar.inline-toolbar button:active:active:hover, toolbar.inline-toolbar button:active:active:focus, toolbar.inline-toolbar button:active:active:hover:focus, toolbar.inline-toolbar button:active:checked, toolbar.inline-toolbar button:active:checked:hover, toolbar.inline-toolbar button:active:checked:focus, toolbar.inline-toolbar button:active:checked:hover:focus, toolbar.inline-toolbar button.flat:checked:active, toolbar.inline-toolbar button.flat:checked:active:hover, toolbar.inline-toolbar button.flat:checked:active:focus, toolbar.inline-toolbar button.flat:checked:active:hover:focus, toolbar.inline-toolbar button.flat:checked:checked, toolbar.inline-toolbar button.flat:checked:checked:hover, toolbar.inline-toolbar button.flat:checked:checked:focus, toolbar.inline-toolbar button.flat:checked:checked:hover:focus, toolbar.inline-toolbar button.flat:active:active, toolbar.inline-toolbar button.flat:active:active:hover, toolbar.inline-toolbar button.flat:active:active:focus, toolbar.inline-toolbar button.flat:active:active:hover:focus, toolbar.inline-toolbar button.flat:active:checked, toolbar.inline-toolbar button.flat:active:checked:hover, toolbar.inline-toolbar button.flat:active:checked:focus, toolbar.inline-toolbar button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + toolbar.inline-toolbar button:checked:active:disabled, toolbar.inline-toolbar button:checked:checked:disabled, toolbar.inline-toolbar button:active:active:disabled, toolbar.inline-toolbar button:active:checked:disabled, toolbar.inline-toolbar button.flat:checked:active:disabled, toolbar.inline-toolbar button.flat:checked:checked:disabled, toolbar.inline-toolbar button.flat:active:active:disabled, toolbar.inline-toolbar button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:focus, toolbar.inline-toolbar button.flat:hover { + color: #dedede; } + toolbar.inline-toolbar button:disabled:disabled, toolbar.inline-toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + toolbar.inline-toolbar button.separator, toolbar.inline-toolbar button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + toolbar.inline-toolbar button.separator:disabled, toolbar.inline-toolbar button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator { + background-color: #282828; } + +.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } + +.background:not(.csd):not(.ssd):not(.solid-csd) headerbar, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:not(:last-child), .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop:not(:last-child) { + border-radius: 0; + border-top-color: transparent; } + +/************** + ! Action-bar * +***************/ +actionbar > revealer > box { + padding: 3px; + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + actionbar > revealer > box:backdrop { + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } + +/**************************** + ! Search and Location bars * +*****************************/ +searchbar, +.location-bar { + background-color: #2c2c2c; + background-image: none; + border-width: 0 0 1px; + border-style: solid; + border-color: #242424; + color: #dedede; } + +/****************** + ! Action buttons * +*******************/ +.suggested-action, headerbar.selection-mode button.suggested-action, +.titlebar:not(headerbar).selection-mode button.suggested-action { + background-color: #4caf50; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .suggested-action:active, headerbar.selection-mode button.suggested-action:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover:focus, .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action.flat, headerbar.selection-mode button.flat.suggested-action, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action { + color: #dedede; + border-color: rgba(76, 175, 80, 0); + background-color: rgba(76, 175, 80, 0); + background-image: none; + box-shadow: none; } + .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:hover, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { + background-color: #53b457; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .suggested-action:hover:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:focus, .suggested-action:hover:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:hover, .suggested-action.flat:hover:focus, .suggested-action.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:hover:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:active, .suggested-action:hover:active:hover, .suggested-action:hover:active:focus, .suggested-action:hover:active:hover:focus, .suggested-action:hover:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:checked, .suggested-action:hover:checked:hover, .suggested-action:hover:checked:focus, .suggested-action:hover:checked:hover:focus, .suggested-action.flat:hover:active, .suggested-action.flat:hover:active:hover, .suggested-action.flat:hover:active:focus, .suggested-action.flat:hover:active:hover:focus, .suggested-action.flat:hover:checked, .suggested-action.flat:hover:checked:hover, .suggested-action.flat:hover:checked:focus, .suggested-action.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:hover:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:disabled, .suggested-action.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:hover:active:disabled, .suggested-action:hover:checked:disabled, .suggested-action.flat:hover:active:disabled, .suggested-action.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus { + background-color: #53b457; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .suggested-action:focus:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:focus, .suggested-action:focus:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:focus, .suggested-action.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:focus:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:active, .suggested-action:focus:active:hover, .suggested-action:focus:active:focus, .suggested-action:focus:active:hover:focus, .suggested-action:focus:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:checked, .suggested-action:focus:checked:hover, .suggested-action:focus:checked:focus, .suggested-action:focus:checked:hover:focus, .suggested-action.flat:focus:active, .suggested-action.flat:focus:active:hover, .suggested-action.flat:focus:active:focus, .suggested-action.flat:focus:active:hover:focus, .suggested-action.flat:focus:checked, .suggested-action.flat:focus:checked:hover, .suggested-action.flat:focus:checked:focus, .suggested-action.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:focus:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:disabled, .suggested-action.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:focus:active:disabled, .suggested-action:focus:checked:disabled, .suggested-action.flat:focus:active:disabled, .suggested-action.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:focus:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:hover { + background-color: #5cb860; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .suggested-action:focus:hover:focus, .suggested-action:focus:hover:hover, .suggested-action.flat:focus:hover:focus, .suggested-action.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:focus:hover:active, .suggested-action:focus:hover:active:hover, .suggested-action:focus:hover:active:focus, .suggested-action:focus:hover:active:hover:focus, .suggested-action:focus:hover:checked, .suggested-action:focus:hover:checked:hover, .suggested-action:focus:hover:checked:focus, .suggested-action:focus:hover:checked:hover:focus, .suggested-action.flat:focus:hover:active, .suggested-action.flat:focus:hover:active:hover, .suggested-action.flat:focus:hover:active:focus, .suggested-action.flat:focus:hover:active:hover:focus, .suggested-action.flat:focus:hover:checked, .suggested-action.flat:focus:hover:checked:hover, .suggested-action.flat:focus:hover:checked:focus, .suggested-action.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:focus:hover:disabled, .suggested-action.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:focus:hover:active:disabled, .suggested-action:focus:hover:checked:disabled, .suggested-action.flat:focus:hover:active:disabled, .suggested-action.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:active, headerbar.selection-mode button.suggested-action:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:checked, .suggested-action.flat:active, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .suggested-action:checked:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:active, .suggested-action:checked:active:hover, .suggested-action:checked:active:focus, .suggested-action:checked:active:hover:focus, .suggested-action:checked:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:checked, .suggested-action:checked:checked:hover, .suggested-action:checked:checked:focus, .suggested-action:checked:checked:hover:focus, .suggested-action:active:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:active, .suggested-action:active:active:hover, .suggested-action:active:active:focus, .suggested-action:active:active:hover:focus, .suggested-action:active:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:checked, .suggested-action:active:checked:hover, .suggested-action:active:checked:focus, .suggested-action:active:checked:hover:focus, .suggested-action.flat:checked:active, .suggested-action.flat:checked:active:hover, .suggested-action.flat:checked:active:focus, .suggested-action.flat:checked:active:hover:focus, .suggested-action.flat:checked:checked, .suggested-action.flat:checked:checked:hover, .suggested-action.flat:checked:checked:focus, .suggested-action.flat:checked:checked:hover:focus, .suggested-action.flat:active:active, .suggested-action.flat:active:active:hover, .suggested-action.flat:active:active:focus, .suggested-action.flat:active:active:hover:focus, .suggested-action.flat:active:checked, .suggested-action.flat:active:checked:hover, .suggested-action.flat:active:checked:focus, .suggested-action.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action.flat:checked:disabled, .suggested-action.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .suggested-action:checked:active:disabled, .suggested-action:checked:checked:disabled, .suggested-action:active:active:disabled, .suggested-action:active:checked:disabled, .suggested-action.flat:checked:active:disabled, .suggested-action.flat:checked:checked:disabled, .suggested-action.flat:active:active:disabled, .suggested-action.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus, .suggested-action.flat:hover, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { + color: #dedede; } + .suggested-action:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:disabled:disabled, .suggested-action.flat:disabled:disabled { + background-color: alpha(mix(#4caf50,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#4caf50,#dedede,0.5); + box-shadow: none; } + .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action.flat:active:disabled, .suggested-action.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .suggested-action.separator, headerbar.selection-mode button.separator.suggested-action, + .titlebar:not(headerbar).selection-mode button.separator.suggested-action, .suggested-action .separator, headerbar.selection-mode button.suggested-action .separator, + .titlebar:not(headerbar).selection-mode button.suggested-action .separator { + border: 1px solid currentColor; + color: rgba(76, 175, 80, 0.9); } + .suggested-action.separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator.suggested-action:disabled, .suggested-action .separator:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action .separator:disabled { + color: rgba(76, 175, 80, 0.85); } + +.destructive-action { + background-color: #f44336; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.12); } + .destructive-action:focus, .destructive-action:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .destructive-action:active, .destructive-action:active:hover, .destructive-action:active:focus, .destructive-action:active:hover:focus, .destructive-action:checked, .destructive-action:checked:hover, .destructive-action:checked:focus, .destructive-action:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .destructive-action:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .destructive-action:active:disabled, .destructive-action:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action.flat { + color: #dedede; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + .destructive-action:hover, .destructive-action.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .destructive-action:hover:focus, .destructive-action:hover:hover, .destructive-action.flat:hover:focus, .destructive-action.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:hover:active, .destructive-action:hover:active:hover, .destructive-action:hover:active:focus, .destructive-action:hover:active:hover:focus, .destructive-action:hover:checked, .destructive-action:hover:checked:hover, .destructive-action:hover:checked:focus, .destructive-action:hover:checked:hover:focus, .destructive-action.flat:hover:active, .destructive-action.flat:hover:active:hover, .destructive-action.flat:hover:active:focus, .destructive-action.flat:hover:active:hover:focus, .destructive-action.flat:hover:checked, .destructive-action.flat:hover:checked:hover, .destructive-action.flat:hover:checked:focus, .destructive-action.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:hover:disabled, .destructive-action.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:hover:active:disabled, .destructive-action:hover:checked:disabled, .destructive-action.flat:hover:active:disabled, .destructive-action.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:focus, .destructive-action.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .destructive-action:focus:focus, .destructive-action:focus:hover, .destructive-action.flat:focus:focus, .destructive-action.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:focus:active, .destructive-action:focus:active:hover, .destructive-action:focus:active:focus, .destructive-action:focus:active:hover:focus, .destructive-action:focus:checked, .destructive-action:focus:checked:hover, .destructive-action:focus:checked:focus, .destructive-action:focus:checked:hover:focus, .destructive-action.flat:focus:active, .destructive-action.flat:focus:active:hover, .destructive-action.flat:focus:active:focus, .destructive-action.flat:focus:active:hover:focus, .destructive-action.flat:focus:checked, .destructive-action.flat:focus:checked:hover, .destructive-action.flat:focus:checked:focus, .destructive-action.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:focus:disabled, .destructive-action.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:focus:active:disabled, .destructive-action:focus:checked:disabled, .destructive-action.flat:focus:active:disabled, .destructive-action.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:focus:hover, .destructive-action.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.38); } + .destructive-action:focus:hover:focus, .destructive-action:focus:hover:hover, .destructive-action.flat:focus:hover:focus, .destructive-action.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:focus:hover:active, .destructive-action:focus:hover:active:hover, .destructive-action:focus:hover:active:focus, .destructive-action:focus:hover:active:hover:focus, .destructive-action:focus:hover:checked, .destructive-action:focus:hover:checked:hover, .destructive-action:focus:hover:checked:focus, .destructive-action:focus:hover:checked:hover:focus, .destructive-action.flat:focus:hover:active, .destructive-action.flat:focus:hover:active:hover, .destructive-action.flat:focus:hover:active:focus, .destructive-action.flat:focus:hover:active:hover:focus, .destructive-action.flat:focus:hover:checked, .destructive-action.flat:focus:hover:checked:hover, .destructive-action.flat:focus:hover:checked:focus, .destructive-action.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:focus:hover:disabled, .destructive-action.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:focus:hover:active:disabled, .destructive-action:focus:hover:checked:disabled, .destructive-action.flat:focus:hover:active:disabled, .destructive-action.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:checked, .destructive-action:active, .destructive-action.flat:checked, .destructive-action.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .destructive-action:checked:active, .destructive-action:checked:active:hover, .destructive-action:checked:active:focus, .destructive-action:checked:active:hover:focus, .destructive-action:checked:checked, .destructive-action:checked:checked:hover, .destructive-action:checked:checked:focus, .destructive-action:checked:checked:hover:focus, .destructive-action:active:active, .destructive-action:active:active:hover, .destructive-action:active:active:focus, .destructive-action:active:active:hover:focus, .destructive-action:active:checked, .destructive-action:active:checked:hover, .destructive-action:active:checked:focus, .destructive-action:active:checked:hover:focus, .destructive-action.flat:checked:active, .destructive-action.flat:checked:active:hover, .destructive-action.flat:checked:active:focus, .destructive-action.flat:checked:active:hover:focus, .destructive-action.flat:checked:checked, .destructive-action.flat:checked:checked:hover, .destructive-action.flat:checked:checked:focus, .destructive-action.flat:checked:checked:hover:focus, .destructive-action.flat:active:active, .destructive-action.flat:active:active:hover, .destructive-action.flat:active:active:focus, .destructive-action.flat:active:active:hover:focus, .destructive-action.flat:active:checked, .destructive-action.flat:active:checked:hover, .destructive-action.flat:active:checked:focus, .destructive-action.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .destructive-action:checked:disabled, .destructive-action:active:disabled, .destructive-action.flat:checked:disabled, .destructive-action.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .destructive-action:checked:active:disabled, .destructive-action:checked:checked:disabled, .destructive-action:active:active:disabled, .destructive-action:active:checked:disabled, .destructive-action.flat:checked:active:disabled, .destructive-action.flat:checked:checked:disabled, .destructive-action.flat:active:active:disabled, .destructive-action.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .destructive-action:focus, .destructive-action:hover, .destructive-action.flat:focus, .destructive-action.flat:hover { + color: #dedede; } + .destructive-action:disabled:disabled, .destructive-action.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#dedede,0.5); + box-shadow: none; } + .destructive-action:active:disabled, .destructive-action:checked:disabled, .destructive-action.flat:active:disabled, .destructive-action.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .destructive-action.separator, .destructive-action .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + .destructive-action.separator:disabled, .destructive-action .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/****************** + ! Selection mode * +*******************/ +headerbar.selection-mode, +.titlebar:not(headerbar).selection-mode { + background-color: #990000; + background-image: none; + border-color: #7a0000; + color: #dedede; } + headerbar.selection-mode:focus, headerbar.selection-mode:hover, + .titlebar:not(headerbar).selection-mode:focus, + .titlebar:not(headerbar).selection-mode:hover { + border-color: mix(#990000,#990000,0.3); } + headerbar.selection-mode:active, headerbar.selection-mode:active:hover, headerbar.selection-mode:active:focus, headerbar.selection-mode:active:hover:focus, headerbar.selection-mode:checked, headerbar.selection-mode:checked:hover, headerbar.selection-mode:checked:focus, headerbar.selection-mode:checked:hover:focus, + .titlebar:not(headerbar).selection-mode:active, + .titlebar:not(headerbar).selection-mode:active:hover, + .titlebar:not(headerbar).selection-mode:active:focus, + .titlebar:not(headerbar).selection-mode:active:hover:focus, + .titlebar:not(headerbar).selection-mode:checked, + .titlebar:not(headerbar).selection-mode:checked:hover, + .titlebar:not(headerbar).selection-mode:checked:focus, + .titlebar:not(headerbar).selection-mode:checked:hover:focus { + border-color: #6b0000; } + headerbar.selection-mode:disabled, + .titlebar:not(headerbar).selection-mode:disabled { + border-color: #820000; } + headerbar.selection-mode:active:disabled, headerbar.selection-mode:checked:disabled, + .titlebar:not(headerbar).selection-mode:active:disabled, + .titlebar:not(headerbar).selection-mode:checked:disabled { + border-color: #7a0000; } + headerbar.selection-mode:disabled, + .titlebar:not(headerbar).selection-mode:disabled { + background-color: #8a0000; + background-image: none; + color: mix(#dedede,#990000,0.5); } + headerbar.selection-mode .title, + .titlebar:not(headerbar).selection-mode .title { + font-weight: bold; + padding: 0 6px; } + headerbar.selection-mode .subtitle, + .titlebar:not(headerbar).selection-mode .subtitle { + font-size: smaller; + padding: 0 6px; } + headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode button { + background-color: #990000; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:disabled, + .titlebar:not(headerbar).selection-mode button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button.flat, + .titlebar:not(headerbar).selection-mode button.flat { + color: #dedede; + border-color: rgba(153, 0, 0, 0); + background-color: rgba(153, 0, 0, 0); + background-image: none; + box-shadow: none; } + headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, + .titlebar:not(headerbar).selection-mode button:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:active, + .titlebar:not(headerbar).selection-mode button:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, + .titlebar:not(headerbar).selection-mode button:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:active, + .titlebar:not(headerbar).selection-mode button:focus:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, + .titlebar:not(headerbar).selection-mode button:focus:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + background-color: #a80000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:active, + .titlebar:not(headerbar).selection-mode button:checked:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:active:focus, + .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:active, + .titlebar:not(headerbar).selection-mode button:active:active:hover, + .titlebar:not(headerbar).selection-mode button:active:active:focus, + .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:checked, + .titlebar:not(headerbar).selection-mode button:active:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:checked:focus, + .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:active:disabled, + .titlebar:not(headerbar).selection-mode button:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover { + color: #dedede; } + headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, + .titlebar:not(headerbar).selection-mode button:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { + background-color: alpha(mix(#990000,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#990000,#dedede,0.5); + box-shadow: none; } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, + .titlebar:not(headerbar).selection-mode button.separator, + .titlebar:not(headerbar).selection-mode button .separator { + border: 1px solid currentColor; + color: rgba(153, 0, 0, 0.9); } + headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator:disabled, + .titlebar:not(headerbar).selection-mode button .separator:disabled { + color: rgba(153, 0, 0, 0.85); } + headerbar.selection-mode .linked > button, + .titlebar:not(headerbar).selection-mode .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar.selection-mode .linked > button:focus, headerbar.selection-mode .linked > button:hover, + .titlebar:not(headerbar).selection-mode .linked > button:focus, + .titlebar:not(headerbar).selection-mode .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar.selection-mode .linked > button:active, headerbar.selection-mode .linked > button:active:hover, headerbar.selection-mode .linked > button:active:focus, headerbar.selection-mode .linked > button:active:hover:focus, headerbar.selection-mode .linked > button:checked, headerbar.selection-mode .linked > button:checked:hover, headerbar.selection-mode .linked > button:checked:focus, headerbar.selection-mode .linked > button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active, + .titlebar:not(headerbar).selection-mode .linked > button:active:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked, + .titlebar:not(headerbar).selection-mode .linked > button:checked:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + headerbar.selection-mode .linked > button:disabled, + .titlebar:not(headerbar).selection-mode .linked > button:disabled { + box-shadow: inset -1px 0 #7a0000; } + headerbar.selection-mode .linked > button:last-child, headerbar.selection-mode .linked > button:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar.selection-mode .linked > button:last-child:hover, headerbar.selection-mode .linked > button:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar.selection-mode .linked > button:disabled:last-child, headerbar.selection-mode .linked > button:disabled:only-child, headerbar.selection-mode .linked > button:active:disabled:last-child, headerbar.selection-mode .linked > button:active:disabled:only-child, headerbar.selection-mode .linked > button:checked:disabled:last-child, headerbar.selection-mode .linked > button:checked:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:only-child { + box-shadow: none; } + headerbar.selection-mode .linked > button:active:last-child, headerbar.selection-mode .linked > button:active:last-child:focus, headerbar.selection-mode .linked > button:active:last-child:hover, headerbar.selection-mode .linked > button:active:last-child:hover:focus, headerbar.selection-mode .linked > button:checked:last-child, headerbar.selection-mode .linked > button:checked:last-child:focus, headerbar.selection-mode .linked > button:checked:last-child:hover, headerbar.selection-mode .linked > button:checked:last-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + headerbar.selection-mode .linked > button:active:only-child, headerbar.selection-mode .linked > button:active:only-child:focus, headerbar.selection-mode .linked > button:active:only-child:hover, headerbar.selection-mode .linked > button:active:only-child:hover:focus, headerbar.selection-mode .linked > button:checked:only-child, headerbar.selection-mode .linked > button:checked:only-child:focus, headerbar.selection-mode .linked > button:checked:only-child:hover, headerbar.selection-mode .linked > button:checked:only-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + headerbar.selection-mode combobox, headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode combobox, + .titlebar:not(headerbar).selection-mode button { + padding: 3px; } + headerbar.selection-mode combobox.text-button, headerbar.selection-mode button.text-button, + .titlebar:not(headerbar).selection-mode combobox.text-button, + .titlebar:not(headerbar).selection-mode button.text-button { + padding: 3px; } + headerbar.selection-mode combobox.image-button, headerbar.selection-mode button.image-button, + .titlebar:not(headerbar).selection-mode combobox.image-button, + .titlebar:not(headerbar).selection-mode button.image-button { + padding: 3px; } + headerbar.selection-mode separator, headerbar.selection-mode separator:disabled, + .titlebar:not(headerbar).selection-mode separator, + .titlebar:not(headerbar).selection-mode separator:disabled { + color: #5c0000; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode button { + background-color: #990000; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:disabled, + .titlebar:not(headerbar).selection-mode button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button.flat, + .titlebar:not(headerbar).selection-mode button.flat { + color: #dedede; + border-color: rgba(153, 0, 0, 0); + background-color: rgba(153, 0, 0, 0); + background-image: none; + box-shadow: none; } + headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, + .titlebar:not(headerbar).selection-mode button:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:active, + .titlebar:not(headerbar).selection-mode button:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, + .titlebar:not(headerbar).selection-mode button:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:active, + .titlebar:not(headerbar).selection-mode button:focus:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, + .titlebar:not(headerbar).selection-mode button:focus:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + background-color: #a80000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:active, + .titlebar:not(headerbar).selection-mode button:checked:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:active:focus, + .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:active, + .titlebar:not(headerbar).selection-mode button:active:active:hover, + .titlebar:not(headerbar).selection-mode button:active:active:focus, + .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:checked, + .titlebar:not(headerbar).selection-mode button:active:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:checked:focus, + .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:active:disabled, + .titlebar:not(headerbar).selection-mode button:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover { + color: #dedede; } + headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, + .titlebar:not(headerbar).selection-mode button:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { + background-color: alpha(mix(#990000,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#990000,#dedede,0.5); + box-shadow: none; } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, + .titlebar:not(headerbar).selection-mode button.separator, + .titlebar:not(headerbar).selection-mode button .separator { + border: 1px solid currentColor; + color: rgba(153, 0, 0, 0.9); } + headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator:disabled, + .titlebar:not(headerbar).selection-mode button .separator:disabled { + color: rgba(153, 0, 0, 0.85); } + headerbar.selection-mode:backdrop, + .titlebar:not(headerbar).selection-mode:backdrop { + background-color: #990000; + background-image: none; } + headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop, + .titlebar:not(headerbar).selection-mode .selection-menu { + color: #7a0000; + background-color: transparent; + background-image: none; + box-shadow: none; + border: 0; } + headerbar.selection-mode .selection-menu:backdrop:hover, headerbar.selection-mode .selection-menu:hover, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:hover, + .titlebar:not(headerbar).selection-mode .selection-menu:hover { + color: #6b0000; } + headerbar.selection-mode .selection-menu:backdrop:active, headerbar.selection-mode .selection-menu:active, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:active, + .titlebar:not(headerbar).selection-mode .selection-menu:active { + color: #730000; } + headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop .arrow, + .titlebar:not(headerbar).selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(222, 222, 222, 0.5); + -gtk-icon-shadow: none; } + headerbar.selection-mode .dim-label, headerbar.selection-mode label.separator, .selection-menu headerbar.selection-mode .dim-label, .selection-menu headerbar.selection-mode label.separator, + .titlebar:not(headerbar).selection-mode .dim-label, + .titlebar:not(headerbar).selection-mode label.separator, .selection-menu + .titlebar:not(headerbar).selection-mode .dim-label, .selection-menu + .titlebar:not(headerbar).selection-mode label.separator { + color: #6b0000; } + +/********** + ! Calendar +***********/ +calendar { + padding: 1px 3px; + outline-offset: -1px; + color: #dedede; } + calendar:selected { + border-radius: 0px; } + 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(222, 222, 222, 0.55); } + calendar.button:hover { + color: #dedede; } + calendar.button:backdrop { + color: alpha(mix(#dedede,#2d2d2d,0.5),0.55); } + calendar.button:disabled { + color: alpha(mix(#dedede,#2d2d2d,0.5),0.55); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: mix(#990000,#dedede,0.5); } + calendar:backdrop { + color: mix(#2d2d2d,#dedede,0.8); } + +/* gnome-calendar */ +.calendar-view { + background-color: #2d2d2d; + color: #dedede; } + +/*************** + ! Color chooser +****************/ +colorswatch:drop(active), colorswatch { + border-style: none; } +colorswatch.top { + border-top-left-radius: 0.5px; + border-top-right-radius: 0.5px; } + colorswatch.top overlay { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } +colorswatch.bottom { + border-bottom-left-radius: 0.5px; + border-bottom-right-radius: 0.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 0.5px; + border-bottom-left-radius: 0.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 0.5px; + border-bottom-right-radius: 0.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } +colorswatch.dark overlay { + color: #dedede; } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.8); } + colorswatch.dark overlay:backdrop { + color: mix(#990000,#dedede,0.66); } +colorswatch.light overlay { + color: #dedede; } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + colorswatch.light overlay:backdrop { + color: mix(#2d2d2d,#dedede,0.8); } +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 { + border: 1px solid rgba(0, 0, 0, 0.3); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(0, 0, 0, 0.3); + box-shadow: none; } +colorswatch:disabled { + opacity: .5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #dedede; } +colorswatch#add-color-button { + border-radius: 0px 0px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 0px; } + colorswatch#add-color-button overlay { + background-color: #2b2b2b; + color: #dedede; } + colorswatch#add-color-button overlay:hover { + background-color: #292929; } + colorswatch#add-color-button overlay:backdrop { + background-color: #2b2b2b; } +colorswatch#editor-color-sample { + border-radius: 0px; } + colorswatch#editor-color-sample overlay { + border-radius: 0.5px; } + +button.color { + padding: 3px; } + button.color colorswatch:only-child { + box-shadow: 0 1px rgba(0, 0, 0, 0.85882); } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { + box-shadow: none; } + +/*********************** +! Font and file choosers +************************/ +filechooser { + /* for fallback when header bar not used */ } + filechooser .dialog-action-box { + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + filechooser .dialog-action-box:backdrop { + border-top-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } + filechooser #pathbarbox { + border-bottom: 1px solid #2d2d2d; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/****************** + ! Grid and flowbox +*******************/ +list { + color: #dedede; + background-color: #2d2d2d; + border-color: mix(#2d2d2d,#dedede,0.08); } + list:backdrop { + background-color: #2d2d2d; + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } + list row { + padding: 3px; } + +row { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(222, 222, 222, 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: mix(#990000,#dedede,0.1); } + row.activatable:selected:backdrop { + background-color: #990000; } + +flowbox flowboxchild { + padding: 3px; + border-radius: 0px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Infobar +**********/ +infobar { + border: 0; } + infobar.info, infobar.info:backdrop { + background-color: #03a9f4; + background-image: none; + border: 1px solid #0287c3; + caret-color: currentColor; } + infobar.info label, infobar.info, infobar.info:backdrop label, infobar.info:backdrop { + color: #fff; } + infobar.info button { + background-color: #03a9f4; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + infobar.info button:focus, infobar.info button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.info button:active, infobar.info button:active:hover, infobar.info button:active:focus, infobar.info button:active:hover:focus, infobar.info button:checked, infobar.info button:checked:hover, infobar.info button:checked:focus, infobar.info button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.info button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.info button:active:disabled, infobar.info button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button.flat { + color: #fff; + border-color: rgba(3, 169, 244, 0); + background-color: rgba(3, 169, 244, 0); + background-image: none; + box-shadow: none; } + infobar.info button:hover, infobar.info button.flat:hover { + background-color: #07b0fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + infobar.info button:hover:focus, infobar.info button:hover:hover, infobar.info button.flat:hover:focus, infobar.info button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:hover:active, infobar.info button:hover:active:hover, infobar.info button:hover:active:focus, infobar.info button:hover:active:hover:focus, infobar.info button:hover:checked, infobar.info button:hover:checked:hover, infobar.info button:hover:checked:focus, infobar.info button:hover:checked:hover:focus, infobar.info button.flat:hover:active, infobar.info button.flat:hover:active:hover, infobar.info button.flat:hover:active:focus, infobar.info button.flat:hover:active:hover:focus, infobar.info button.flat:hover:checked, infobar.info button.flat:hover:checked:hover, infobar.info button.flat:hover:checked:focus, infobar.info button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:hover:disabled, infobar.info button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:hover:active:disabled, infobar.info button:hover:checked:disabled, infobar.info button.flat:hover:active:disabled, infobar.info button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:focus, infobar.info button.flat:focus { + background-color: #07b0fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + infobar.info button:focus:focus, infobar.info button:focus:hover, infobar.info button.flat:focus:focus, infobar.info button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:focus:active, infobar.info button:focus:active:hover, infobar.info button:focus:active:focus, infobar.info button:focus:active:hover:focus, infobar.info button:focus:checked, infobar.info button:focus:checked:hover, infobar.info button:focus:checked:focus, infobar.info button:focus:checked:hover:focus, infobar.info button.flat:focus:active, infobar.info button.flat:focus:active:hover, infobar.info button.flat:focus:active:focus, infobar.info button.flat:focus:active:hover:focus, infobar.info button.flat:focus:checked, infobar.info button.flat:focus:checked:hover, infobar.info button.flat:focus:checked:focus, infobar.info button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:focus:disabled, infobar.info button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:focus:active:disabled, infobar.info button:focus:checked:disabled, infobar.info button.flat:focus:active:disabled, infobar.info button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:focus:hover, infobar.info button.flat:focus:hover { + background-color: #14b4fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + infobar.info button:focus:hover:focus, infobar.info button:focus:hover:hover, infobar.info button.flat:focus:hover:focus, infobar.info button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:focus:hover:active, infobar.info button:focus:hover:active:hover, infobar.info button:focus:hover:active:focus, infobar.info button:focus:hover:active:hover:focus, infobar.info button:focus:hover:checked, infobar.info button:focus:hover:checked:hover, infobar.info button:focus:hover:checked:focus, infobar.info button:focus:hover:checked:hover:focus, infobar.info button.flat:focus:hover:active, infobar.info button.flat:focus:hover:active:hover, infobar.info button.flat:focus:hover:active:focus, infobar.info button.flat:focus:hover:active:hover:focus, infobar.info button.flat:focus:hover:checked, infobar.info button.flat:focus:hover:checked:hover, infobar.info button.flat:focus:hover:checked:focus, infobar.info button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:focus:hover:disabled, infobar.info button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:focus:hover:active:disabled, infobar.info button:focus:hover:checked:disabled, infobar.info button.flat:focus:hover:active:disabled, infobar.info button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:checked, infobar.info button:active, infobar.info button.flat:checked, infobar.info button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.info button:checked:active, infobar.info button:checked:active:hover, infobar.info button:checked:active:focus, infobar.info button:checked:active:hover:focus, infobar.info button:checked:checked, infobar.info button:checked:checked:hover, infobar.info button:checked:checked:focus, infobar.info button:checked:checked:hover:focus, infobar.info button:active:active, infobar.info button:active:active:hover, infobar.info button:active:active:focus, infobar.info button:active:active:hover:focus, infobar.info button:active:checked, infobar.info button:active:checked:hover, infobar.info button:active:checked:focus, infobar.info button:active:checked:hover:focus, infobar.info button.flat:checked:active, infobar.info button.flat:checked:active:hover, infobar.info button.flat:checked:active:focus, infobar.info button.flat:checked:active:hover:focus, infobar.info button.flat:checked:checked, infobar.info button.flat:checked:checked:hover, infobar.info button.flat:checked:checked:focus, infobar.info button.flat:checked:checked:hover:focus, infobar.info button.flat:active:active, infobar.info button.flat:active:active:hover, infobar.info button.flat:active:active:focus, infobar.info button.flat:active:active:hover:focus, infobar.info button.flat:active:checked, infobar.info button.flat:active:checked:hover, infobar.info button.flat:active:checked:focus, infobar.info button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.info button:checked:disabled, infobar.info button:active:disabled, infobar.info button.flat:checked:disabled, infobar.info button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.info button:checked:active:disabled, infobar.info button:checked:checked:disabled, infobar.info button:active:active:disabled, infobar.info button:active:checked:disabled, infobar.info button.flat:checked:active:disabled, infobar.info button.flat:checked:checked:disabled, infobar.info button.flat:active:active:disabled, infobar.info button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.info button:focus, infobar.info button:hover, infobar.info button.flat:focus, infobar.info button.flat:hover { + color: #fff; } + infobar.info button:disabled:disabled, infobar.info button.flat:disabled:disabled { + background-color: alpha(mix(#03a9f4,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#03a9f4,#fff,0.5); + box-shadow: none; } + infobar.info button:active:disabled, infobar.info button:checked:disabled, infobar.info button.flat:active:disabled, infobar.info button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.info button.separator, infobar.info button .separator { + border: 1px solid currentColor; + color: rgba(3, 169, 244, 0.9); } + infobar.info button.separator:disabled, infobar.info button .separator:disabled { + color: rgba(3, 169, 244, 0.85); } + infobar.warning, infobar.warning:backdrop { + background-color: #ef6c00; + background-image: none; + border: 1px solid #bf5600; + caret-color: currentColor; } + infobar.warning label, infobar.warning, infobar.warning:backdrop label, infobar.warning:backdrop { + color: #fff; } + infobar.warning button { + background-color: #ef6c00; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + infobar.warning button:focus, infobar.warning button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.warning button:active, infobar.warning button:active:hover, infobar.warning button:active:focus, infobar.warning button:active:hover:focus, infobar.warning button:checked, infobar.warning button:checked:hover, infobar.warning button:checked:focus, infobar.warning button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.warning button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.warning button:active:disabled, infobar.warning button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button.flat { + color: #fff; + border-color: rgba(239, 108, 0, 0); + background-color: rgba(239, 108, 0, 0); + background-image: none; + box-shadow: none; } + infobar.warning button:hover, infobar.warning button.flat:hover { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + infobar.warning button:hover:focus, infobar.warning button:hover:hover, infobar.warning button.flat:hover:focus, infobar.warning button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:hover:active, infobar.warning button:hover:active:hover, infobar.warning button:hover:active:focus, infobar.warning button:hover:active:hover:focus, infobar.warning button:hover:checked, infobar.warning button:hover:checked:hover, infobar.warning button:hover:checked:focus, infobar.warning button:hover:checked:hover:focus, infobar.warning button.flat:hover:active, infobar.warning button.flat:hover:active:hover, infobar.warning button.flat:hover:active:focus, infobar.warning button.flat:hover:active:hover:focus, infobar.warning button.flat:hover:checked, infobar.warning button.flat:hover:checked:hover, infobar.warning button.flat:hover:checked:focus, infobar.warning button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:hover:disabled, infobar.warning button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:hover:active:disabled, infobar.warning button:hover:checked:disabled, infobar.warning button.flat:hover:active:disabled, infobar.warning button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:focus, infobar.warning button.flat:focus { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + infobar.warning button:focus:focus, infobar.warning button:focus:hover, infobar.warning button.flat:focus:focus, infobar.warning button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:focus:active, infobar.warning button:focus:active:hover, infobar.warning button:focus:active:focus, infobar.warning button:focus:active:hover:focus, infobar.warning button:focus:checked, infobar.warning button:focus:checked:hover, infobar.warning button:focus:checked:focus, infobar.warning button:focus:checked:hover:focus, infobar.warning button.flat:focus:active, infobar.warning button.flat:focus:active:hover, infobar.warning button.flat:focus:active:focus, infobar.warning button.flat:focus:active:hover:focus, infobar.warning button.flat:focus:checked, infobar.warning button.flat:focus:checked:hover, infobar.warning button.flat:focus:checked:focus, infobar.warning button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:focus:disabled, infobar.warning button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:focus:active:disabled, infobar.warning button:focus:checked:disabled, infobar.warning button.flat:focus:active:disabled, infobar.warning button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:focus:hover, infobar.warning button.flat:focus:hover { + background-color: #ff7808; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + infobar.warning button:focus:hover:focus, infobar.warning button:focus:hover:hover, infobar.warning button.flat:focus:hover:focus, infobar.warning button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:focus:hover:active, infobar.warning button:focus:hover:active:hover, infobar.warning button:focus:hover:active:focus, infobar.warning button:focus:hover:active:hover:focus, infobar.warning button:focus:hover:checked, infobar.warning button:focus:hover:checked:hover, infobar.warning button:focus:hover:checked:focus, infobar.warning button:focus:hover:checked:hover:focus, infobar.warning button.flat:focus:hover:active, infobar.warning button.flat:focus:hover:active:hover, infobar.warning button.flat:focus:hover:active:focus, infobar.warning button.flat:focus:hover:active:hover:focus, infobar.warning button.flat:focus:hover:checked, infobar.warning button.flat:focus:hover:checked:hover, infobar.warning button.flat:focus:hover:checked:focus, infobar.warning button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:focus:hover:disabled, infobar.warning button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:focus:hover:active:disabled, infobar.warning button:focus:hover:checked:disabled, infobar.warning button.flat:focus:hover:active:disabled, infobar.warning button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:checked, infobar.warning button:active, infobar.warning button.flat:checked, infobar.warning button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.warning button:checked:active, infobar.warning button:checked:active:hover, infobar.warning button:checked:active:focus, infobar.warning button:checked:active:hover:focus, infobar.warning button:checked:checked, infobar.warning button:checked:checked:hover, infobar.warning button:checked:checked:focus, infobar.warning button:checked:checked:hover:focus, infobar.warning button:active:active, infobar.warning button:active:active:hover, infobar.warning button:active:active:focus, infobar.warning button:active:active:hover:focus, infobar.warning button:active:checked, infobar.warning button:active:checked:hover, infobar.warning button:active:checked:focus, infobar.warning button:active:checked:hover:focus, infobar.warning button.flat:checked:active, infobar.warning button.flat:checked:active:hover, infobar.warning button.flat:checked:active:focus, infobar.warning button.flat:checked:active:hover:focus, infobar.warning button.flat:checked:checked, infobar.warning button.flat:checked:checked:hover, infobar.warning button.flat:checked:checked:focus, infobar.warning button.flat:checked:checked:hover:focus, infobar.warning button.flat:active:active, infobar.warning button.flat:active:active:hover, infobar.warning button.flat:active:active:focus, infobar.warning button.flat:active:active:hover:focus, infobar.warning button.flat:active:checked, infobar.warning button.flat:active:checked:hover, infobar.warning button.flat:active:checked:focus, infobar.warning button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.warning button:checked:disabled, infobar.warning button:active:disabled, infobar.warning button.flat:checked:disabled, infobar.warning button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.warning button:checked:active:disabled, infobar.warning button:checked:checked:disabled, infobar.warning button:active:active:disabled, infobar.warning button:active:checked:disabled, infobar.warning button.flat:checked:active:disabled, infobar.warning button.flat:checked:checked:disabled, infobar.warning button.flat:active:active:disabled, infobar.warning button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.warning button:focus, infobar.warning button:hover, infobar.warning button.flat:focus, infobar.warning button.flat:hover { + color: #fff; } + infobar.warning button:disabled:disabled, infobar.warning button.flat:disabled:disabled { + background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#ef6c00,#fff,0.5); + box-shadow: none; } + infobar.warning button:active:disabled, infobar.warning button:checked:disabled, infobar.warning button.flat:active:disabled, infobar.warning button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.warning button.separator, infobar.warning button .separator { + border: 1px solid currentColor; + color: rgba(239, 108, 0, 0.9); } + infobar.warning button.separator:disabled, infobar.warning button .separator:disabled { + color: rgba(239, 108, 0, 0.85); } + infobar.question, infobar.question:backdrop { + background-color: #673ab7; + background-image: none; + border: 1px solid #522e92; + caret-color: currentColor; } + infobar.question label, infobar.question, infobar.question:backdrop label, infobar.question:backdrop { + color: #fff; } + infobar.question button { + background-color: #673ab7; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + infobar.question button:focus, infobar.question button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.question button:active, infobar.question button:active:hover, infobar.question button:active:focus, infobar.question button:active:hover:focus, infobar.question button:checked, infobar.question button:checked:hover, infobar.question button:checked:focus, infobar.question button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.question button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.question button:active:disabled, infobar.question button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button.flat { + color: #fff; + border-color: rgba(103, 58, 183, 0); + background-color: rgba(103, 58, 183, 0); + background-image: none; + box-shadow: none; } + infobar.question button:hover, infobar.question button.flat:hover { + background-color: #6c3dc0; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + infobar.question button:hover:focus, infobar.question button:hover:hover, infobar.question button.flat:hover:focus, infobar.question button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:hover:active, infobar.question button:hover:active:hover, infobar.question button:hover:active:focus, infobar.question button:hover:active:hover:focus, infobar.question button:hover:checked, infobar.question button:hover:checked:hover, infobar.question button:hover:checked:focus, infobar.question button:hover:checked:hover:focus, infobar.question button.flat:hover:active, infobar.question button.flat:hover:active:hover, infobar.question button.flat:hover:active:focus, infobar.question button.flat:hover:active:hover:focus, infobar.question button.flat:hover:checked, infobar.question button.flat:hover:checked:hover, infobar.question button.flat:hover:checked:focus, infobar.question button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:hover:disabled, infobar.question button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:hover:active:disabled, infobar.question button:hover:checked:disabled, infobar.question button.flat:hover:active:disabled, infobar.question button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:focus, infobar.question button.flat:focus { + background-color: #6c3dc0; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + infobar.question button:focus:focus, infobar.question button:focus:hover, infobar.question button.flat:focus:focus, infobar.question button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:focus:active, infobar.question button:focus:active:hover, infobar.question button:focus:active:focus, infobar.question button:focus:active:hover:focus, infobar.question button:focus:checked, infobar.question button:focus:checked:hover, infobar.question button:focus:checked:focus, infobar.question button:focus:checked:hover:focus, infobar.question button.flat:focus:active, infobar.question button.flat:focus:active:hover, infobar.question button.flat:focus:active:focus, infobar.question button.flat:focus:active:hover:focus, infobar.question button.flat:focus:checked, infobar.question button.flat:focus:checked:hover, infobar.question button.flat:focus:checked:focus, infobar.question button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:focus:disabled, infobar.question button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:focus:active:disabled, infobar.question button:focus:checked:disabled, infobar.question button.flat:focus:active:disabled, infobar.question button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:focus:hover, infobar.question button.flat:focus:hover { + background-color: #7345c4; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + infobar.question button:focus:hover:focus, infobar.question button:focus:hover:hover, infobar.question button.flat:focus:hover:focus, infobar.question button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:focus:hover:active, infobar.question button:focus:hover:active:hover, infobar.question button:focus:hover:active:focus, infobar.question button:focus:hover:active:hover:focus, infobar.question button:focus:hover:checked, infobar.question button:focus:hover:checked:hover, infobar.question button:focus:hover:checked:focus, infobar.question button:focus:hover:checked:hover:focus, infobar.question button.flat:focus:hover:active, infobar.question button.flat:focus:hover:active:hover, infobar.question button.flat:focus:hover:active:focus, infobar.question button.flat:focus:hover:active:hover:focus, infobar.question button.flat:focus:hover:checked, infobar.question button.flat:focus:hover:checked:hover, infobar.question button.flat:focus:hover:checked:focus, infobar.question button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:focus:hover:disabled, infobar.question button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:focus:hover:active:disabled, infobar.question button:focus:hover:checked:disabled, infobar.question button.flat:focus:hover:active:disabled, infobar.question button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:checked, infobar.question button:active, infobar.question button.flat:checked, infobar.question button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.question button:checked:active, infobar.question button:checked:active:hover, infobar.question button:checked:active:focus, infobar.question button:checked:active:hover:focus, infobar.question button:checked:checked, infobar.question button:checked:checked:hover, infobar.question button:checked:checked:focus, infobar.question button:checked:checked:hover:focus, infobar.question button:active:active, infobar.question button:active:active:hover, infobar.question button:active:active:focus, infobar.question button:active:active:hover:focus, infobar.question button:active:checked, infobar.question button:active:checked:hover, infobar.question button:active:checked:focus, infobar.question button:active:checked:hover:focus, infobar.question button.flat:checked:active, infobar.question button.flat:checked:active:hover, infobar.question button.flat:checked:active:focus, infobar.question button.flat:checked:active:hover:focus, infobar.question button.flat:checked:checked, infobar.question button.flat:checked:checked:hover, infobar.question button.flat:checked:checked:focus, infobar.question button.flat:checked:checked:hover:focus, infobar.question button.flat:active:active, infobar.question button.flat:active:active:hover, infobar.question button.flat:active:active:focus, infobar.question button.flat:active:active:hover:focus, infobar.question button.flat:active:checked, infobar.question button.flat:active:checked:hover, infobar.question button.flat:active:checked:focus, infobar.question button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.question button:checked:disabled, infobar.question button:active:disabled, infobar.question button.flat:checked:disabled, infobar.question button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.question button:checked:active:disabled, infobar.question button:checked:checked:disabled, infobar.question button:active:active:disabled, infobar.question button:active:checked:disabled, infobar.question button.flat:checked:active:disabled, infobar.question button.flat:checked:checked:disabled, infobar.question button.flat:active:active:disabled, infobar.question button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.question button:focus, infobar.question button:hover, infobar.question button.flat:focus, infobar.question button.flat:hover { + color: #fff; } + infobar.question button:disabled:disabled, infobar.question button.flat:disabled:disabled { + background-color: alpha(mix(#673ab7,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#673ab7,#fff,0.5); + box-shadow: none; } + infobar.question button:active:disabled, infobar.question button:checked:disabled, infobar.question button.flat:active:disabled, infobar.question button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.question button.separator, infobar.question button .separator { + border: 1px solid currentColor; + color: rgba(103, 58, 183, 0.9); } + infobar.question button.separator:disabled, infobar.question button .separator:disabled { + color: rgba(103, 58, 183, 0.85); } + infobar.error, infobar.error:backdrop { + background-color: #f44336; + background-image: none; + border: 1px solid #e21b0c; + caret-color: currentColor; } + infobar.error label, infobar.error, infobar.error:backdrop label, infobar.error:backdrop { + color: #fff; } + infobar.error button { + background-color: #f44336; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.12); } + infobar.error button:focus, infobar.error button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.error button:active, infobar.error button:active:hover, infobar.error button:active:focus, infobar.error button:active:hover:focus, infobar.error button:checked, infobar.error button:checked:hover, infobar.error button:checked:focus, infobar.error button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.error button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.error button:active:disabled, infobar.error button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button.flat { + color: #fff; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + infobar.error button:hover, infobar.error button.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + infobar.error button:hover:focus, infobar.error button:hover:hover, infobar.error button.flat:hover:focus, infobar.error button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:hover:active, infobar.error button:hover:active:hover, infobar.error button:hover:active:focus, infobar.error button:hover:active:hover:focus, infobar.error button:hover:checked, infobar.error button:hover:checked:hover, infobar.error button:hover:checked:focus, infobar.error button:hover:checked:hover:focus, infobar.error button.flat:hover:active, infobar.error button.flat:hover:active:hover, infobar.error button.flat:hover:active:focus, infobar.error button.flat:hover:active:hover:focus, infobar.error button.flat:hover:checked, infobar.error button.flat:hover:checked:hover, infobar.error button.flat:hover:checked:focus, infobar.error button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:hover:disabled, infobar.error button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:hover:active:disabled, infobar.error button:hover:checked:disabled, infobar.error button.flat:hover:active:disabled, infobar.error button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:focus, infobar.error button.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + infobar.error button:focus:focus, infobar.error button:focus:hover, infobar.error button.flat:focus:focus, infobar.error button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:focus:active, infobar.error button:focus:active:hover, infobar.error button:focus:active:focus, infobar.error button:focus:active:hover:focus, infobar.error button:focus:checked, infobar.error button:focus:checked:hover, infobar.error button:focus:checked:focus, infobar.error button:focus:checked:hover:focus, infobar.error button.flat:focus:active, infobar.error button.flat:focus:active:hover, infobar.error button.flat:focus:active:focus, infobar.error button.flat:focus:active:hover:focus, infobar.error button.flat:focus:checked, infobar.error button.flat:focus:checked:hover, infobar.error button.flat:focus:checked:focus, infobar.error button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:focus:disabled, infobar.error button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:focus:active:disabled, infobar.error button:focus:checked:disabled, infobar.error button.flat:focus:active:disabled, infobar.error button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:focus:hover, infobar.error button.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.38); } + infobar.error button:focus:hover:focus, infobar.error button:focus:hover:hover, infobar.error button.flat:focus:hover:focus, infobar.error button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:focus:hover:active, infobar.error button:focus:hover:active:hover, infobar.error button:focus:hover:active:focus, infobar.error button:focus:hover:active:hover:focus, infobar.error button:focus:hover:checked, infobar.error button:focus:hover:checked:hover, infobar.error button:focus:hover:checked:focus, infobar.error button:focus:hover:checked:hover:focus, infobar.error button.flat:focus:hover:active, infobar.error button.flat:focus:hover:active:hover, infobar.error button.flat:focus:hover:active:focus, infobar.error button.flat:focus:hover:active:hover:focus, infobar.error button.flat:focus:hover:checked, infobar.error button.flat:focus:hover:checked:hover, infobar.error button.flat:focus:hover:checked:focus, infobar.error button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:focus:hover:disabled, infobar.error button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:focus:hover:active:disabled, infobar.error button:focus:hover:checked:disabled, infobar.error button.flat:focus:hover:active:disabled, infobar.error button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:checked, infobar.error button:active, infobar.error button.flat:checked, infobar.error button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.error button:checked:active, infobar.error button:checked:active:hover, infobar.error button:checked:active:focus, infobar.error button:checked:active:hover:focus, infobar.error button:checked:checked, infobar.error button:checked:checked:hover, infobar.error button:checked:checked:focus, infobar.error button:checked:checked:hover:focus, infobar.error button:active:active, infobar.error button:active:active:hover, infobar.error button:active:active:focus, infobar.error button:active:active:hover:focus, infobar.error button:active:checked, infobar.error button:active:checked:hover, infobar.error button:active:checked:focus, infobar.error button:active:checked:hover:focus, infobar.error button.flat:checked:active, infobar.error button.flat:checked:active:hover, infobar.error button.flat:checked:active:focus, infobar.error button.flat:checked:active:hover:focus, infobar.error button.flat:checked:checked, infobar.error button.flat:checked:checked:hover, infobar.error button.flat:checked:checked:focus, infobar.error button.flat:checked:checked:hover:focus, infobar.error button.flat:active:active, infobar.error button.flat:active:active:hover, infobar.error button.flat:active:active:focus, infobar.error button.flat:active:active:hover:focus, infobar.error button.flat:active:checked, infobar.error button.flat:active:checked:hover, infobar.error button.flat:active:checked:focus, infobar.error button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.error button:checked:disabled, infobar.error button:active:disabled, infobar.error button.flat:checked:disabled, infobar.error button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.error button:checked:active:disabled, infobar.error button:checked:checked:disabled, infobar.error button:active:active:disabled, infobar.error button:active:checked:disabled, infobar.error button.flat:checked:active:disabled, infobar.error button.flat:checked:checked:disabled, infobar.error button.flat:active:active:disabled, infobar.error button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.error button:focus, infobar.error button:hover, infobar.error button.flat:focus, infobar.error button.flat:hover { + color: #fff; } + infobar.error button:disabled:disabled, infobar.error button.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#fff,0.5); + box-shadow: none; } + infobar.error button:active:disabled, infobar.error button:checked:disabled, infobar.error button.flat:active:disabled, infobar.error button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.error button.separator, infobar.error button .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + infobar.error button.separator:disabled, infobar.error button .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/********* + ! Entry * +**********/ +.linked:not(.vertical) > entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; } + .linked:not(.vertical) > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .linked:not(.vertical) > entry:first-child:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; } + .linked:not(.vertical) > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .linked:not(.vertical) > entry:last-child:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; } + .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { + border-width: 1px; } + .linked:not(.vertical) > entry:only-child { + border-radius: 0px; } + +.linked.vertical > entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } + .linked.vertical > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > entry:first-child:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; } + .linked.vertical > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > entry:last-child:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; } + .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { + border-width: 1px; } + .linked.vertical > entry:only-child { + border-radius: 0px; } + +entry, menuitem entry, popover.background entry, .osd entry, +#XfceNotifyWindow entry, #login_window entry { + border-width: 1px; + border-style: solid; + border-radius: 0px; + border-color: #242424; + transition: border 100ms ease-out; + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.1), inset 0 1px rgba(44, 44, 44, 0.12), inset -1px 0 rgba(44, 44, 44, 0.1), inset 0 -1px rgba(44, 44, 44, 0.05); } + entry:focus, popover.background entry:focus, + #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, + #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, + #XfceNotifyWindow entry:active, #login_window entry:active { + transition: border 100ms ease-in; } + entry:selected, popover.background entry:selected, + #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, + #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { + background-color: #990000; + color: #dedede; } + entry:disabled, popover.background entry:disabled, + #XfceNotifyWindow entry:disabled, #login_window entry:disabled { + box-shadow: none; } + entry progress, popover.background entry progress, .osd entry progress, + #XfceNotifyWindow entry progress, #login_window entry progress { + background-color: #990000; + background-image: none; + border-width: 0; + border-radius: 0px; + color: #dedede; } + entry image.left, + #XfceNotifyWindow entry image.left, #login_window entry image.left { + padding-right: 3px; } + entry image.right, + #XfceNotifyWindow entry image.right, #login_window entry image.right { + padding-left: 3px; } + entry.warning, popover.background entry.warning, + #XfceNotifyWindow entry.warning, #login_window entry.warning { + color: #fff; + border-color: #bf5600; + background-color: mix(#2d2d2d,#ef6c00,0.6); } + entry.warning image, + #XfceNotifyWindow entry.warning image, #login_window entry.warning image { + color: #fff; } + entry.warning:focus, + #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { + color: #fff; + border-color: mix(#990000,#ef6c00,0.3); + background-color: #ef6c00; + box-shadow: none; } + entry.warning selection, + #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { + background-color: #fff; + color: #ef6c00; } + entry.error, popover.background entry.error, + #XfceNotifyWindow entry.error, #login_window entry.error { + color: #fff; + border-color: #e21b0c; + background-color: mix(#2d2d2d,#f44336,0.6); } + entry.error image, + #XfceNotifyWindow entry.error image, #login_window entry.error image { + color: #fff; } + entry.error:focus, + #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.error selection, + #XfceNotifyWindow entry.error selection, #login_window entry.error selection { + background-color: #fff; + color: #f44336; } + entry.search-missing, popover.background entry.search-missing, + #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { + color: #fff; + border-color: #e21b0c; + background-color: mix(#2d2d2d,#f44336,0.6); } + entry.search-missing image, + #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { + color: #fff; } + entry.search-missing:focus, + #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.search-missing selection, + #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { + background-color: #fff; + color: #f44336; } + +/********* + ! Menubar +**********/ +menubar, .menubar { + -GtkWidget-window-dragging: true; + padding: 0; + border: 0; + background-color: #2d2d2d; + background-image: none; + color: #dedede; } + menubar > menuitem, .menubar > menuitem { + min-height: 16px; + padding: 4.5px 7.5px; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: #dedede; } + menubar > menuitem:hover, .menubar > menuitem:hover { + border-color: mix(#2d2d2d,#dedede,0.21); + background-color: mix(#2d2d2d,#dedede,0.21); + background-image: none; + color: #f0f0f0; } + menubar > menuitem *:hover, .menubar > menuitem *:hover { + color: #f0f0f0; } + +/****** + ! Menu +*******/ +menu, +.menu, +.context-menu { + border: 0; + border-radius: 0; + padding: 3px; + background-color: #2d2d2d; + color: #dedede; } + .csd menu, .csd + .menu, .csd + .context-menu { + border: 0; } + menu:selected, + .menu:selected, + .context-menu:selected { + background-color: #990000; } + menu separator, .csd menu separator, + .menu separator, .csd + .menu separator, + .context-menu separator, .csd + .context-menu separator { + background-color: #292929; + margin: 1px 0; } + menu .separator, .csd menu .separator, + .menu .separator, .csd + .menu .separator, + .context-menu .separator, .csd + .context-menu .separator { + color: #292929; } + menu menuitem, + .menu menuitem, + .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 3px; + border-radius: 0; } + menu menuitem:active, menu menuitem:hover, + .menu menuitem:active, + .menu menuitem:hover, + .context-menu menuitem:active, + .context-menu menuitem:hover { + border: 0; + background-color: #990000; + background-image: none; + color: #dedede; } + menu menuitem *:active, menu menuitem *:hover, + .menu menuitem *:active, + .menu menuitem *:hover, + .context-menu menuitem *:active, + .context-menu menuitem *:hover { + color: #dedede; } + menu menuitem:disabled, menu menuitem *:disabled, + .menu menuitem:disabled, + .menu menuitem *:disabled, + .context-menu menuitem:disabled, + .context-menu menuitem *:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + menu menuitem arrow, + .menu menuitem arrow, + .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-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), + .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem.button, menu menuitem.button:focus, menu menuitem.button:active, menu menuitem.button:disabled, menu menuitem.button:active:disabled, menu menuitem.button.flat, menu menuitem.button.flat:focus, menu menuitem.button.flat:active, menu menuitem.button.flat:disabled, menu menuitem.button.flat:active:disabled, + .menu menuitem.button, + .menu menuitem.button:focus, + .menu menuitem.button:active, + .menu menuitem.button:disabled, + .menu menuitem.button:active:disabled, + .menu menuitem.button.flat, + .menu menuitem.button.flat:focus, + .menu menuitem.button.flat:active, + .menu menuitem.button.flat:disabled, + .menu menuitem.button.flat:active:disabled, + .context-menu menuitem.button, + .context-menu menuitem.button:focus, + .context-menu menuitem.button:active, + .context-menu menuitem.button:disabled, + .context-menu menuitem.button:active:disabled, + .context-menu menuitem.button.flat, + .context-menu menuitem.button.flat:focus, + .context-menu menuitem.button.flat:active, + .context-menu menuitem.button.flat:disabled, + .context-menu menuitem.button.flat:active:disabled { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; } + menu menuitem.button:hover, menu menuitem.button:focus:hover, menu menuitem.button:active:hover, menu menuitem.button:selected, menu menuitem.button.flat:hover, menu menuitem.button.flat:focus:hover, menu menuitem.button.flat:active:hover, menu menuitem.button.flat:selected, + .menu menuitem.button:hover, + .menu menuitem.button:focus:hover, + .menu menuitem.button:active:hover, + .menu menuitem.button:selected, + .menu menuitem.button.flat:hover, + .menu menuitem.button.flat:focus:hover, + .menu menuitem.button.flat:active:hover, + .menu menuitem.button.flat:selected, + .context-menu menuitem.button:hover, + .context-menu menuitem.button:focus:hover, + .context-menu menuitem.button:active:hover, + .context-menu menuitem.button:selected, + .context-menu menuitem.button.flat:hover, + .context-menu menuitem.button.flat:focus:hover, + .context-menu menuitem.button.flat:active:hover, + .context-menu menuitem.button.flat:selected { + background-image: none; + background-color: #990000; + color: #dedede; } + menu menuitem calendar, + .menu menuitem calendar, + .context-menu menuitem calendar { + color: #dedede; } + menu menuitem calendar.header, + .menu menuitem calendar.header, + .context-menu menuitem calendar.header { + border-bottom: 1px solid #292929; + border-radius: 0; } + menu menuitem calendar.header:backdrop, + .menu menuitem calendar.header:backdrop, + .context-menu menuitem calendar.header:backdrop { + border-color: #292929; } + menu menuitem calendar.button, + .menu menuitem calendar.button, + .context-menu menuitem calendar.button { + color: rgba(222, 222, 222, 0.55); } + menu menuitem calendar.button:hover, + .menu menuitem calendar.button:hover, + .context-menu menuitem calendar.button:hover { + color: #dedede; } + menu menuitem calendar:indeterminate, menu menuitem calendar:indeterminate:backdrop, + .menu menuitem calendar:indeterminate, + .menu menuitem calendar:indeterminate:backdrop, + .context-menu menuitem calendar:indeterminate, + .context-menu menuitem calendar:indeterminate:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, + .menu > arrow, + .context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 3px; + background-color: #2d2d2d; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top, + .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.1); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom, + .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid mix(#dedede,#2d2d2d,0.1); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover, + .context-menu > arrow:hover { + background-color: mix(#dedede,#2d2d2d,0.1); } + menu > arrow:backdrop, + .menu > arrow:backdrop, + .context-menu > arrow:backdrop { + background-color: #2d2d2d; } + menu > arrow:disabled, + .menu > arrow:disabled, + .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +.context-menu { + font: initial; } + +.monospace { + font-family: monospace; } + +menuitem accelerator { + color: rgba(222, 222, 222, 0.6); } + menuitem accelerator:hover { + color: rgba(222, 222, 222, 0.8); } + menuitem accelerator:disabled { + color: alpha(mix(#dedede,#2d2d2d,0.5),0.4); } +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; } +menuitem window decoration { + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } +menuitem entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + menuitem entry:focus, menuitem entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + menuitem entry:active, menuitem entry:active:hover, menuitem entry:active:focus, menuitem entry:active:hover:focus, menuitem entry:checked, menuitem entry:checked:hover, menuitem entry:checked:focus, menuitem entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + menuitem entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + menuitem entry:active:disabled, menuitem entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + menuitem entry:focus, menuitem entry:active { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.08),0.3); } + menuitem entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + menuitem entry:disabled:focus, menuitem entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + menuitem entry:disabled:active, menuitem entry:disabled:active:hover, menuitem entry:disabled:active:focus, menuitem entry:disabled:active:hover:focus, menuitem entry:disabled:checked, menuitem entry:disabled:checked:hover, menuitem entry:disabled:checked:focus, menuitem entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + menuitem entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + menuitem entry:disabled:active:disabled, menuitem entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + +/********* + ! Popover +**********/ +popover.background { + padding: 0px; + border-radius: 0px; + background-clip: border-box; + background-color: #2d2d2d; + background-image: none; + color: #dedede; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } + .csd popover.background, popover.background { + /*@include border($menu_bg_color);*/ + border-color: rgba(178, 178, 178, 0.5); + border-width: 1px; + border-style: solid; } + .csd popover.background:focus, .csd popover.background:hover, popover.background:focus, popover.background:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.5),0.3); } + .csd popover.background:active, .csd popover.background:active:hover, .csd popover.background:active:focus, .csd popover.background:active:hover:focus, .csd popover.background:checked, .csd popover.background:checked:hover, .csd popover.background:checked:focus, .csd popover.background:checked:hover:focus, popover.background:active, popover.background:active:hover, popover.background:active:focus, popover.background:active:hover:focus, popover.background:checked, popover.background:checked:hover, popover.background:checked:focus, popover.background:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.5); } + .csd popover.background:disabled, popover.background:disabled { + border-color: rgba(189, 189, 189, 0.5); } + .csd popover.background:active:disabled, .csd popover.background:checked:disabled, popover.background:active:disabled, popover.background:checked:disabled { + border-color: rgba(178, 178, 178, 0.5); } + popover.background:backdrop { + box-shadow: none; } + popover.background treeview.view:hover, popover.background treeview.view:selected, popover.background treeview.view:selected:focus, popover.background treeview.view:backdrop:selected, popover.background treeview.view:backdrop:selected:focus { + border-top-color: #990000; } + popover.background treeview.view, popover.background treeview.view:backdrop { + border-top-color: #363636; } + popover.background view:hover, popover.background .view:hover, popover.background iconview:hover, popover.background list:hover { + background-image: none; + background-color: #990000; + color: #dedede; } + popover.background view, popover.background view:backdrop, popover.background .view, popover.background iconview, popover.background .view:backdrop, popover.background iconview:backdrop, popover.background list, popover.background list:backdrop { + background-color: #3b3b3b; + background-image: none; + color: #dedede; + border-color: #242424; } + popover.background list row, popover.background list row .button { + background-color: transparent; + background-image: none; + color: #dedede; } + popover.background list row:focus, popover.background list row:hover, popover.background list row:active, popover.background list row .button:focus, popover.background list row .button:hover, popover.background list row .button:active { + background-image: none; + background-color: #990000; + color: #dedede; } + popover.background .frame { + border-color: #242424; + border-radius: 0px; } + popover.background entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + popover.background entry:focus, popover.background entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + popover.background entry:active, popover.background entry:active:hover, popover.background entry:active:focus, popover.background entry:active:hover:focus, popover.background entry:checked, popover.background entry:checked:hover, popover.background entry:checked:focus, popover.background entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + popover.background entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + popover.background entry:active:disabled, popover.background entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + popover.background entry:focus, popover.background entry:active { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.08),0.3); } + popover.background entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + popover.background entry:disabled:focus, popover.background entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + popover.background entry:disabled:active, popover.background entry:disabled:active:hover, popover.background entry:disabled:active:focus, popover.background entry:disabled:active:hover:focus, popover.background entry:disabled:checked, popover.background entry:disabled:checked:hover, popover.background entry:disabled:checked:focus, popover.background entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + popover.background entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + popover.background entry:disabled:active:disabled, popover.background entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + popover.background button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + popover.background button:focus, popover.background button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + popover.background button:active, popover.background button:active:hover, popover.background button:active:focus, popover.background button:active:hover:focus, popover.background button:checked, popover.background button:checked:hover, popover.background button:checked:focus, popover.background button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + popover.background button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + popover.background button:active:disabled, popover.background button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + popover.background button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + popover.background button:hover, popover.background button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + popover.background button:hover:focus, popover.background button:hover:hover, popover.background button.flat:hover:focus, popover.background button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + popover.background button:hover:active, popover.background button:hover:active:hover, popover.background button:hover:active:focus, popover.background button:hover:active:hover:focus, popover.background button:hover:checked, popover.background button:hover:checked:hover, popover.background button:hover:checked:focus, popover.background button:hover:checked:hover:focus, popover.background button.flat:hover:active, popover.background button.flat:hover:active:hover, popover.background button.flat:hover:active:focus, popover.background button.flat:hover:active:hover:focus, popover.background button.flat:hover:checked, popover.background button.flat:hover:checked:hover, popover.background button.flat:hover:checked:focus, popover.background button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + popover.background button:hover:disabled, popover.background button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + popover.background button:hover:active:disabled, popover.background button:hover:checked:disabled, popover.background button.flat:hover:active:disabled, popover.background button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + popover.background button:focus, popover.background button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + popover.background button:focus:focus, popover.background button:focus:hover, popover.background button.flat:focus:focus, popover.background button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + popover.background button:focus:active, popover.background button:focus:active:hover, popover.background button:focus:active:focus, popover.background button:focus:active:hover:focus, popover.background button:focus:checked, popover.background button:focus:checked:hover, popover.background button:focus:checked:focus, popover.background button:focus:checked:hover:focus, popover.background button.flat:focus:active, popover.background button.flat:focus:active:hover, popover.background button.flat:focus:active:focus, popover.background button.flat:focus:active:hover:focus, popover.background button.flat:focus:checked, popover.background button.flat:focus:checked:hover, popover.background button.flat:focus:checked:focus, popover.background button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + popover.background button:focus:disabled, popover.background button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + popover.background button:focus:active:disabled, popover.background button:focus:checked:disabled, popover.background button.flat:focus:active:disabled, popover.background button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + popover.background button:focus:hover, popover.background button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + popover.background button:focus:hover:focus, popover.background button:focus:hover:hover, popover.background button.flat:focus:hover:focus, popover.background button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + popover.background button:focus:hover:active, popover.background button:focus:hover:active:hover, popover.background button:focus:hover:active:focus, popover.background button:focus:hover:active:hover:focus, popover.background button:focus:hover:checked, popover.background button:focus:hover:checked:hover, popover.background button:focus:hover:checked:focus, popover.background button:focus:hover:checked:hover:focus, popover.background button.flat:focus:hover:active, popover.background button.flat:focus:hover:active:hover, popover.background button.flat:focus:hover:active:focus, popover.background button.flat:focus:hover:active:hover:focus, popover.background button.flat:focus:hover:checked, popover.background button.flat:focus:hover:checked:hover, popover.background button.flat:focus:hover:checked:focus, popover.background button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + popover.background button:focus:hover:disabled, popover.background button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + popover.background button:focus:hover:active:disabled, popover.background button:focus:hover:checked:disabled, popover.background button.flat:focus:hover:active:disabled, popover.background button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + popover.background button:checked, popover.background button:active, popover.background button.flat:checked, popover.background button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + popover.background button:checked:active, popover.background button:checked:active:hover, popover.background button:checked:active:focus, popover.background button:checked:active:hover:focus, popover.background button:checked:checked, popover.background button:checked:checked:hover, popover.background button:checked:checked:focus, popover.background button:checked:checked:hover:focus, popover.background button:active:active, popover.background button:active:active:hover, popover.background button:active:active:focus, popover.background button:active:active:hover:focus, popover.background button:active:checked, popover.background button:active:checked:hover, popover.background button:active:checked:focus, popover.background button:active:checked:hover:focus, popover.background button.flat:checked:active, popover.background button.flat:checked:active:hover, popover.background button.flat:checked:active:focus, popover.background button.flat:checked:active:hover:focus, popover.background button.flat:checked:checked, popover.background button.flat:checked:checked:hover, popover.background button.flat:checked:checked:focus, popover.background button.flat:checked:checked:hover:focus, popover.background button.flat:active:active, popover.background button.flat:active:active:hover, popover.background button.flat:active:active:focus, popover.background button.flat:active:active:hover:focus, popover.background button.flat:active:checked, popover.background button.flat:active:checked:hover, popover.background button.flat:active:checked:focus, popover.background button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + popover.background button:checked:disabled, popover.background button:active:disabled, popover.background button.flat:checked:disabled, popover.background button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + popover.background button:checked:active:disabled, popover.background button:checked:checked:disabled, popover.background button:active:active:disabled, popover.background button:active:checked:disabled, popover.background button.flat:checked:active:disabled, popover.background button.flat:checked:checked:disabled, popover.background button.flat:active:active:disabled, popover.background button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + popover.background button:focus, popover.background button:hover, popover.background button.flat:focus, popover.background button.flat:hover { + color: #dedede; } + popover.background button:disabled:disabled, popover.background button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + popover.background button:active:disabled, popover.background button:checked:disabled, popover.background button.flat:active:disabled, popover.background button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + popover.background button.separator, popover.background button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + popover.background button.separator:disabled, popover.background button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + popover.background .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + popover.background .linked > button:focus, popover.background .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + popover.background .linked > button:active, popover.background .linked > button:active:hover, popover.background .linked > button:active:focus, popover.background .linked > button:active:hover:focus, popover.background .linked > button:checked, popover.background .linked > button:checked:hover, popover.background .linked > button:checked:focus, popover.background .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + popover.background .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + popover.background .linked > button:last-child, popover.background .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + popover.background .linked > button:last-child:hover, popover.background .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + popover.background .linked > button:disabled:last-child, popover.background .linked > button:disabled:only-child, popover.background .linked > button:active:disabled:last-child, popover.background .linked > button:active:disabled:only-child, popover.background .linked > button:checked:disabled:last-child, popover.background .linked > button:checked:disabled:only-child { + box-shadow: none; } + popover.background .linked > button:active:last-child, popover.background .linked > button:active:last-child:focus, popover.background .linked > button:active:last-child:hover, popover.background .linked > button:active:last-child:hover:focus, popover.background .linked > button:checked:last-child, popover.background .linked > button:checked:last-child:focus, popover.background .linked > button:checked:last-child:hover, popover.background .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + popover.background .linked > button:active:only-child, popover.background .linked > button:active:only-child:focus, popover.background .linked > button:active:only-child:hover, popover.background .linked > button:active:only-child:hover:focus, popover.background .linked > button:checked:only-child, popover.background .linked > button:checked:only-child:focus, popover.background .linked > button:checked:only-child:hover, popover.background .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { + border-style: none; + background-color: transparent; } + +modelbutton.flat, +menuitem.button.flat { + padding: 3px 5px; + outline-color: transparent; + transition: none; } + modelbutton.flat:hover, + menuitem.button.flat:hover { + background-color: #990000; + color: #dedede; } + modelbutton.flat:checked, + menuitem.button.flat:checked { + color: #dedede; } + modelbutton.flat arrow.left, + menuitem.button.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, + menuitem.button.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child { + margin-right: 8px; } + +/*************** +! Dimmed label * +****************/ +.dim-label, label.separator { + opacity: .5; + text-shadow: none; } + +/*********** + ! Tooltip * +************/ +.tooltip.background, .tooltip.background.csd, +tooltip.background, +tooltip.background.csd { + background-color: #2d2d2d; + background-clip: padding-box; + border: 1px solid #242424; + border-radius: 0px; + color: #dedede; } +.tooltip *, +tooltip * { + background-color: transparent; + color: inherit; } + +/*********** + ! Dialogs * +************/ +messagedialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: 0; + -GtkDialog-action-area-border: 0; + -GtkDialog-button-spacing: 3px; + margin: 0; + padding: 0; } + +printdialog paper { + color: #dedede; + border: 1px solid mix(#2d2d2d,#dedede,0.08); + background: #fff; + padding: 0; } + printdialog paper:backdrop { + color: mix(#dedede,#2d2d2d,0.5); + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } +printdialog .dialog-action-box { + margin: 6px; } + +/********************* + ! App notifications * +**********************/ +frame.app-notification { + border-style: solid; + border-color: rgba(36, 36, 36, 0.8); + border-width: 0 1px 1px; + border-radius: 0 0 0px 0px; + padding: 6px; + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + color: #dedede; } + frame.app-notification button { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + frame.app-notification button:focus, frame.app-notification button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + frame.app-notification button:active, frame.app-notification button:active:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover:focus, frame.app-notification button:checked, frame.app-notification button:checked:hover, frame.app-notification button:checked:focus, frame.app-notification button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + frame.app-notification button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + frame.app-notification button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + frame.app-notification button:hover, frame.app-notification button.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + frame.app-notification button:hover:focus, frame.app-notification button:hover:hover, frame.app-notification button.flat:hover:focus, frame.app-notification button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + frame.app-notification button:hover:active, frame.app-notification button:hover:active:hover, frame.app-notification button:hover:active:focus, frame.app-notification button:hover:active:hover:focus, frame.app-notification button:hover:checked, frame.app-notification button:hover:checked:hover, frame.app-notification button:hover:checked:focus, frame.app-notification button:hover:checked:hover:focus, frame.app-notification button.flat:hover:active, frame.app-notification button.flat:hover:active:hover, frame.app-notification button.flat:hover:active:focus, frame.app-notification button.flat:hover:active:hover:focus, frame.app-notification button.flat:hover:checked, frame.app-notification button.flat:hover:checked:hover, frame.app-notification button.flat:hover:checked:focus, frame.app-notification button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + frame.app-notification button:hover:disabled, frame.app-notification button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + frame.app-notification button:hover:active:disabled, frame.app-notification button:hover:checked:disabled, frame.app-notification button.flat:hover:active:disabled, frame.app-notification button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + frame.app-notification button:focus, frame.app-notification button.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + frame.app-notification button:focus:focus, frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:focus, frame.app-notification button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + frame.app-notification button:focus:active, frame.app-notification button:focus:active:hover, frame.app-notification button:focus:active:focus, frame.app-notification button:focus:active:hover:focus, frame.app-notification button:focus:checked, frame.app-notification button:focus:checked:hover, frame.app-notification button:focus:checked:focus, frame.app-notification button:focus:checked:hover:focus, frame.app-notification button.flat:focus:active, frame.app-notification button.flat:focus:active:hover, frame.app-notification button.flat:focus:active:focus, frame.app-notification button.flat:focus:active:hover:focus, frame.app-notification button.flat:focus:checked, frame.app-notification button.flat:focus:checked:hover, frame.app-notification button.flat:focus:checked:focus, frame.app-notification button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + frame.app-notification button:focus:disabled, frame.app-notification button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + frame.app-notification button:focus:active:disabled, frame.app-notification button:focus:checked:disabled, frame.app-notification button.flat:focus:active:disabled, frame.app-notification button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + frame.app-notification button:focus:hover:focus, frame.app-notification button:focus:hover:hover, frame.app-notification button.flat:focus:hover:focus, frame.app-notification button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + frame.app-notification button:focus:hover:active, frame.app-notification button:focus:hover:active:hover, frame.app-notification button:focus:hover:active:focus, frame.app-notification button:focus:hover:active:hover:focus, frame.app-notification button:focus:hover:checked, frame.app-notification button:focus:hover:checked:hover, frame.app-notification button:focus:hover:checked:focus, frame.app-notification button:focus:hover:checked:hover:focus, frame.app-notification button.flat:focus:hover:active, frame.app-notification button.flat:focus:hover:active:hover, frame.app-notification button.flat:focus:hover:active:focus, frame.app-notification button.flat:focus:hover:active:hover:focus, frame.app-notification button.flat:focus:hover:checked, frame.app-notification button.flat:focus:hover:checked:hover, frame.app-notification button.flat:focus:hover:checked:focus, frame.app-notification button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + frame.app-notification button:focus:hover:disabled, frame.app-notification button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + frame.app-notification button:focus:hover:active:disabled, frame.app-notification button:focus:hover:checked:disabled, frame.app-notification button.flat:focus:hover:active:disabled, frame.app-notification button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + frame.app-notification button:checked, frame.app-notification button:active, frame.app-notification button.flat:checked, frame.app-notification button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + frame.app-notification button:checked:active, frame.app-notification button:checked:active:hover, frame.app-notification button:checked:active:focus, frame.app-notification button:checked:active:hover:focus, frame.app-notification button:checked:checked, frame.app-notification button:checked:checked:hover, frame.app-notification button:checked:checked:focus, frame.app-notification button:checked:checked:hover:focus, frame.app-notification button:active:active, frame.app-notification button:active:active:hover, frame.app-notification button:active:active:focus, frame.app-notification button:active:active:hover:focus, frame.app-notification button:active:checked, frame.app-notification button:active:checked:hover, frame.app-notification button:active:checked:focus, frame.app-notification button:active:checked:hover:focus, frame.app-notification button.flat:checked:active, frame.app-notification button.flat:checked:active:hover, frame.app-notification button.flat:checked:active:focus, frame.app-notification button.flat:checked:active:hover:focus, frame.app-notification button.flat:checked:checked, frame.app-notification button.flat:checked:checked:hover, frame.app-notification button.flat:checked:checked:focus, frame.app-notification button.flat:checked:checked:hover:focus, frame.app-notification button.flat:active:active, frame.app-notification button.flat:active:active:hover, frame.app-notification button.flat:active:active:focus, frame.app-notification button.flat:active:active:hover:focus, frame.app-notification button.flat:active:checked, frame.app-notification button.flat:active:checked:hover, frame.app-notification button.flat:active:checked:focus, frame.app-notification button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + frame.app-notification button:checked:disabled, frame.app-notification button:active:disabled, frame.app-notification button.flat:checked:disabled, frame.app-notification button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + frame.app-notification button:checked:active:disabled, frame.app-notification button:checked:checked:disabled, frame.app-notification button:active:active:disabled, frame.app-notification button:active:checked:disabled, frame.app-notification button.flat:checked:active:disabled, frame.app-notification button.flat:checked:checked:disabled, frame.app-notification button.flat:active:active:disabled, frame.app-notification button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + frame.app-notification button:focus, frame.app-notification button:hover, frame.app-notification button.flat:focus, frame.app-notification button.flat:hover { + color: #dedede; } + frame.app-notification button:disabled:disabled, frame.app-notification button.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled, frame.app-notification button.flat:active:disabled, frame.app-notification button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + frame.app-notification button.separator, frame.app-notification button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + frame.app-notification button.separator:disabled, frame.app-notification button .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + frame.app-notification border { + border: 0; } + +/************* + ! 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: alpha(currentColor,0.8); } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/******************* + ! Symbolic images * +********************/ +.image { + color: alpha(currentColor,0.5); } + .image:hover { + color: alpha(currentColor,0.9); } + .image:selected, .image:selected:hover { + color: #dedede; } + +/**************** + ! Floating bar * +*****************/ +.floating-bar { + background-color: #2d2d2d; + background-image: none; + border: 1px solid #242424; + border-radius: 0px; + color: #dedede; } + .floating-bar.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; } + .floating-bar.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .floating-bar.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .floating-bar.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .floating-bar button { + border: 0; + background-color: transparent; + background-image: none; } + +/************************* + ! Touch text selections * +**************************/ +GtkBubbleWindow { + border-radius: 0px; + background-clip: border-box; } + GtkBubbleWindow.osd.background { + background-color: rgba(45, 45, 45, 0.8); } + GtkBubbleWindow .toolbar { + background-color: transparent; } + +/*************** + ! Font-viewer * +****************/ +SushiFontWidget { + padding: 3px 6px; } + +/************* + ! Gucharmap * +**************/ +GucharmapChartable { + background-color: #2d2d2d; + color: #dedede; } + +/************* + ! Evolution * +**************/ +EPreviewPane .entry { + background-color: #2d2d2d; + color: #dedede; } + +/******************* + ! Gnome Bluetooth * +********************/ +entry.entry.pin-entry { + font-style: normal; + font-size: 50px; + padding-left: 15px; + padding-right: 15px; } + +label.pin-label { + font-style: normal; + font-size: 50px; } + +/************************ + ! Shortcut window keys * +*************************/ +.keycap { + min-width: 20px; + min-height: 24px; + margin-top: 2px; + padding-bottom: 1.5px; + padding-left: 3px; + padding-right: 3px; + color: #dedede; + background-color: #2d2d2d; + border: 1px solid; + border-color: mix(mix(#2d2d2d,#dedede,0.08),#2d2d2d,0.5); + border-radius: 0px; + box-shadow: inset 0 -3px mix(#2d2d2d,#2d2d2d,0.2); + font-size: smaller; } + .keycap:backdrop { + background-color: #2d2d2d; + color: mix(#dedede,#2d2d2d,0.5); + transition: 200ms ease-out; } + +/***************** + ! Stackswitcher * +******************/ +stackswitcher button.text-button { + min-width: 80px; } +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 28px; + min-height: 28px; + padding: 0; } + +/******************* + ! Selected Items * +********************/ +entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, +#XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, +menuitem.button.flat:active, +menuitem.button.flat:active arrow, +menuitem.button.flat:selected, +menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + background-color: #990000; } + row:selected label, label:selected, entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, + #XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, + menuitem.button.flat:active, + menuitem.button.flat:active arrow, + menuitem.button.flat:selected, + menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + color: #dedede; + outline-color: rgba(222, 222, 222, 0.3); } + row:selected label:disabled, label:disabled:selected, label:disabled selection, entry selection:disabled, + #XfceNotifyWindow entry selection:disabled, #login_window entry selection:disabled, calendar:disabled:selected, row:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, + menuitem.button.flat:disabled:active, + menuitem.button.flat:active arrow:disabled, + menuitem.button.flat:disabled:selected, + menuitem.button.flat:selected arrow:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, .cs-category-view:disabled:selected, .cs-category-view iconview:disabled:selected:focus, .cs-category-view iconview:disabled:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:disabled:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected { + color: mix(#dedede,#990000,0.5); } + row:selected label:backdrop, label:backdrop:selected, label:backdrop selection, entry selection:backdrop, + #XfceNotifyWindow entry selection:backdrop, #login_window entry selection:backdrop, calendar:backdrop:selected, row:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:active, modelbutton.flat:active arrow:backdrop, modelbutton.flat:backdrop:selected, modelbutton.flat:selected arrow:backdrop, + menuitem.button.flat:backdrop:active, + menuitem.button.flat:active arrow:backdrop, + menuitem.button.flat:backdrop:selected, + menuitem.button.flat:selected arrow:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, .cs-category-view:backdrop:selected, .cs-category-view iconview:backdrop:selected:focus, .cs-category-view iconview:backdrop:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected { + background-color: #990000; + color: mix(#990000,#dedede,0.66); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, entry selection:backdrop:disabled, + #XfceNotifyWindow entry selection:backdrop:disabled, #login_window entry selection:backdrop:disabled, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:active, modelbutton.flat:active arrow:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, modelbutton.flat:selected arrow:backdrop:disabled, + menuitem.button.flat:backdrop:disabled:active, + menuitem.button.flat:active arrow:backdrop:disabled, + menuitem.button.flat:backdrop:disabled:selected, + menuitem.button.flat:selected arrow:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, .cs-category-view:backdrop:disabled:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:disabled:selected { + color: mix(mix(#990000,#dedede,0.66),#990000,0.3); } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********** + ! Notebook +***********/ +notebook { + padding: 0; } + notebook.frame { + border: 1px solid mix(#2d2d2d,#dedede,0.08); } + notebook.frame > header { + margin: -1px; } + notebook.frame > header.top { + margin-bottom: 0; } + notebook.frame > header.bottom { + margin-top: 0; } + notebook.frame > header.left { + margin-right: 0; } + notebook.frame > header.right { + margin-left: 0; } + notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; } + notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; } + notebook > stack:not(:only-child) { + background-color: #2d2d2d; } + notebook > header { + padding: 3px; + background-color: #2d2d2d; } + notebook > header.top { + box-shadow: inset 0 -1px mix(#2d2d2d,#dedede,0.08); } + notebook > header.bottom { + box-shadow: inset 0 1px mix(#2d2d2d,#dedede,0.08); } + notebook > header.right { + box-shadow: inset 1px 0 mix(#2d2d2d,#dedede,0.08); } + notebook > header.left { + box-shadow: inset -1px 0 mix(#2d2d2d,#dedede,0.08); } + notebook > header.top { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + border-top-width: 3px; + border-radius: 1px 1px 0 0; } + notebook > header.top > tabs > tab:checked { + border-top-color: #990000; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + border-bottom-width: 3px; + border-radius: 0 0 1px 1px; } + notebook > header.bottom > tabs > tab:checked { + border-bottom-color: #990000; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + border-right-width: 3px; + border-radius: 0 1px 1px 0; } + notebook > header.right > tabs > tab:checked { + border-right-color: #990000; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + border-left-width: 3px; + border-radius: 1px 0 0 1px; } + notebook > header.left > tabs > tab:checked { + border-left-color: #990000; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + 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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + 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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: mix(#dedede,#2d2d2d,0.5); } + notebook > header > tabs > arrow:hover { + color: mix(#dedede,mix(#dedede,#2d2d2d,0.5),0.5); } + notebook > header > tabs > arrow:active { + color: #dedede; } + notebook > header > tabs > arrow:disabled { + color: alpha(mix(#dedede,#2d2d2d,0.5),0.3); } + notebook > header.top > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 -1px mix(#2d2d2d,#dedede,0.08); } + notebook > header.bottom > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 1px mix(#2d2d2d,#dedede,0.08); } + notebook > header.left > tabs > tab:hover:not(:checked) { + box-shadow: inset -1px 0 mix(#2d2d2d,#dedede,0.08); } + notebook > header.right > tabs > tab:hover:not(:checked) { + box-shadow: inset 1px 0 mix(#2d2d2d,#dedede,0.08); } + notebook > header > tabs > tab { + color: rgba(222, 222, 222, 0.8); + background-color: alpha(mix(#2d2d2d,#dedede,0.1),0.7); } + notebook > header > tabs > tab:hover:not(:checked) { + color: mix(#dedede,mix(#dedede,#2d2d2d,0.5),0.5); + background-color: rgba(45, 45, 45, 0.5); + border-color: mix(#2d2d2d,#dedede,0.08); } + notebook > header > tabs > tab:checked { + border-color: mix(#2d2d2d,#dedede,0.08); + color: #dedede; + background-color: #2d2d2d; } + notebook > header > tabs > tab button.flat { + min-height: 22px; + min-width: 16px; + padding: 0; + color: mix(#2d2d2d,#dedede,0.35); } + notebook > header > tabs > tab button.flat:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + color: #990000; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/******* + ! OSD * +********/ +overlay.osd { + background-color: transparent; } + +colorchooser .popover.osd { + border-radius: 0px; } + +button.color .osd colorswatch:only-child { + box-shadow: none; } +.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child { + box-shadow: none; } + +button.osd, +#XfceNotifyWindow button { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + button.osd:focus, button.osd:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + button.osd:active, button.osd:active:hover, button.osd:active:focus, button.osd:active:hover:focus, button.osd:checked, button.osd:checked:hover, button.osd:checked:focus, button.osd:checked:hover:focus, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover:focus, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + button.osd:disabled, + #XfceNotifyWindow button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + button.osd:active:disabled, button.osd:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + button.osd.flat, + #XfceNotifyWindow button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + button.osd:hover, button.osd.flat:hover, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + button.osd:hover:focus, button.osd:hover:hover, button.osd.flat:hover:focus, button.osd.flat:hover:hover, + #XfceNotifyWindow button:hover:focus, + #XfceNotifyWindow button:hover:hover, + #XfceNotifyWindow button.flat:hover:focus, + #XfceNotifyWindow button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button.osd:hover:active, button.osd:hover:active:hover, button.osd:hover:active:focus, button.osd:hover:active:hover:focus, button.osd:hover:checked, button.osd:hover:checked:hover, button.osd:hover:checked:focus, button.osd:hover:checked:hover:focus, button.osd.flat:hover:active, button.osd.flat:hover:active:hover, button.osd.flat:hover:active:focus, button.osd.flat:hover:active:hover:focus, button.osd.flat:hover:checked, button.osd.flat:hover:checked:hover, button.osd.flat:hover:checked:focus, button.osd.flat:hover:checked:hover:focus, + #XfceNotifyWindow button:hover:active, + #XfceNotifyWindow button:hover:active:hover, + #XfceNotifyWindow button:hover:active:focus, + #XfceNotifyWindow button:hover:active:hover:focus, + #XfceNotifyWindow button:hover:checked, + #XfceNotifyWindow button:hover:checked:hover, + #XfceNotifyWindow button:hover:checked:focus, + #XfceNotifyWindow button:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:hover:active, + #XfceNotifyWindow button.flat:hover:active:hover, + #XfceNotifyWindow button.flat:hover:active:focus, + #XfceNotifyWindow button.flat:hover:active:hover:focus, + #XfceNotifyWindow button.flat:hover:checked, + #XfceNotifyWindow button.flat:hover:checked:hover, + #XfceNotifyWindow button.flat:hover:checked:focus, + #XfceNotifyWindow button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button.osd:hover:disabled, button.osd.flat:hover:disabled, + #XfceNotifyWindow button:hover:disabled, + #XfceNotifyWindow button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button.osd:hover:active:disabled, button.osd:hover:checked:disabled, button.osd.flat:hover:active:disabled, button.osd.flat:hover:checked:disabled, + #XfceNotifyWindow button:hover:active:disabled, + #XfceNotifyWindow button:hover:checked:disabled, + #XfceNotifyWindow button.flat:hover:active:disabled, + #XfceNotifyWindow button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button.osd:focus, button.osd.flat:focus, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + button.osd:focus:focus, button.osd:focus:hover, button.osd.flat:focus:focus, button.osd.flat:focus:hover, + #XfceNotifyWindow button:focus:focus, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:focus, + #XfceNotifyWindow button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button.osd:focus:active, button.osd:focus:active:hover, button.osd:focus:active:focus, button.osd:focus:active:hover:focus, button.osd:focus:checked, button.osd:focus:checked:hover, button.osd:focus:checked:focus, button.osd:focus:checked:hover:focus, button.osd.flat:focus:active, button.osd.flat:focus:active:hover, button.osd.flat:focus:active:focus, button.osd.flat:focus:active:hover:focus, button.osd.flat:focus:checked, button.osd.flat:focus:checked:hover, button.osd.flat:focus:checked:focus, button.osd.flat:focus:checked:hover:focus, + #XfceNotifyWindow button:focus:active, + #XfceNotifyWindow button:focus:active:hover, + #XfceNotifyWindow button:focus:active:focus, + #XfceNotifyWindow button:focus:active:hover:focus, + #XfceNotifyWindow button:focus:checked, + #XfceNotifyWindow button:focus:checked:hover, + #XfceNotifyWindow button:focus:checked:focus, + #XfceNotifyWindow button:focus:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:active, + #XfceNotifyWindow button.flat:focus:active:hover, + #XfceNotifyWindow button.flat:focus:active:focus, + #XfceNotifyWindow button.flat:focus:active:hover:focus, + #XfceNotifyWindow button.flat:focus:checked, + #XfceNotifyWindow button.flat:focus:checked:hover, + #XfceNotifyWindow button.flat:focus:checked:focus, + #XfceNotifyWindow button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button.osd:focus:disabled, button.osd.flat:focus:disabled, + #XfceNotifyWindow button:focus:disabled, + #XfceNotifyWindow button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button.osd:focus:active:disabled, button.osd:focus:checked:disabled, button.osd.flat:focus:active:disabled, button.osd.flat:focus:checked:disabled, + #XfceNotifyWindow button:focus:active:disabled, + #XfceNotifyWindow button:focus:checked:disabled, + #XfceNotifyWindow button.flat:focus:active:disabled, + #XfceNotifyWindow button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button.osd:focus:hover, button.osd.flat:focus:hover, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + button.osd:focus:hover:focus, button.osd:focus:hover:hover, button.osd.flat:focus:hover:focus, button.osd.flat:focus:hover:hover, + #XfceNotifyWindow button:focus:hover:focus, + #XfceNotifyWindow button:focus:hover:hover, + #XfceNotifyWindow button.flat:focus:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button.osd:focus:hover:active, button.osd:focus:hover:active:hover, button.osd:focus:hover:active:focus, button.osd:focus:hover:active:hover:focus, button.osd:focus:hover:checked, button.osd:focus:hover:checked:hover, button.osd:focus:hover:checked:focus, button.osd:focus:hover:checked:hover:focus, button.osd.flat:focus:hover:active, button.osd.flat:focus:hover:active:hover, button.osd.flat:focus:hover:active:focus, button.osd.flat:focus:hover:active:hover:focus, button.osd.flat:focus:hover:checked, button.osd.flat:focus:hover:checked:hover, button.osd.flat:focus:hover:checked:focus, button.osd.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow button:focus:hover:active, + #XfceNotifyWindow button:focus:hover:active:hover, + #XfceNotifyWindow button:focus:hover:active:focus, + #XfceNotifyWindow button:focus:hover:active:hover:focus, + #XfceNotifyWindow button:focus:hover:checked, + #XfceNotifyWindow button:focus:hover:checked:hover, + #XfceNotifyWindow button:focus:hover:checked:focus, + #XfceNotifyWindow button:focus:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:active, + #XfceNotifyWindow button.flat:focus:hover:active:hover, + #XfceNotifyWindow button.flat:focus:hover:active:focus, + #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:checked, + #XfceNotifyWindow button.flat:focus:hover:checked:hover, + #XfceNotifyWindow button.flat:focus:hover:checked:focus, + #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button.osd:focus:hover:disabled, button.osd.flat:focus:hover:disabled, + #XfceNotifyWindow button:focus:hover:disabled, + #XfceNotifyWindow button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button.osd:focus:hover:active:disabled, button.osd:focus:hover:checked:disabled, button.osd.flat:focus:hover:active:disabled, button.osd.flat:focus:hover:checked:disabled, + #XfceNotifyWindow button:focus:hover:active:disabled, + #XfceNotifyWindow button:focus:hover:checked:disabled, + #XfceNotifyWindow button.flat:focus:hover:active:disabled, + #XfceNotifyWindow button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button.osd:checked, button.osd:active, button.osd.flat:checked, button.osd.flat:active, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button.flat:checked, + #XfceNotifyWindow button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + button.osd:checked:active, button.osd:checked:active:hover, button.osd:checked:active:focus, button.osd:checked:active:hover:focus, button.osd:checked:checked, button.osd:checked:checked:hover, button.osd:checked:checked:focus, button.osd:checked:checked:hover:focus, button.osd:active:active, button.osd:active:active:hover, button.osd:active:active:focus, button.osd:active:active:hover:focus, button.osd:active:checked, button.osd:active:checked:hover, button.osd:active:checked:focus, button.osd:active:checked:hover:focus, button.osd.flat:checked:active, button.osd.flat:checked:active:hover, button.osd.flat:checked:active:focus, button.osd.flat:checked:active:hover:focus, button.osd.flat:checked:checked, button.osd.flat:checked:checked:hover, button.osd.flat:checked:checked:focus, button.osd.flat:checked:checked:hover:focus, button.osd.flat:active:active, button.osd.flat:active:active:hover, button.osd.flat:active:active:focus, button.osd.flat:active:active:hover:focus, button.osd.flat:active:checked, button.osd.flat:active:checked:hover, button.osd.flat:active:checked:focus, button.osd.flat:active:checked:hover:focus, + #XfceNotifyWindow button:checked:active, + #XfceNotifyWindow button:checked:active:hover, + #XfceNotifyWindow button:checked:active:focus, + #XfceNotifyWindow button:checked:active:hover:focus, + #XfceNotifyWindow button:checked:checked, + #XfceNotifyWindow button:checked:checked:hover, + #XfceNotifyWindow button:checked:checked:focus, + #XfceNotifyWindow button:checked:checked:hover:focus, + #XfceNotifyWindow button:active:active, + #XfceNotifyWindow button:active:active:hover, + #XfceNotifyWindow button:active:active:focus, + #XfceNotifyWindow button:active:active:hover:focus, + #XfceNotifyWindow button:active:checked, + #XfceNotifyWindow button:active:checked:hover, + #XfceNotifyWindow button:active:checked:focus, + #XfceNotifyWindow button:active:checked:hover:focus, + #XfceNotifyWindow button.flat:checked:active, + #XfceNotifyWindow button.flat:checked:active:hover, + #XfceNotifyWindow button.flat:checked:active:focus, + #XfceNotifyWindow button.flat:checked:active:hover:focus, + #XfceNotifyWindow button.flat:checked:checked, + #XfceNotifyWindow button.flat:checked:checked:hover, + #XfceNotifyWindow button.flat:checked:checked:focus, + #XfceNotifyWindow button.flat:checked:checked:hover:focus, + #XfceNotifyWindow button.flat:active:active, + #XfceNotifyWindow button.flat:active:active:hover, + #XfceNotifyWindow button.flat:active:active:focus, + #XfceNotifyWindow button.flat:active:active:hover:focus, + #XfceNotifyWindow button.flat:active:checked, + #XfceNotifyWindow button.flat:active:checked:hover, + #XfceNotifyWindow button.flat:active:checked:focus, + #XfceNotifyWindow button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + button.osd:checked:disabled, button.osd:active:disabled, button.osd.flat:checked:disabled, button.osd.flat:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + button.osd:checked:active:disabled, button.osd:checked:checked:disabled, button.osd:active:active:disabled, button.osd:active:checked:disabled, button.osd.flat:checked:active:disabled, button.osd.flat:checked:checked:disabled, button.osd.flat:active:active:disabled, button.osd.flat:active:checked:disabled, + #XfceNotifyWindow button:checked:active:disabled, + #XfceNotifyWindow button:checked:checked:disabled, + #XfceNotifyWindow button:active:active:disabled, + #XfceNotifyWindow button:active:checked:disabled, + #XfceNotifyWindow button.flat:checked:active:disabled, + #XfceNotifyWindow button.flat:checked:checked:disabled, + #XfceNotifyWindow button.flat:active:active:disabled, + #XfceNotifyWindow button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + button.osd:focus, button.osd:hover, button.osd.flat:focus, button.osd.flat:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:focus, + #XfceNotifyWindow button.flat:hover { + color: #dedede; } + button.osd:disabled:disabled, button.osd.flat:disabled:disabled, + #XfceNotifyWindow button:disabled:disabled, + #XfceNotifyWindow button.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + button.osd:active:disabled, button.osd:checked:disabled, button.osd.flat:active:disabled, button.osd.flat:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + button.osd.separator, button.osd .separator, + #XfceNotifyWindow button.separator, + #XfceNotifyWindow button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + button.osd.separator:disabled, button.osd .separator:disabled, + #XfceNotifyWindow button.separator:disabled, + #XfceNotifyWindow button .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + button.osd.image-button, + #XfceNotifyWindow button.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + +toolbar.osd { + -GtkToolbar-button-relief: normal; + padding: 3px; + border: 1px solid rgba(36, 36, 36, 0.8); + border-radius: 0px; + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + color: #dedede; } + toolbar.osd separator { + color: rgba(41, 41, 41, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + +progressbar.osd { + margin: 2px; + min-height: 2px; + min-width: 2px; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; } + progressbar.osd progress { + border-style: none; + border-radius: 0; + background-color: #990000; + background-image: none; } + +.osd, +#XfceNotifyWindow { + background-color: rgba(45, 45, 45, 0.8); + color: #dedede; + /* used by gnome-settings-daemon's media-keys OSD */ + /* used by Documents */ } + .osd.background, + #XfceNotifyWindow.background { + background-color: rgba(45, 45, 45, 0.6); + color: #dedede; } + .osd .frame, + #XfceNotifyWindow .frame { + background-clip: border-box; + background-origin: border-box; } + .osd button, + #XfceNotifyWindow button { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .osd button:focus, .osd button:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd button:active, .osd button:active:hover, .osd button:active:focus, .osd button:active:hover:focus, .osd button:checked, .osd button:checked:hover, .osd button:checked:focus, .osd button:checked:hover:focus, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover:focus, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd button:disabled, + #XfceNotifyWindow button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd button:active:disabled, .osd button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd button.flat, + #XfceNotifyWindow button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + .osd button:hover, .osd button.flat:hover, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .osd button:hover:focus, .osd button:hover:hover, .osd button.flat:hover:focus, .osd button.flat:hover:hover, + #XfceNotifyWindow button:hover:focus, + #XfceNotifyWindow button:hover:hover, + #XfceNotifyWindow button.flat:hover:focus, + #XfceNotifyWindow button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd button:hover:active, .osd button:hover:active:hover, .osd button:hover:active:focus, .osd button:hover:active:hover:focus, .osd button:hover:checked, .osd button:hover:checked:hover, .osd button:hover:checked:focus, .osd button:hover:checked:hover:focus, .osd button.flat:hover:active, .osd button.flat:hover:active:hover, .osd button.flat:hover:active:focus, .osd button.flat:hover:active:hover:focus, .osd button.flat:hover:checked, .osd button.flat:hover:checked:hover, .osd button.flat:hover:checked:focus, .osd button.flat:hover:checked:hover:focus, + #XfceNotifyWindow button:hover:active, + #XfceNotifyWindow button:hover:active:hover, + #XfceNotifyWindow button:hover:active:focus, + #XfceNotifyWindow button:hover:active:hover:focus, + #XfceNotifyWindow button:hover:checked, + #XfceNotifyWindow button:hover:checked:hover, + #XfceNotifyWindow button:hover:checked:focus, + #XfceNotifyWindow button:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:hover:active, + #XfceNotifyWindow button.flat:hover:active:hover, + #XfceNotifyWindow button.flat:hover:active:focus, + #XfceNotifyWindow button.flat:hover:active:hover:focus, + #XfceNotifyWindow button.flat:hover:checked, + #XfceNotifyWindow button.flat:hover:checked:hover, + #XfceNotifyWindow button.flat:hover:checked:focus, + #XfceNotifyWindow button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd button:hover:disabled, .osd button.flat:hover:disabled, + #XfceNotifyWindow button:hover:disabled, + #XfceNotifyWindow button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd button:hover:active:disabled, .osd button:hover:checked:disabled, .osd button.flat:hover:active:disabled, .osd button.flat:hover:checked:disabled, + #XfceNotifyWindow button:hover:active:disabled, + #XfceNotifyWindow button:hover:checked:disabled, + #XfceNotifyWindow button.flat:hover:active:disabled, + #XfceNotifyWindow button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd button:focus, .osd button.flat:focus, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .osd button:focus:focus, .osd button:focus:hover, .osd button.flat:focus:focus, .osd button.flat:focus:hover, + #XfceNotifyWindow button:focus:focus, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:focus, + #XfceNotifyWindow button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd button:focus:active, .osd button:focus:active:hover, .osd button:focus:active:focus, .osd button:focus:active:hover:focus, .osd button:focus:checked, .osd button:focus:checked:hover, .osd button:focus:checked:focus, .osd button:focus:checked:hover:focus, .osd button.flat:focus:active, .osd button.flat:focus:active:hover, .osd button.flat:focus:active:focus, .osd button.flat:focus:active:hover:focus, .osd button.flat:focus:checked, .osd button.flat:focus:checked:hover, .osd button.flat:focus:checked:focus, .osd button.flat:focus:checked:hover:focus, + #XfceNotifyWindow button:focus:active, + #XfceNotifyWindow button:focus:active:hover, + #XfceNotifyWindow button:focus:active:focus, + #XfceNotifyWindow button:focus:active:hover:focus, + #XfceNotifyWindow button:focus:checked, + #XfceNotifyWindow button:focus:checked:hover, + #XfceNotifyWindow button:focus:checked:focus, + #XfceNotifyWindow button:focus:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:active, + #XfceNotifyWindow button.flat:focus:active:hover, + #XfceNotifyWindow button.flat:focus:active:focus, + #XfceNotifyWindow button.flat:focus:active:hover:focus, + #XfceNotifyWindow button.flat:focus:checked, + #XfceNotifyWindow button.flat:focus:checked:hover, + #XfceNotifyWindow button.flat:focus:checked:focus, + #XfceNotifyWindow button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd button:focus:disabled, .osd button.flat:focus:disabled, + #XfceNotifyWindow button:focus:disabled, + #XfceNotifyWindow button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd button:focus:active:disabled, .osd button:focus:checked:disabled, .osd button.flat:focus:active:disabled, .osd button.flat:focus:checked:disabled, + #XfceNotifyWindow button:focus:active:disabled, + #XfceNotifyWindow button:focus:checked:disabled, + #XfceNotifyWindow button.flat:focus:active:disabled, + #XfceNotifyWindow button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd button:focus:hover, .osd button.flat:focus:hover, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .osd button:focus:hover:focus, .osd button:focus:hover:hover, .osd button.flat:focus:hover:focus, .osd button.flat:focus:hover:hover, + #XfceNotifyWindow button:focus:hover:focus, + #XfceNotifyWindow button:focus:hover:hover, + #XfceNotifyWindow button.flat:focus:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd button:focus:hover:active, .osd button:focus:hover:active:hover, .osd button:focus:hover:active:focus, .osd button:focus:hover:active:hover:focus, .osd button:focus:hover:checked, .osd button:focus:hover:checked:hover, .osd button:focus:hover:checked:focus, .osd button:focus:hover:checked:hover:focus, .osd button.flat:focus:hover:active, .osd button.flat:focus:hover:active:hover, .osd button.flat:focus:hover:active:focus, .osd button.flat:focus:hover:active:hover:focus, .osd button.flat:focus:hover:checked, .osd button.flat:focus:hover:checked:hover, .osd button.flat:focus:hover:checked:focus, .osd button.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow button:focus:hover:active, + #XfceNotifyWindow button:focus:hover:active:hover, + #XfceNotifyWindow button:focus:hover:active:focus, + #XfceNotifyWindow button:focus:hover:active:hover:focus, + #XfceNotifyWindow button:focus:hover:checked, + #XfceNotifyWindow button:focus:hover:checked:hover, + #XfceNotifyWindow button:focus:hover:checked:focus, + #XfceNotifyWindow button:focus:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:active, + #XfceNotifyWindow button.flat:focus:hover:active:hover, + #XfceNotifyWindow button.flat:focus:hover:active:focus, + #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:checked, + #XfceNotifyWindow button.flat:focus:hover:checked:hover, + #XfceNotifyWindow button.flat:focus:hover:checked:focus, + #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd button:focus:hover:disabled, .osd button.flat:focus:hover:disabled, + #XfceNotifyWindow button:focus:hover:disabled, + #XfceNotifyWindow button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd button:focus:hover:active:disabled, .osd button:focus:hover:checked:disabled, .osd button.flat:focus:hover:active:disabled, .osd button.flat:focus:hover:checked:disabled, + #XfceNotifyWindow button:focus:hover:active:disabled, + #XfceNotifyWindow button:focus:hover:checked:disabled, + #XfceNotifyWindow button.flat:focus:hover:active:disabled, + #XfceNotifyWindow button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd button:checked, .osd button:active, .osd button.flat:checked, .osd button.flat:active, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button.flat:checked, + #XfceNotifyWindow button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd button:checked:active, .osd button:checked:active:hover, .osd button:checked:active:focus, .osd button:checked:active:hover:focus, .osd button:checked:checked, .osd button:checked:checked:hover, .osd button:checked:checked:focus, .osd button:checked:checked:hover:focus, .osd button:active:active, .osd button:active:active:hover, .osd button:active:active:focus, .osd button:active:active:hover:focus, .osd button:active:checked, .osd button:active:checked:hover, .osd button:active:checked:focus, .osd button:active:checked:hover:focus, .osd button.flat:checked:active, .osd button.flat:checked:active:hover, .osd button.flat:checked:active:focus, .osd button.flat:checked:active:hover:focus, .osd button.flat:checked:checked, .osd button.flat:checked:checked:hover, .osd button.flat:checked:checked:focus, .osd button.flat:checked:checked:hover:focus, .osd button.flat:active:active, .osd button.flat:active:active:hover, .osd button.flat:active:active:focus, .osd button.flat:active:active:hover:focus, .osd button.flat:active:checked, .osd button.flat:active:checked:hover, .osd button.flat:active:checked:focus, .osd button.flat:active:checked:hover:focus, + #XfceNotifyWindow button:checked:active, + #XfceNotifyWindow button:checked:active:hover, + #XfceNotifyWindow button:checked:active:focus, + #XfceNotifyWindow button:checked:active:hover:focus, + #XfceNotifyWindow button:checked:checked, + #XfceNotifyWindow button:checked:checked:hover, + #XfceNotifyWindow button:checked:checked:focus, + #XfceNotifyWindow button:checked:checked:hover:focus, + #XfceNotifyWindow button:active:active, + #XfceNotifyWindow button:active:active:hover, + #XfceNotifyWindow button:active:active:focus, + #XfceNotifyWindow button:active:active:hover:focus, + #XfceNotifyWindow button:active:checked, + #XfceNotifyWindow button:active:checked:hover, + #XfceNotifyWindow button:active:checked:focus, + #XfceNotifyWindow button:active:checked:hover:focus, + #XfceNotifyWindow button.flat:checked:active, + #XfceNotifyWindow button.flat:checked:active:hover, + #XfceNotifyWindow button.flat:checked:active:focus, + #XfceNotifyWindow button.flat:checked:active:hover:focus, + #XfceNotifyWindow button.flat:checked:checked, + #XfceNotifyWindow button.flat:checked:checked:hover, + #XfceNotifyWindow button.flat:checked:checked:focus, + #XfceNotifyWindow button.flat:checked:checked:hover:focus, + #XfceNotifyWindow button.flat:active:active, + #XfceNotifyWindow button.flat:active:active:hover, + #XfceNotifyWindow button.flat:active:active:focus, + #XfceNotifyWindow button.flat:active:active:hover:focus, + #XfceNotifyWindow button.flat:active:checked, + #XfceNotifyWindow button.flat:active:checked:hover, + #XfceNotifyWindow button.flat:active:checked:focus, + #XfceNotifyWindow button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd button:checked:disabled, .osd button:active:disabled, .osd button.flat:checked:disabled, .osd button.flat:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd button:checked:active:disabled, .osd button:checked:checked:disabled, .osd button:active:active:disabled, .osd button:active:checked:disabled, .osd button.flat:checked:active:disabled, .osd button.flat:checked:checked:disabled, .osd button.flat:active:active:disabled, .osd button.flat:active:checked:disabled, + #XfceNotifyWindow button:checked:active:disabled, + #XfceNotifyWindow button:checked:checked:disabled, + #XfceNotifyWindow button:active:active:disabled, + #XfceNotifyWindow button:active:checked:disabled, + #XfceNotifyWindow button.flat:checked:active:disabled, + #XfceNotifyWindow button.flat:checked:checked:disabled, + #XfceNotifyWindow button.flat:active:active:disabled, + #XfceNotifyWindow button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd button:focus, .osd button:hover, .osd button.flat:focus, .osd button.flat:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:focus, + #XfceNotifyWindow button.flat:hover { + color: #dedede; } + .osd button:disabled:disabled, .osd button.flat:disabled:disabled, + #XfceNotifyWindow button:disabled:disabled, + #XfceNotifyWindow button.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + .osd button:active:disabled, .osd button:checked:disabled, .osd button.flat:active:disabled, .osd button.flat:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd button.separator, .osd button .separator, + #XfceNotifyWindow button.separator, + #XfceNotifyWindow button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + .osd button.separator:disabled, .osd button .separator:disabled, + #XfceNotifyWindow button.separator:disabled, + #XfceNotifyWindow button .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + .osd entry, + #XfceNotifyWindow entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + .osd entry:focus, .osd entry:hover, + #XfceNotifyWindow entry:focus, + #XfceNotifyWindow entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + .osd entry:active, .osd entry:active:hover, .osd entry:active:focus, .osd entry:active:hover:focus, .osd entry:checked, .osd entry:checked:hover, .osd entry:checked:focus, .osd entry:checked:hover:focus, + #XfceNotifyWindow entry:active, + #XfceNotifyWindow entry:active:hover, + #XfceNotifyWindow entry:active:focus, + #XfceNotifyWindow entry:active:hover:focus, + #XfceNotifyWindow entry:checked, + #XfceNotifyWindow entry:checked:hover, + #XfceNotifyWindow entry:checked:focus, + #XfceNotifyWindow entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + .osd entry:disabled, + #XfceNotifyWindow entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + .osd entry:active:disabled, .osd entry:checked:disabled, + #XfceNotifyWindow entry:active:disabled, + #XfceNotifyWindow entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + .osd entry:focus, .osd entry:active, + #XfceNotifyWindow entry:focus, + #XfceNotifyWindow entry:active { + border-color: mix(#990000,rgba(38, 38, 38, 0.8),0.3); } + .osd entry:disabled, + #XfceNotifyWindow entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + .osd entry:disabled:focus, .osd entry:disabled:hover, + #XfceNotifyWindow entry:disabled:focus, + #XfceNotifyWindow entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + .osd entry:disabled:active, .osd entry:disabled:active:hover, .osd entry:disabled:active:focus, .osd entry:disabled:active:hover:focus, .osd entry:disabled:checked, .osd entry:disabled:checked:hover, .osd entry:disabled:checked:focus, .osd entry:disabled:checked:hover:focus, + #XfceNotifyWindow entry:disabled:active, + #XfceNotifyWindow entry:disabled:active:hover, + #XfceNotifyWindow entry:disabled:active:focus, + #XfceNotifyWindow entry:disabled:active:hover:focus, + #XfceNotifyWindow entry:disabled:checked, + #XfceNotifyWindow entry:disabled:checked:hover, + #XfceNotifyWindow entry:disabled:checked:focus, + #XfceNotifyWindow entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + .osd entry:disabled:disabled, + #XfceNotifyWindow entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + .osd entry:disabled:active:disabled, .osd entry:disabled:checked:disabled, + #XfceNotifyWindow entry:disabled:active:disabled, + #XfceNotifyWindow entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + .osd trough, .osd.trough, + #XfceNotifyWindow trough, + #XfceNotifyWindow.trough { + background-color: rgba(222, 222, 222, 0.3); } + .osd progressbar, .osd.progressbar, + #XfceNotifyWindow progressbar, + #XfceNotifyWindow.progressbar { + background-color: #dedede; } + .osd scale slider, + #XfceNotifyWindow scale slider { + background-color: rgba(49, 49, 49, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.8); } + .osd scale slider:focus, .osd scale slider:hover, + #XfceNotifyWindow scale slider:focus, + #XfceNotifyWindow scale slider:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.8),0.3); } + .osd scale slider:active, .osd scale slider:active:hover, .osd scale slider:active:focus, .osd scale slider:active:hover:focus, .osd scale slider:checked, .osd scale slider:checked:hover, .osd scale slider:checked:focus, .osd scale slider:checked:hover:focus, + #XfceNotifyWindow scale slider:active, + #XfceNotifyWindow scale slider:active:hover, + #XfceNotifyWindow scale slider:active:focus, + #XfceNotifyWindow scale slider:active:hover:focus, + #XfceNotifyWindow scale slider:checked, + #XfceNotifyWindow scale slider:checked:hover, + #XfceNotifyWindow scale slider:checked:focus, + #XfceNotifyWindow scale slider:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.8); } + .osd scale slider:disabled, + #XfceNotifyWindow scale slider:disabled { + border-color: rgba(38, 38, 38, 0.8); } + .osd scale slider:active:disabled, .osd scale slider:checked:disabled, + #XfceNotifyWindow scale slider:active:disabled, + #XfceNotifyWindow scale slider:checked:disabled { + border-color: rgba(36, 36, 36, 0.8); } + .osd scale slider:disabled, + #XfceNotifyWindow scale slider:disabled { + background-color: rgba(41, 41, 41, 0.8); + background-image: none; } + .osd scale trough, + #XfceNotifyWindow scale trough { + border-color: rgba(36, 36, 36, 0.8); + background-color: rgba(49, 49, 49, 0.8); + background-image: none; } + .osd scale trough.highlight, + #XfceNotifyWindow scale trough.highlight { + border-color: #990000; + background-color: #990000; + background-image: none; } + .osd scale trough:disabled, .osd scale trough.highlight:disabled, + #XfceNotifyWindow scale trough:disabled, + #XfceNotifyWindow scale trough.highlight:disabled { + border-color: rgba(38, 38, 38, 0.8); + background-color: rgba(41, 41, 41, 0.8); + background-image: none; } + .osd scale trough, + #XfceNotifyWindow scale trough { + background-color: rgba(63, 63, 63, 0.8); } + .osd scale trough highlight, + #XfceNotifyWindow scale trough highlight { + background-color: #990000; } + .osd scale slider, + #XfceNotifyWindow scale slider { + background-clip: border-box; + background-color: #990000; + border-color: #990000; } + .osd scale slider:hover, + #XfceNotifyWindow scale slider:hover { + background-color: #cc0000; + border-color: #cc0000; } + .osd scale slider:active, + #XfceNotifyWindow scale slider:active { + background-color: #660000; + border-color: #660000; } + .osd.view, iconview.osd, .osd .view, .osd iconview, .osd view, + #XfceNotifyWindow.view, + iconview#XfceNotifyWindow, + #XfceNotifyWindow .view, + #XfceNotifyWindow iconview, + #XfceNotifyWindow view { + background-color: rgba(45, 45, 45, 0.8); } + .osd scrollbar trough, + #XfceNotifyWindow scrollbar trough { + background-color: rgba(45, 45, 45, 0.8); } + .osd scrollbar slider, + #XfceNotifyWindow scrollbar slider { + border: 1px solid mix(rgba(39, 39, 39, 0.8),#dedede,0.21); + border-radius: 0; + background-color: mix(rgba(45, 45, 45, 0.8),#dedede,0.21); } + .osd scrollbar slider:hover, + #XfceNotifyWindow scrollbar slider:hover { + border-color: mix(rgba(39, 39, 39, 0.8),#dedede,0.31); + background-color: mix(rgba(45, 45, 45, 0.8),#dedede,0.31); } + .osd scrollbar slider:active, + #XfceNotifyWindow scrollbar slider:active { + border-color: #8a0000; + background-color: #990000; } + .osd iconview.cell:selected, .osd iconview.cell:selected:focus, + #XfceNotifyWindow iconview.cell:selected, + #XfceNotifyWindow iconview.cell:selected:focus { + background-color: transparent; + border: 3px solid mix(rgba(39, 39, 39, 0.8),#dedede,0.21); + border-radius: 0px; + outline-color: transparent; } + .osd .page-thumbnail, + #XfceNotifyWindow .page-thumbnail { + border: 1px solid rgba(41, 41, 41, 0.8); + /* when there's no pixbuf yet */ + background-color: rgba(45, 45, 45, 0.8); } + .osd popover.background, + #XfceNotifyWindow popover.background { + box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.5); } + .osd popover.background > toolbar button, + #XfceNotifyWindow popover.background > toolbar button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; } + .osd spinbutton:not(.vertical), + #XfceNotifyWindow spinbutton:not(.vertical) { + background-color: #2d2d2d; + background-image: none; + border-color: #242424; + padding: 0; + color: #dedede; + caret-color: #dedede; } + .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):hover, + #XfceNotifyWindow spinbutton:not(.vertical):focus, + #XfceNotifyWindow spinbutton:not(.vertical):hover { + border-color: mix(#990000,#2d2d2d,0.3); } + .osd spinbutton:not(.vertical):active, .osd spinbutton:not(.vertical):active:hover, .osd spinbutton:not(.vertical):active:focus, .osd spinbutton:not(.vertical):active:hover:focus, .osd spinbutton:not(.vertical):checked, .osd spinbutton:not(.vertical):checked:hover, .osd spinbutton:not(.vertical):checked:focus, .osd spinbutton:not(.vertical):checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical):active, + #XfceNotifyWindow spinbutton:not(.vertical):active:hover, + #XfceNotifyWindow spinbutton:not(.vertical):active:focus, + #XfceNotifyWindow spinbutton:not(.vertical):active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical):checked, + #XfceNotifyWindow spinbutton:not(.vertical):checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical):checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical):checked:hover:focus { + border-color: #202020; } + .osd spinbutton:not(.vertical):disabled, + #XfceNotifyWindow spinbutton:not(.vertical):disabled { + border-color: #262626; } + .osd spinbutton:not(.vertical):active:disabled, .osd spinbutton:not(.vertical):checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical):active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical):checked:disabled { + border-color: #242424; } + .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active, + #XfceNotifyWindow spinbutton:not(.vertical):focus, + #XfceNotifyWindow spinbutton:not(.vertical):active { + border-color: mix(#990000,rgba(38, 38, 38, 0.8),0.3); } + .osd spinbutton:not(.vertical):disabled, + #XfceNotifyWindow spinbutton:not(.vertical):disabled { + background-color: #292929; + background-image: none; + color: mix(#2d2d2d,#dedede,0.5); } + .osd spinbutton:not(.vertical) button, + #XfceNotifyWindow spinbutton:not(.vertical) button { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); + border-radius: 0; + border-color: rgba(38, 38, 38, 0.5); + border-style: none none none solid; + background-image: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover:focus, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd spinbutton:not(.vertical) button:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton:not(.vertical) button.flat, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .osd spinbutton:not(.vertical) button:hover:focus, .osd spinbutton:not(.vertical) button:hover:hover, .osd spinbutton:not(.vertical) button.flat:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton:not(.vertical) button:hover:active, .osd spinbutton:not(.vertical) button:hover:active:hover, .osd spinbutton:not(.vertical) button:hover:active:focus, .osd spinbutton:not(.vertical) button:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:hover:checked, .osd spinbutton:not(.vertical) button:hover:checked:hover, .osd spinbutton:not(.vertical) button:hover:checked:focus, .osd spinbutton:not(.vertical) button:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:active, .osd spinbutton:not(.vertical) button.flat:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton:not(.vertical) button:hover:disabled, .osd spinbutton:not(.vertical) button.flat:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton:not(.vertical) button:hover:active:disabled, .osd spinbutton:not(.vertical) button:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button.flat:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .osd spinbutton:not(.vertical) button:focus:focus, .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton:not(.vertical) button:focus:active, .osd spinbutton:not(.vertical) button:focus:active:hover, .osd spinbutton:not(.vertical) button:focus:active:focus, .osd spinbutton:not(.vertical) button:focus:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:checked, .osd spinbutton:not(.vertical) button:focus:checked:hover, .osd spinbutton:not(.vertical) button:focus:checked:focus, .osd spinbutton:not(.vertical) button:focus:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:active, .osd spinbutton:not(.vertical) button.flat:focus:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton:not(.vertical) button:focus:disabled, .osd spinbutton:not(.vertical) button.flat:focus:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton:not(.vertical) button:focus:active:disabled, .osd spinbutton:not(.vertical) button:focus:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .osd spinbutton:not(.vertical) button:focus:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton:not(.vertical) button:focus:hover:active, .osd spinbutton:not(.vertical) button:focus:hover:active:hover, .osd spinbutton:not(.vertical) button:focus:hover:active:focus, .osd spinbutton:not(.vertical) button:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton:not(.vertical) button:focus:hover:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton:not(.vertical) button:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button:focus:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button.flat:checked, .osd spinbutton:not(.vertical) button.flat:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd spinbutton:not(.vertical) button:checked:active, .osd spinbutton:not(.vertical) button:checked:active:hover, .osd spinbutton:not(.vertical) button:checked:active:focus, .osd spinbutton:not(.vertical) button:checked:active:hover:focus, .osd spinbutton:not(.vertical) button:checked:checked, .osd spinbutton:not(.vertical) button:checked:checked:hover, .osd spinbutton:not(.vertical) button:checked:checked:focus, .osd spinbutton:not(.vertical) button:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button:active:active, .osd spinbutton:not(.vertical) button:active:active:hover, .osd spinbutton:not(.vertical) button:active:active:focus, .osd spinbutton:not(.vertical) button:active:active:hover:focus, .osd spinbutton:not(.vertical) button:active:checked, .osd spinbutton:not(.vertical) button:active:checked:hover, .osd spinbutton:not(.vertical) button:active:checked:focus, .osd spinbutton:not(.vertical) button:active:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:active, .osd spinbutton:not(.vertical) button.flat:checked:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:active:focus, .osd spinbutton:not(.vertical) button.flat:checked:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover, .osd spinbutton:not(.vertical) button.flat:checked:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:active, .osd spinbutton:not(.vertical) button.flat:active:active:hover, .osd spinbutton:not(.vertical) button.flat:active:active:focus, .osd spinbutton:not(.vertical) button.flat:active:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:checked, .osd spinbutton:not(.vertical) button.flat:active:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:checked:focus, .osd spinbutton:not(.vertical) button.flat:active:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd spinbutton:not(.vertical) button:checked:active:disabled, .osd spinbutton:not(.vertical) button:checked:checked:disabled, .osd spinbutton:not(.vertical) button:active:active:disabled, .osd spinbutton:not(.vertical) button:active:checked:disabled, .osd spinbutton:not(.vertical) button.flat:checked:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:active:disabled, .osd spinbutton:not(.vertical) button.flat:active:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:focus, .osd spinbutton:not(.vertical) button.flat:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { + color: #dedede; } + .osd spinbutton:not(.vertical) button:disabled:disabled, .osd spinbutton:not(.vertical) button.flat:disabled:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd spinbutton:not(.vertical) button.separator, .osd spinbutton:not(.vertical) button .separator, + #XfceNotifyWindow spinbutton:not(.vertical) button.separator, + #XfceNotifyWindow spinbutton:not(.vertical) button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + .osd spinbutton:not(.vertical) button.separator:disabled, .osd spinbutton:not(.vertical) button .separator:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.separator:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + .osd spinbutton:not(.vertical) button:dir(rtl), + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover { + color: #dedede; } + .osd spinbutton:not(.vertical) button:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { + color: alpha(mix(#dedede,#2d2d2d,0.6),0.8); } + .osd spinbutton:not(.vertical) button:backdrop, + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop { + color: mix(#2d2d2d,mix(#dedede,#2d2d2d,0.5),0.9); } + .osd spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .osd spinbutton:not(.vertical) button:backdrop:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(7, 7, 7, 0.8); + border-style: none none none solid; } + .osd spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child, + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 0px 0 0 0px; } + .osd spinbutton:not(.vertical) button:dir(ltr):last-child, + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 0px 0px 0; } + .osd spinbutton.vertical button:first-child, + #XfceNotifyWindow spinbutton.vertical button:first-child { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover:focus, .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd spinbutton.vertical button:first-child:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton.vertical button:first-child.flat, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .osd spinbutton.vertical button:first-child:hover:focus, .osd spinbutton.vertical button:first-child:hover:hover, .osd spinbutton.vertical button:first-child.flat:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton.vertical button:first-child:hover:active, .osd spinbutton.vertical button:first-child:hover:active:hover, .osd spinbutton.vertical button:first-child:hover:active:focus, .osd spinbutton.vertical button:first-child:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:hover:checked, .osd spinbutton.vertical button:first-child:hover:checked:hover, .osd spinbutton.vertical button:first-child:hover:checked:focus, .osd spinbutton.vertical button:first-child:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:active, .osd spinbutton.vertical button:first-child.flat:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton.vertical button:first-child:hover:disabled, .osd spinbutton.vertical button:first-child.flat:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton.vertical button:first-child:hover:active:disabled, .osd spinbutton.vertical button:first-child:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child.flat:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .osd spinbutton.vertical button:first-child:focus:focus, .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton.vertical button:first-child:focus:active, .osd spinbutton.vertical button:first-child:focus:active:hover, .osd spinbutton.vertical button:first-child:focus:active:focus, .osd spinbutton.vertical button:first-child:focus:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:checked, .osd spinbutton.vertical button:first-child:focus:checked:hover, .osd spinbutton.vertical button:first-child:focus:checked:focus, .osd spinbutton.vertical button:first-child:focus:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:active, .osd spinbutton.vertical button:first-child.flat:focus:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton.vertical button:first-child:focus:disabled, .osd spinbutton.vertical button:first-child.flat:focus:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton.vertical button:first-child:focus:active:disabled, .osd spinbutton.vertical button:first-child:focus:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .osd spinbutton.vertical button:first-child:focus:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton.vertical button:first-child:focus:hover:active, .osd spinbutton.vertical button:first-child:focus:hover:active:hover, .osd spinbutton.vertical button:first-child:focus:hover:active:focus, .osd spinbutton.vertical button:first-child:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton.vertical button:first-child:focus:hover:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton.vertical button:first-child:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child:focus:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child.flat:checked, .osd spinbutton.vertical button:first-child.flat:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd spinbutton.vertical button:first-child:checked:active, .osd spinbutton.vertical button:first-child:checked:active:hover, .osd spinbutton.vertical button:first-child:checked:active:focus, .osd spinbutton.vertical button:first-child:checked:active:hover:focus, .osd spinbutton.vertical button:first-child:checked:checked, .osd spinbutton.vertical button:first-child:checked:checked:hover, .osd spinbutton.vertical button:first-child:checked:checked:focus, .osd spinbutton.vertical button:first-child:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child:active:active, .osd spinbutton.vertical button:first-child:active:active:hover, .osd spinbutton.vertical button:first-child:active:active:focus, .osd spinbutton.vertical button:first-child:active:active:hover:focus, .osd spinbutton.vertical button:first-child:active:checked, .osd spinbutton.vertical button:first-child:active:checked:hover, .osd spinbutton.vertical button:first-child:active:checked:focus, .osd spinbutton.vertical button:first-child:active:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:active, .osd spinbutton.vertical button:first-child.flat:checked:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:active:focus, .osd spinbutton.vertical button:first-child.flat:checked:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover, .osd spinbutton.vertical button:first-child.flat:checked:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:active, .osd spinbutton.vertical button:first-child.flat:active:active:hover, .osd spinbutton.vertical button:first-child.flat:active:active:focus, .osd spinbutton.vertical button:first-child.flat:active:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:checked, .osd spinbutton.vertical button:first-child.flat:active:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:checked:focus, .osd spinbutton.vertical button:first-child.flat:active:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd spinbutton.vertical button:first-child:checked:active:disabled, .osd spinbutton.vertical button:first-child:checked:checked:disabled, .osd spinbutton.vertical button:first-child:active:active:disabled, .osd spinbutton.vertical button:first-child:active:checked:disabled, .osd spinbutton.vertical button:first-child.flat:checked:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:active:disabled, .osd spinbutton.vertical button:first-child.flat:active:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:focus, .osd spinbutton.vertical button:first-child.flat:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { + color: #dedede; } + .osd spinbutton.vertical button:first-child:disabled:disabled, .osd spinbutton.vertical button:first-child.flat:disabled:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:disabled:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd spinbutton.vertical button:first-child.separator, .osd spinbutton.vertical button:first-child .separator, + #XfceNotifyWindow spinbutton.vertical button:first-child.separator, + #XfceNotifyWindow spinbutton.vertical button:first-child .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + .osd spinbutton.vertical button:first-child.separator:disabled, .osd spinbutton.vertical button:first-child .separator:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.separator:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: 0; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, mix(#2d2d2d,#dedede,0.08) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #202020; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9) 1px, transparent 1px); + background-color: #252525; + transition: 200ms ease-out; } + +/***************** + ! Progress bars * +******************/ +progressbar { + padding: 0; + border-radius: 0px; + font-size: smaller; + color: rgba(222, 222, 222, 0.6); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar trough { + border: 1px solid mix(#2d2d2d,#dedede,0.17); + background-color: #313131; + background-image: none; + border-radius: 0px; } + progressbar progress { + background-color: #990000; + background-image: none; + border-radius: 0; } + progressbar progress.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + progressbar progress.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + progressbar progress.bottom { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } + progressbar progress.top { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } + +levelbar.horizontal block { + min-width: 34px; + min-height: 4px; } +levelbar.vertical block { + min-width: 4px; + min-height: 34px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + background-color: #313131; + background-image: none; + border: 1px solid mix(#2d2d2d,#dedede,0.17); + border-radius: 0px; + padding: 2px; } +levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.horizontal.discrete block:first-child { + margin: 0; } +levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar.vertical.discrete block:first-child { + margin: 0; } +levelbar block { + background-color: #990000; + background-image: none; + border-color: transparent; + border-radius: 0px; } + levelbar block.low { + background-color: #ef6c00; + border-color: transparent; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #4caf50; + border-color: transparent; } + levelbar block.full { + background-color: #7a0000; + border-color: transparent; } + levelbar block.empty { + background-color: transparent; + border-color: transparent; + box-shadow: none; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 3px; } + scale.horizontal trough { + padding: 0 3px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 3px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; } + scale.fine-tune slider { + margin: -7px; } + scale.fine-tune highlight { + background-color: #a80000; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 2.5px; + background-color: mix(#2d2d2d,#dedede,0.2); } + scale trough:disabled { + background-color: mix(#2d2d2d,#dedede,0.1); } + menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: #dedede; } + menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: mix(#dedede,#990000,0.55); } + menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 2.5px; + background-color: #990000; } + scale highlight:disabled { + background-color: rgba(153, 0, 0, 0.55); } + scale fill { + border-radius: 2.5px; + background-color: rgba(153, 0, 0, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #2d2d2d; + border: 1px solid rgba(222, 222, 222, 0.16); + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: #3a3a3a; } + scale slider:active { + background-clip: border-box; + background-color: #990000; + border-color: #990000; } + scale slider:disabled { + background-color: mix(#2d2d2d,#2d2d2d,0.55); + border-color: rgba(222, 222, 222, 0); } + menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: #dedede; + border-color: #dedede; } + menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: mix(#dedede,#990000,0.85); + border-color: mix(#dedede,#990000,0.85); } + menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: mix(#dedede,#990000,0.5); + border-color: mix(#dedede,#990000,0.5); } + menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: mix(#dedede,#990000,0.55); + border-color: mix(#dedede,#990000,0.55); } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + scale.color trough { + padding: 0; + border: 0; + background-image: none; } + scale.color highlight, scale.color fill { + margin: 0; } + scale.color.horizontal { + padding: 0 0 6px 0; } + scale.color.horizontal trough { + 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 { + margin-bottom: 0; + margin-top: 0; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 6px; } + scale.color.vertical:dir(ltr) trough { + 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 { + margin-left: 0; + margin-right: 0; } + scale.color.vertical:dir(rtl) { + padding: 0 6px 0 0; } + scale.color.vertical:dir(rtl) trough { + 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 { + margin-right: 0; + margin-left: 0; } + +/*********** + ! Scrollbar +************/ +scrollbar { + background-color: #202020; + transition: 300ms ease-out; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.bottom { + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.left { + border-right: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.right { + border-left: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar:backdrop { + background-color: #252525; + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); + transition: 400ms ease-in; } + scrollbar slider { + min-width: 7px; + min-height: 7px; + border: 1px solid transparent; + border-radius: 0px; + background-clip: padding-box; + background-color: mix(#2d2d2d,#dedede,0.5); } + scrollbar slider:hover { + background-color: mix(#2d2d2d,#dedede,0.7); } + scrollbar slider:hover:active { + background-color: maroon; } + scrollbar slider:backdrop { + background-color: mix(mix(#dedede,#2d2d2d,0.5),#2d2d2d,0.4); } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar.fine-tune slider:active { + background-color: #b30000; } + scrollbar.overlay-indicator { + opacity: .8; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: .4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + background-color: #dedede; + border: 1px solid #fff; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + border-color: transparent; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 7px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 7px; } + scrollbar button { + min-width: 7px; + min-height: 7px; + padding: 0; + border: 0; + border-radius: 0; + border-color: mix(#2d2d2d,#dedede,0.08); + background-color: transparent; + box-shadow: none; + color: mix(#2d2d2d,#dedede,0.5); } + scrollbar button:hover { + color: mix(#2d2d2d,#dedede,0.7); } + scrollbar button:active, scrollbar button:checked { + color: maroon; } + scrollbar button:backdrop { + color: mix(mix(#dedede,#2d2d2d,0.5),#2d2d2d,0.4); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + border-left: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + border-right: 1px solid mix(#2d2d2d,#dedede,0.08); } + +/********* + ! Sidebar +**********/ +.sidebar { + border-style: none; + background-color: mix(#2d2d2d,#2d2d2d,0.5); } + 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 mix(#2d2d2d,#dedede,0.08); + 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 mix(#2d2d2d,#dedede,0.08); + border-right-style: none; } + .sidebar:backdrop { + background-color: mix(#2d2d2d,#2d2d2d,0.5); + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); + transition: 200ms ease-out; } + .sidebar .frame, .sidebar frame { + border-width: 0; } + .sidebar list { + background-color: transparent; } + 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 row { + padding: 6px 3px; } + stacksidebar row > label { + padding-left: 3px; + padding-right: 3px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 32px; + padding: 0; } + placessidebar row > revealer { + padding: 0 6px; } + placessidebar row:selected { + color: #dedede; } + placessidebar row:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + placessidebar row:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } + placessidebar row:backdrop:selected { + color: mix(#990000,#dedede,0.66); } + placessidebar row:backdrop:disabled { + color: #070707; } + placessidebar row image.sidebar-icon { + opacity: 0.7; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; + padding-left: 3px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; + padding-right: 3px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 20px; + min-width: 20px; + margin-top: 2px; + margin-bottom: 2px; + 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: #990000; } + 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: #dedede; + background-color: #4e9a06; } + +/****** +! Paned +*******/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#292929); + background-size: 1px 1px; + background-position: center center; } + paned > separator:selected { + background-image: image(#990000); } + paned > separator:backdrop { + background-image: image(mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #2d2d2d; + background-image: image(#242424), image(#242424); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #2d2d2d; + background-image: image(mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9)), image(mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9)); } +paned.horizontal > separator { + background-repeat: repeat-y; + padding: 0 2px; + margin: 0 -2px; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + background-repeat: repeat-x; + padding: 2px 0; + margin: -2px 0; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } +paned.titlebar > separator { + background-image: image(#292929); } + +/******************* + ! Spinner animation +********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background-image: none; + color: #990000; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: .5; } + +/*********************** + ! Check and Radio items +************************/ +radio { + background-image: none; + -gtk-icon-source: url("../assets/radio-unchecked.svg"); + min-width: 16px; + min-height: 16px; + margin-right: 3px; } + radio:disabled { + -gtk-icon-source: url("../assets/radio-unchecked-disabled.svg"); } + radio:checked, radio:active { + -gtk-icon-source: url("../assets/radio-checked.svg"); } + radio:checked:disabled, radio:active:disabled { + -gtk-icon-source: url("../assets/radio-checked-disabled.svg"); } + radio:indeterminate { + -gtk-icon-source: url("../assets/radio-mixed.svg"); } + radio:indeterminate:disabled { + -gtk-icon-source: url("../assets/radio-mixed-disabled.svg"); } + menuitem radio, modelbutton radio { + -gtk-icon-source: url("../assets/menuitem-radio-unchecked.svg"); } + menuitem radio:disabled, modelbutton radio:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-checked-disabled.svg"); } + menuitem radio:checked, menuitem radio:active, modelbutton radio:checked, modelbutton radio:active { + -gtk-icon-source: url("../assets/menuitem-radio-checked.svg"); } + menuitem radio:checked:hover, menuitem radio:active:hover, modelbutton radio:checked:hover, modelbutton radio:active:hover { + -gtk-icon-source: url("../assets/menuitem-radio-checked-hover.svg"); } + menuitem radio:checked:disabled, menuitem radio:active:disabled, modelbutton radio:checked:disabled, modelbutton radio:active:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-checked-disabled.svg"); } + menuitem radio:indeterminate, modelbutton radio:indeterminate { + -gtk-icon-source: url("../assets/menuitem-radio-mixed.svg"); } + menuitem radio:indeterminate:hover, modelbutton radio:indeterminate:hover { + -gtk-icon-source: url("../assets/menuitem-radio-mixed-hover.svg"); } + menuitem radio:indeterminate:disabled, modelbutton radio:indeterminate:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-mixed-disabled.svg"); } + +check { + background-image: none; + -gtk-icon-source: url("../assets/checkbox-unchecked.svg"); + min-width: 16px; + min-height: 16px; + margin-right: 3px; } + check:disabled { + -gtk-icon-source: url("../assets/checkbox-unchecked-disabled.svg"); } + check:checked, check:active { + -gtk-icon-source: url("../assets/checkbox-checked.svg"); } + check:checked:disabled, check:active:disabled { + -gtk-icon-source: url("../assets/checkbox-checked-disabled.svg"); } + check:indeterminate { + -gtk-icon-source: url("../assets/checkbox-mixed.svg"); } + check:indeterminate:disabled { + -gtk-icon-source: url("../assets/checkbox-mixed-disabled.svg"); } + menuitem check, modelbutton check { + -gtk-icon-source: url("../assets/menuitem-checkbox-unchecked.svg"); } + menuitem check:disabled, modelbutton check:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-disabled.svg"); } + menuitem check:checked, menuitem check:active, modelbutton check:checked, modelbutton check:active { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked.svg"); } + menuitem check:checked:hover, menuitem check:active:hover, modelbutton check:checked:hover, modelbutton check:active:hover { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-hover.svg"); } + menuitem check:checked:disabled, menuitem check:active:disabled, modelbutton check:checked:disabled, modelbutton check:active:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-disabled.svg"); } + menuitem check:indeterminate, modelbutton check:indeterminate { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed.svg"); } + menuitem check:indeterminate:hover, modelbutton check:indeterminate:hover { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-hover.svg"); } + menuitem check:indeterminate:disabled, modelbutton check:indeterminate:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-disabled.svg"); } + +radio:dir(rtl), check:dir(rtl) { + margin-right: 0; + margin-left: 3px; } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +/******** + ! Switch +*********/ +switch { + border-radius: 0px; + padding: 2px; + border: none; + outline: none; + transition: background-color .3s linear; + min-width: 88px; + min-height: 24px; + background-color: mix(#2d2d2d,#2d2d2d,0.3); + color: #dedede; + box-shadow: inset 1px -1px 0 rgba(44, 44, 44, 0.06), inset -1px 1px 0 rgba(44, 44, 44, 0.06); } + switch slider { + background-color: mix(#dedede,#2d2d2d,0.5); + transition: all 0.3s ease-in; + box-shadow: 0 1px 2px 0 rgba(44, 44, 44, 0.07), 1px 0 2px 0 rgba(44, 44, 44, 0.07); + border-radius: 0px; } + switch:checked { + background-color: #990000; + background-image: none; + border-color: #990000; + color: #2d2d2d; } + switch:checked slider { + background-color: #fff; + box-shadow: 0 1px 3px 0 rgba(44, 44, 44, 0.1); } + switch:disabled { + background-color: mix(#2d2d2d,#2d2d2d,0.5); + background-image: none; + border-color: #2d2d2d; + color: #2d2d2d; + box-shadow: none; } + switch:disabled slider { + background-color: #2d2d2d; } + list row:selected switch { + background-color: #2d2d2d; + color: mix(#2d2d2d,#2d2d2d,0.5); } + list row:selected switch slider { + background-color: mix(mix(#2d2d2d,#2d2d2d,0.5),#2d2d2d,0.4); } + list row:selected switch:checked { + color: #990000; + background-color: mix(#dedede,#2d2d2d,0.5); } + list row:selected switch:checked slider { + background-color: #990000; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Toolbar +**********/ +/*************** + ! Generic views +****************/ +.view, iconview, +.view text, +iconview text, +textview text { + color: #dedede; + background-color: #2d2d2d; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: mix(#2d2d2d,#dedede,0.8); + background-color: #2d2d2d; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 0px; } + +textview border { + background-color: mix(#2d2d2d,#2d2d2d,0.5); } + +/************ +! Treeview +*************/ +.rubberband, +rubberband, +flowbox rubberband, +treeview.view rubberband { + border: 1px solid #980000; + background-color: rgba(152, 0, 0, 0.2); } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #2d2d2d; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #2d2d2d; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #990000; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 1px 4px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #2d2d2d; } + treeview.view header button:disabled { + border-color: #2d2d2d; + background-image: none; } + treeview.view header button:backdrop { + border-color: #2d2d2d; + border-style: none solid solid none; + color: mix(mix(#dedede,#2d2d2d,0.5),#2d2d2d,0.5); + background-image: none; + background-color: #2d2d2d; } + treeview.view header button:backdrop:disabled { + border-color: #2d2d2d; + background-image: none; } + +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + border-left-color: mix(#dedede,#2d2d2d,0.5); + border-top-color: #2d2d2d; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: mix(#dedede,#990000,0.5); + border-top-color: rgba(222, 222, 222, 0.1); } + treeview.view:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + treeview.view:disabled:selected { + color: mix(#dedede,#990000,0.4); } + treeview.view:disabled:selected:backdrop { + color: mix(mix(#990000,#dedede,0.66),#990000,0.3); } + treeview.view:disabled:backdrop { + color: #070707; } + treeview.view.separator { + min-height: 2px; + color: #2d2d2d; } + treeview.view.separator:backdrop { + color: rgba(45, 45, 45, 0.1); } + treeview.view:backdrop { + border-left-color: mix(mix(#dedede,#2d2d2d,0.5),#2d2d2d,0.5); + border-top: #2d2d2d; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: mix(#990000,#dedede,0.3); } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: mix(#2d2d2d,#dedede,0.7); } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #dedede; } + treeview.view.expander:selected { + color: mix(#990000,#dedede,0.7); } + treeview.view.expander:selected:hover { + color: #dedede; } + treeview.view.expander:selected:backdrop { + color: mix(#990000,mix(#990000,#dedede,0.66),0.7); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: mix(#2d2d2d,mix(#dedede,#2d2d2d,0.5),0.7); } + treeview.view.progressbar { + color: #2d2d2d; + border-radius: 0px; + border: 1px solid mix(#990000,#dedede,0.3); + background-color: #990000; } + treeview.view.progressbar:selected { + border: 1px solid mix(#990000,#dedede,0.2); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + color: #dedede; + box-shadow: none; + background-color: #990000; + background-image: none; + border-radius: 0px; } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + color: mix(#990000,#dedede,0.66); + border-color: mix(#990000,#dedede,0.3); + background-color: mix(#2d2d2d,#990000,0.9); } + treeview.view.progressbar:disabled { + background-color: #2d2d2d; + background-image: none; + border-color: #262626; } + treeview.view.progressbar:backdrop { + color: #2d2d2d; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(222, 222, 222, 0.1); + border-radius: 0px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(222, 222, 222, 0.3); + border-width: 1px 0; + border-style: solid; + border-color: #990000; + border-radius: 0px; } + treeview.view header button { + color: mix(#dedede,#2d2d2d,0.5); + background-color: #2d2d2d; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: mix(mix(#dedede,#2d2d2d,0.5),#dedede,0.5); + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #dedede; + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view 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: 0 6px; + transition: none; + background-image: none; + background-color: #990000; + color: #2d2d2d; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #2d2d2d; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #990000; } + +/*********** + ! Separator +************/ +separator { + background: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +/********** + ! Frames * +***********/ +frame > border, .frame { + border: 1px solid mix(#2d2d2d,#dedede,0.08); } + frame > border.flat, .frame.flat { + border-style: none; } + frame > border:backdrop, .frame:backdrop { + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } + +/* avoid double borders when a viewport is packed into a GtkScrolledWindow */ +scrolledwindow viewport.frame { + border: 0; } + +/*************** + ! Places view * +****************/ +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; } + +/************** + ! Window frame +***************/ +decoration { + border-radius: 0px 0px 0 0; + /* this is used for the resize cursor area */ + border-width: 1px; + border-style: solid; + border-color: #2d2d2d; } + decoration:backdrop { + border-color: #2d2d2d; + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: 0 0 0 1px #990000; } + .solid-csd decoration { + border-radius: 0; + box-shadow: none; } + .csd.popup decoration { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + tooltip.csd decoration { + border-radius: 0px; + box-shadow: none; } + messagedialog.csd decoration { + border-radius: 0px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +/*********************** + ! Fallback mode panel * +************************/ +panel-plug, +panel-toplevel.background, clock-box, clock-box:backdrop, +panel-applet > menubar, +panel-applet > menubar:backdrop, +panel-toplevel .gnome-panel-menu-bar, +panel-toplevel .gnome-panel-menu-bar:backdrop, clock-box menuitem, clock-box:backdrop menuitem, +panel-applet > menubar menuitem, +panel-applet > menubar:backdrop menuitem, +panel-toplevel .gnome-panel-menu-bar menuitem, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem, wnck-pager, wnck-tasklist, .mate-panel-menu-bar, .xfce4-panel, UnityPanelWidget, .unity-panel { + background-color: #2d2d2d; + background-image: none; + color: #dedede; } + +clock-box menuitem label, clock-box:backdrop menuitem label, +panel-applet > menubar menuitem label, +panel-applet > menubar:backdrop menuitem label, +panel-toplevel .gnome-panel-menu-bar menuitem label, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem label, gp-calendar-window label, +#tasklist-button label, +#clock-applet-button label, +#showdesktop-button label { + font-weight: normal; + color: #dedede; } + +#clock-applet-button, #clock-applet-button:backdrop, panel-applet button, panel-applet button:backdrop, .xfce4-panel button, #login_window, #shutdown_dialog, #restart_dialog { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: #dedede; } + #clock-applet-button:hover, panel-applet button:hover, .xfce4-panel button:hover, #login_window:hover, #shutdown_dialog:hover, #restart_dialog:hover { + background-color: mix(#2d2d2d,#dedede,0.11); + background-image: none; + border-color: mix(#2d2d2d,#dedede,0.11); + color: #f0f0f0; } + #clock-applet-button:active, panel-applet button:active, .xfce4-panel button:active, #login_window:active, #shutdown_dialog:active, #restart_dialog:active, #clock-applet-button:checked, panel-applet button:checked, .xfce4-panel button:checked, #login_window:checked, #shutdown_dialog:checked, #restart_dialog:checked { + background-color: mix(#2d2d2d,#dedede,0.21); + background-image: none; + border-color: mix(#2d2d2d,#dedede,0.21); + color: #f0f0f0; } + #clock-applet-button:active:hover, panel-applet button:active:hover, .xfce4-panel button:active:hover, #login_window:active:hover, #shutdown_dialog:active:hover, #restart_dialog:active:hover, #clock-applet-button:checked:hover, panel-applet button:checked:hover, .xfce4-panel button:checked:hover, #login_window:checked:hover, #shutdown_dialog:checked:hover, #restart_dialog:checked:hover { + background-color: mix(#2d2d2d,#dedede,0.31); + background-image: none; + border-color: mix(#2d2d2d,#dedede,0.31); } + +panel-plug, +panel-toplevel.background { + padding: 0; } + +.gp-text-color { + color: #000; } + +panel-applet { + border: 0; } + +clock-box menuitem, clock-box:backdrop menuitem, +panel-applet > menubar menuitem, +panel-applet > menubar:backdrop menuitem, +panel-toplevel .gnome-panel-menu-bar menuitem, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem { + border: 0; } + +/**************** + ! MATE styles * +*****************/ +.mate-panel-menu-bar { + border: 0; + padding: 0; + text-shadow: none; } + +#PanelApplet label, +.mate-panel-menu-bar menubar > menuitem { + color: #dedede; } + +PanelSeparator, MatePanelAppletFrameDBus { + border-width: 0; + color: transparent; + background-image: -gtk-scaled(url("../assets/pane-handle.png"), url("../assets/pane-handle@2.png")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; } + +#PanelApplet button, +#PanelApplet button.flat, +#PanelApplet button.toggle +#PanelApplet button.flat.toggle { + background-image: none; + background-color: transparent; + border-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 1px; + color: #dedede; + text-shadow: none; + box-shadow: none; + padding: 2px; } + +#PanelApplet button:hover:active, +#PanelApplet button:checked, +#PanelApplet button:checked:hover, +#PanelApplet button.flat:hover:active, +#PanelApplet button.flat:checked, +#PanelApplet button.flat:checked:hover, +#PanelApplet button.toggle:hover:active, +#PanelApplet button.toggle:checked, +#PanelApplet button.toggle:checked:hover, +#PanelApplet button.flat.toggle:hover:active, +#PanelApplet button.flat.toggle:checked, +#PanelApplet button.flat.toggle:checked:hover { + background-image: none; + background-color: darker(#2d2d2d); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: lighter(#dedede); + text-shadow: none; + padding: 2px; } + +#PanelApplet button:hover, +#PanelApplet button.flat:hover, +#PanelApplet button.toggle:hover, +#PanelApplet button.flat.toggle:hover { + background-image: none; + background-color: #3b3b3b; + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: #dedede; + text-shadow: none; + padding: 2px; } + +.mate-panel-menu-bar menubar > menuitem { + padding: 3px 7px; } + +/********************* + ! Cinnamon Settings * +**********************/ +.cs-category-view, .cs-category-view:backdrop, .cs-category-view .view, .cs-category-view iconview, .cs-category-view .view:backdrop, .cs-category-view iconview:backdrop { + background-color: transparent; } + +/**************** + ! Gnome clocks * +*****************/ +.clocks-analog-frame.trough { + color: mix(#dedede,#2d2d2d,0.85); } +.clocks-analog-frame.progress { + color: mix(#2d2d2d,#990000,0.5); } +.clocks-analog-frame.progress-fast { + color: #6b0000; } + +/***************** + ! Gnome Builder * +******************/ +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: 0; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 0px 0px 0 0; } + +/************************ + ! Unity-Control-Center * +*************************/ +.background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame { + border: 0 none transparent; } + .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:backdrop, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop { + background-color: transparent; } + +/*********************** + ! Unity Greeter * + ***********************/ +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.lightdm.button, .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.9); + border-radius: 1px; + padding: 3px; + color: #fff; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.6); + border-color: rgba(255, 255, 255, 0.2); + border-radius: 0px; + padding: 1px; + color: #fff; } + .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { + color: #fff; } +.lightdm.menubar *, .lightdm.menubar.menuitem { + padding: 0px; } +.lightdm.option-button { + padding: 3px; + background: none; + border: 0; } +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.3); + border-width: 1px; } + .lightdm.toggle-button.selected:hover { + background-color: rgba(255, 255, 255, 0.3); } +.lightdm.button:hover { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.6); + text-shadow: none; } +.lightdm.entry, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.button:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.6); + border-radius: 1px; + padding: 5px; + color: #fff; + text-shadow: none; } +.lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { + background-image: none; + border-image: none; } +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.6); + border-width: 1px; + border-style: solid; + color: #fff; } +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.2); } + +.lightdm-combo.menu { + background-color: #313131; + border-radius: 0; + padding: 0; + color: #fff; } + +/********* + ! Gedit * +**********/ +GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; } + GeditWindow .pane-separator, GeditWindow .pane-separator:hover { + border-color: #292929; + background-color: #2d2d2d; } + +.gedit-document-panel { + background-color: #2d2d2d; + color: mix(#dedede,#2d2d2d,0.1); } + .gedit-document-panel list row { + padding: 3px; } + .gedit-document-panel list row button { + padding: 1px; + border-radius: 0px; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + -gtk-icon-shadow: none; } + .gedit-document-panel .prelight-row button { + border-color: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.8); } + .gedit-document-panel .prelight-row button:active { + border-color: rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.08); + color: #fff; } + .gedit-document-panel list row button:hover, .gedit-document-panel .prelight-row button:hover { + border-color: rgba(0, 0, 0, 0.1); + color: #fff; } + +.gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { + border-top: 1px solid #292929; + background-color: #2d2d2d; } + +.gedit-document-panel-document-row:hover { + background-color: #2f2f2f; } + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.5); + color: #fff; } + +.gedit-document-panel-placeholder-row { + border: 0; + background-color: rgba(0, 0, 0, 0.08); + transition: all 200ms ease-in; } + +statusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; } + statusbar GeditSmallButton button, GeditStatusMenuButton button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; } + statusbar GeditSmallButton button:hover, statusbar GeditSmallButton button:active, statusbar GeditSmallButton button:active:hover, GeditStatusMenuButton button:hover, GeditStatusMenuButton button:active, GeditStatusMenuButton button:active:hover { + border-color: #242424; } + statusbar GeditSmallButton button:active, GeditStatusMenuButton button:active { + background-color: #2b2b2b; + color: #dedede; } + +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 0 0 0px 0px; + border-width: 0 1px 1px; + border-style: solid; + border-color: #242424; + background-color: #2d2d2d; } + GeditViewFrame .gedit-search-slider .not-found { + background-color: #f44336; + background-image: none; + color: #fff; } + +GeditFileBrowserWidget .toolbar { + padding: 1.5px; + border-top: 0; + background-color: #2d2d2d; + background-image: none; } + +.gedit-search-entry-occurrences-tag { + margin: 1.5px; + padding: 1.5px; + color: mix(#dedede,#2d2d2d,0.5); } + +.gedit-bottom-panel-paned, +.gedit-side-panel-paned, +paned.titlebar { + margin-right: 0; } + +.gedit-bottom-panel-paned notebook { + border-top: none; } + +/************ + ! Nautilus * +*************/ +.nautilus-desktop, .nautilus-desktop:backdrop, .nautilus-desktop *, .nautilus-desktop *:backdrop { + color: #fff; + text-shadow: 1px 1px #000; } + .nautilus-desktop:active, .nautilus-desktop:backdrop:active, .nautilus-desktop *:active, .nautilus-desktop *:backdrop:active { + color: #dedede; } + .nautilus-desktop:selected, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:selected { + color: #dedede; } + .nautilus-desktop:active, .nautilus-desktop:hover, .nautilus-desktop:selected, .nautilus-desktop:backdrop:active, .nautilus-desktop:backdrop:hover, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:active, .nautilus-desktop *:hover, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:active, .nautilus-desktop *:backdrop:hover, .nautilus-desktop *:backdrop:selected { + text-shadow: none; } + +.nautilus-window toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: #242424; } +.nautilus-window .sidebar { + border: 0; } + .nautilus-window .sidebar frame { + border: 0; } +.nautilus-window notebook { + background-color: #2d2d2d; + border: 0; } + .nautilus-window notebook frame { + border: 0; } +.nautilus-window .searchbar-container { + margin-top: -1px; } + .nautilus-window .searchbar-container searchbar { + padding-top: 0px; + padding-bottom: 1px; + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.08); } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(200, 200, 200, 0.5); } + .disk-space-display.used { + background-color: rgba(153, 0, 0, 0.8); + border-color: rgba(138, 0, 0, 0.8); } + .disk-space-display.free { + background-color: #2b2b2b; + border-color: #262626; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: #fff; + background-color: #f44336; } +.conflict-row.activatable:hover { + background-color: #f65d52; } +.conflict-row.activatable:selected { + color: #dedede; + background-color: #990000; } + +/******** + ! Nemo * +*********/ +.nemo-desktop, .nemo-desktop:backdrop, .nemo-desktop *, .nemo-desktop *:backdrop { + color: #fff; + text-shadow: 1px 1px #000; } + .nemo-desktop:active, .nemo-desktop:backdrop:active, .nemo-desktop *:active, .nemo-desktop *:backdrop:active { + color: #dedede; } + .nemo-desktop:selected, .nemo-desktop:backdrop:selected, .nemo-desktop *:selected, .nemo-desktop *:backdrop:selected { + color: #dedede; } + .nemo-desktop:active, .nemo-desktop:hover, .nemo-desktop:selected, .nemo-desktop:backdrop:active, .nemo-desktop:backdrop:hover, .nemo-desktop:backdrop:selected, .nemo-desktop *:active, .nemo-desktop *:hover, .nemo-desktop *:selected, .nemo-desktop *:backdrop:active, .nemo-desktop *:backdrop:hover, .nemo-desktop *:backdrop:selected { + text-shadow: none; } + +.nemo-window { + /* Status Bar */ } + .nemo-window toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: #242424; + /* Path Bar */ } + .nemo-window toolbar button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .nemo-window toolbar button:focus, .nemo-window toolbar button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .nemo-window toolbar button:active, .nemo-window toolbar button:active:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover:focus, .nemo-window toolbar button:checked, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .nemo-window toolbar button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .nemo-window toolbar button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .nemo-window toolbar button:hover:focus, .nemo-window toolbar button:hover:hover, .nemo-window toolbar button.flat:hover:focus, .nemo-window toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .nemo-window toolbar button:hover:active, .nemo-window toolbar button:hover:active:hover, .nemo-window toolbar button:hover:active:focus, .nemo-window toolbar button:hover:active:hover:focus, .nemo-window toolbar button:hover:checked, .nemo-window toolbar button:hover:checked:hover, .nemo-window toolbar button:hover:checked:focus, .nemo-window toolbar button:hover:checked:hover:focus, .nemo-window toolbar button.flat:hover:active, .nemo-window toolbar button.flat:hover:active:hover, .nemo-window toolbar button.flat:hover:active:focus, .nemo-window toolbar button.flat:hover:active:hover:focus, .nemo-window toolbar button.flat:hover:checked, .nemo-window toolbar button.flat:hover:checked:hover, .nemo-window toolbar button.flat:hover:checked:focus, .nemo-window toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .nemo-window toolbar button:hover:disabled, .nemo-window toolbar button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .nemo-window toolbar button:hover:active:disabled, .nemo-window toolbar button:hover:checked:disabled, .nemo-window toolbar button.flat:hover:active:disabled, .nemo-window toolbar button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .nemo-window toolbar button:focus, .nemo-window toolbar button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar button:focus:focus, .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:focus, .nemo-window toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .nemo-window toolbar button:focus:active, .nemo-window toolbar button:focus:active:hover, .nemo-window toolbar button:focus:active:focus, .nemo-window toolbar button:focus:active:hover:focus, .nemo-window toolbar button:focus:checked, .nemo-window toolbar button:focus:checked:hover, .nemo-window toolbar button:focus:checked:focus, .nemo-window toolbar button:focus:checked:hover:focus, .nemo-window toolbar button.flat:focus:active, .nemo-window toolbar button.flat:focus:active:hover, .nemo-window toolbar button.flat:focus:active:focus, .nemo-window toolbar button.flat:focus:active:hover:focus, .nemo-window toolbar button.flat:focus:checked, .nemo-window toolbar button.flat:focus:checked:hover, .nemo-window toolbar button.flat:focus:checked:focus, .nemo-window toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .nemo-window toolbar button:focus:disabled, .nemo-window toolbar button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .nemo-window toolbar button:focus:active:disabled, .nemo-window toolbar button:focus:checked:disabled, .nemo-window toolbar button.flat:focus:active:disabled, .nemo-window toolbar button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .nemo-window toolbar button:focus:hover:focus, .nemo-window toolbar button:focus:hover:hover, .nemo-window toolbar button.flat:focus:hover:focus, .nemo-window toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .nemo-window toolbar button:focus:hover:active, .nemo-window toolbar button:focus:hover:active:hover, .nemo-window toolbar button:focus:hover:active:focus, .nemo-window toolbar button:focus:hover:active:hover:focus, .nemo-window toolbar button:focus:hover:checked, .nemo-window toolbar button:focus:hover:checked:hover, .nemo-window toolbar button:focus:hover:checked:focus, .nemo-window toolbar button:focus:hover:checked:hover:focus, .nemo-window toolbar button.flat:focus:hover:active, .nemo-window toolbar button.flat:focus:hover:active:hover, .nemo-window toolbar button.flat:focus:hover:active:focus, .nemo-window toolbar button.flat:focus:hover:active:hover:focus, .nemo-window toolbar button.flat:focus:hover:checked, .nemo-window toolbar button.flat:focus:hover:checked:hover, .nemo-window toolbar button.flat:focus:hover:checked:focus, .nemo-window toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .nemo-window toolbar button:focus:hover:disabled, .nemo-window toolbar button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .nemo-window toolbar button:focus:hover:active:disabled, .nemo-window toolbar button:focus:hover:checked:disabled, .nemo-window toolbar button.flat:focus:hover:active:disabled, .nemo-window toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .nemo-window toolbar button:checked, .nemo-window toolbar button:active, .nemo-window toolbar button.flat:checked, .nemo-window toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .nemo-window toolbar button:checked:active, .nemo-window toolbar button:checked:active:hover, .nemo-window toolbar button:checked:active:focus, .nemo-window toolbar button:checked:active:hover:focus, .nemo-window toolbar button:checked:checked, .nemo-window toolbar button:checked:checked:hover, .nemo-window toolbar button:checked:checked:focus, .nemo-window toolbar button:checked:checked:hover:focus, .nemo-window toolbar button:active:active, .nemo-window toolbar button:active:active:hover, .nemo-window toolbar button:active:active:focus, .nemo-window toolbar button:active:active:hover:focus, .nemo-window toolbar button:active:checked, .nemo-window toolbar button:active:checked:hover, .nemo-window toolbar button:active:checked:focus, .nemo-window toolbar button:active:checked:hover:focus, .nemo-window toolbar button.flat:checked:active, .nemo-window toolbar button.flat:checked:active:hover, .nemo-window toolbar button.flat:checked:active:focus, .nemo-window toolbar button.flat:checked:active:hover:focus, .nemo-window toolbar button.flat:checked:checked, .nemo-window toolbar button.flat:checked:checked:hover, .nemo-window toolbar button.flat:checked:checked:focus, .nemo-window toolbar button.flat:checked:checked:hover:focus, .nemo-window toolbar button.flat:active:active, .nemo-window toolbar button.flat:active:active:hover, .nemo-window toolbar button.flat:active:active:focus, .nemo-window toolbar button.flat:active:active:hover:focus, .nemo-window toolbar button.flat:active:checked, .nemo-window toolbar button.flat:active:checked:hover, .nemo-window toolbar button.flat:active:checked:focus, .nemo-window toolbar button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button:active:disabled, .nemo-window toolbar button.flat:checked:disabled, .nemo-window toolbar button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .nemo-window toolbar button:checked:active:disabled, .nemo-window toolbar button:checked:checked:disabled, .nemo-window toolbar button:active:active:disabled, .nemo-window toolbar button:active:checked:disabled, .nemo-window toolbar button.flat:checked:active:disabled, .nemo-window toolbar button.flat:checked:checked:disabled, .nemo-window toolbar button.flat:active:active:disabled, .nemo-window toolbar button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .nemo-window toolbar button:focus, .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:focus, .nemo-window toolbar button.flat:hover { + color: #dedede; } + .nemo-window toolbar button:disabled:disabled, .nemo-window toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button.flat:active:disabled, .nemo-window toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .nemo-window toolbar button.separator, .nemo-window toolbar button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + .nemo-window toolbar button.separator:disabled, .nemo-window toolbar button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + .nemo-window toolbar .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .nemo-window toolbar .linked > button:focus, .nemo-window toolbar .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar .linked > button:active, .nemo-window toolbar .linked > button:active:hover, .nemo-window toolbar .linked > button:active:focus, .nemo-window toolbar .linked > button:active:hover:focus, .nemo-window toolbar .linked > button:checked, .nemo-window toolbar .linked > button:checked:hover, .nemo-window toolbar .linked > button:checked:focus, .nemo-window toolbar .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + .nemo-window toolbar .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + .nemo-window toolbar .linked > button:last-child, .nemo-window toolbar .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .nemo-window toolbar .linked > button:last-child:hover, .nemo-window toolbar .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar .linked > button:disabled:last-child, .nemo-window toolbar .linked > button:disabled:only-child, .nemo-window toolbar .linked > button:active:disabled:last-child, .nemo-window toolbar .linked > button:active:disabled:only-child, .nemo-window toolbar .linked > button:checked:disabled:last-child, .nemo-window toolbar .linked > button:checked:disabled:only-child { + box-shadow: none; } + .nemo-window toolbar .linked > button:active:last-child, .nemo-window toolbar .linked > button:active:last-child:focus, .nemo-window toolbar .linked > button:active:last-child:hover, .nemo-window toolbar .linked > button:active:last-child:hover:focus, .nemo-window toolbar .linked > button:checked:last-child, .nemo-window toolbar .linked > button:checked:last-child:focus, .nemo-window toolbar .linked > button:checked:last-child:hover, .nemo-window toolbar .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .nemo-window toolbar .linked > button:active:only-child, .nemo-window toolbar .linked > button:active:only-child:focus, .nemo-window toolbar .linked > button:active:only-child:hover, .nemo-window toolbar .linked > button:active:only-child:hover:focus, .nemo-window toolbar .linked > button:checked:only-child, .nemo-window toolbar .linked > button:checked:only-child:focus, .nemo-window toolbar .linked > button:checked:only-child:hover, .nemo-window toolbar .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .nemo-window toolbar separator, .nemo-window toolbar separator:disabled { + color: #292929; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + .nemo-window toolbar.primary-toolbar button.image-button { + padding: 0 8px; } + .nemo-window toolbar combobox, .nemo-window toolbar button { + padding: 3px; } + .nemo-window toolbar combobox.text-button, .nemo-window toolbar button.text-button { + padding: 3px; } + .nemo-window toolbar combobox.image-button, .nemo-window toolbar button.image-button { + padding: 3px; } + .nemo-window toolbar toolitem stack { + margin-left: 15px; } + .nemo-window toolbar toolitem stack widget button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); + -NemoPathbarButton-border-radius: 0px; } + .nemo-window toolbar toolitem stack widget button:focus, .nemo-window toolbar toolitem stack widget button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar toolitem stack widget button:active, .nemo-window toolbar toolitem stack widget button:active:hover, .nemo-window toolbar toolitem stack widget button:active:focus, .nemo-window toolbar toolitem stack widget button:active:hover:focus, .nemo-window toolbar toolitem stack widget button:checked, .nemo-window toolbar toolitem stack widget button:checked:hover, .nemo-window toolbar toolitem stack widget button:checked:focus, .nemo-window toolbar toolitem stack widget button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + .nemo-window toolbar toolitem stack widget button:disabled { + box-shadow: inset -1px 0 #242424; } + .nemo-window toolbar toolitem stack widget button:last-child, .nemo-window toolbar toolitem stack widget button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .nemo-window toolbar toolitem stack widget button:last-child:hover, .nemo-window toolbar toolitem stack widget button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar toolitem stack widget button:disabled:last-child, .nemo-window toolbar toolitem stack widget button:disabled:only-child, .nemo-window toolbar toolitem stack widget button:active:disabled:last-child, .nemo-window toolbar toolitem stack widget button:active:disabled:only-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:last-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:only-child { + box-shadow: none; } + .nemo-window toolbar toolitem stack widget button:active:last-child, .nemo-window toolbar toolitem stack widget button:active:last-child:focus, .nemo-window toolbar toolitem stack widget button:active:last-child:hover, .nemo-window toolbar toolitem stack widget button:active:last-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child, .nemo-window toolbar toolitem stack widget button:checked:last-child:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .nemo-window toolbar toolitem stack widget button:active:only-child, .nemo-window toolbar toolitem stack widget button:active:only-child:focus, .nemo-window toolbar toolitem stack widget button:active:only-child:hover, .nemo-window toolbar toolitem stack widget button:active:only-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child, .nemo-window toolbar toolitem stack widget button:checked:only-child:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .nemo-window grid > widget:last-child button { + min-height: 16px; + min-width: 16px; + padding: 2px 4px; } + .nemo-window grid > widget:last-child button:first-child { + margin-left: 20px; } + .nemo-window grid > widget:last-child button:first-child + button { + margin-right: 15px; } + .nemo-window grid > widget:last-child button:first-child + button + separator + button { + margin-left: 15px; } + .nemo-window grid > widget:last-child > box > scale { + margin-right: 12px; } + .nemo-window grid > widget:last-child statusbar { + border: 0; } + .nemo-window .sidebar { + /* Nemo Query Editor (File Search Bar) */ } + .nemo-window .sidebar .frame { + border: 0; } + .nemo-window .sidebar image { + padding-left: 3px; + padding-right: 3px; } + .nemo-window .sidebar .nemo-places-sidebar, .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { + background-color: mix(#2d2d2d,#2d2d2d,0.5); } + .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { + -NemoPlacesTreeView-disk-full-bg-color: #242424; + -NemoPlacesTreeView-disk-full-fg-color: #990000; + -NemoPlacesTreeView-disk-full-bar-width: 2px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 0; + -NemoPlacesTreeView-disk-full-max-length: 75px; } + .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + -NemoPlacesTreeView-disk-full-bg-color: #dedede; + -NemoPlacesTreeView-disk-full-fg-color: #b80000; } + .nemo-window .sidebar + separator + box .primary-toolbar { + background-color: #2c2c2c; + background-image: none; + padding-top: 0px; + padding-bottom: 0px; + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.08); } + .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(2) { + border-right: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(3) { + margin-left: -6px; + border-left: none; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat { + background-color: #363636; + background-image: none; + border-color: rgba(0, 0, 0, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); + padding: 5px 6px; } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:hover { + border-color: mix(#990000,rgba(0, 0, 0, 0.22),0.3); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover:focus { + border-color: rgba(0, 0, 0, 0.22); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:disabled { + border-color: rgba(0, 0, 0, 0.22); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:disabled, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:disabled { + border-color: rgba(0, 0, 0, 0.22); } + .nemo-window notebook { + background-color: #2d2d2d; + border-width: 0; } + .nemo-window notebook tabs { + border: 0; } + +/*********************** + ! Fallback mode panel * +************************/ +/************ + ! Synaptic * +*************/ +GtkWindow > GtkVBox > .dock, GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar { + background-color: #2d2d2d; + background-image: none; + padding: 3px; + border: 0; + color: #dedede; } + +/*********************** + ! Fallback mode panel * +************************/ +/*************** + ! Xfce styles * +****************/ +.XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: #2d2d2d; + color: #dedede; } + +.xfce4-panel { + font: inherit; } + .xfce4-panel menu { + -gtk-icon-effect: none; + text-shadow: none; } + +/*********************** + ! Fallback mode panel * +************************/ +/**************** + ! Unity styles * +*****************/ +UnityDecoration { + -UnityDecoration-extents: 24px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); + -UnityDecoration-inactive-shadow-radius: 5px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #990000; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; } + UnityDecoration .top { + border: 1px solid #990000; + border-bottom: 0; + border-radius: 0px 0px 0 0; + padding: 1px 6px 0 6px; + background-color: #2d2d2d; + color: mix(#dedede,#2d2d2d,0.1); + text-shadow: none; } + UnityDecoration .top:hover { + border-radius: 0; + border-color: mix(#2d2d2d,#dedede,0.21); + background-color: mix(#2d2d2d,#dedede,0.21); + background-image: none; + color: #f0f0f0; } + UnityDecoration .top:backdrop { + border: 1px solid #2d2d2d; + color: mix(#dedede,#2d2d2d,0.4); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom { + background-color: #2d2d2d; } + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: mix(#202020,#dedede,0.21); } + +UnityPanelWidget, .unity-panel { + border: 0; } + +.unity-panel.menuitem, .unity-panel .menuitem { + border-width: 0 1px; + color: #dedede; } + .unity-panel.menuitem:hover, .unity-panel.menuitem *:hover, .unity-panel .menuitem:hover, .unity-panel .menuitem *:hover { + border-color: mix(#2d2d2d,#dedede,0.21); + background-color: mix(#2d2d2d,#dedede,0.21); + background-image: none; + color: #f0f0f0; } + +SheetStyleDialog.unity-force-quit { + background-color: #2d2d2d; } + +/*********************** + ! LightDM GTK Greeter * + ***********************/ +#panel_window { + background-color: #2d2d2d; + background-image: none; + color: #fff; + font-weight: bold; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } + #panel_window menubar { + padding-left: 3px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + background-image: none; + border-style: none; + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } + #panel_window menubar:hover, #panel_window menubar > menuitem:hover { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + color: #fff; } + #panel_window menubar *:hover, #panel_window menubar > menuitem *:hover { + color: #fff; } + #panel_window menubar:disabled, #panel_window menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.7); } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#content_frame { + padding-bottom: 9px; } + +#login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: 0px; + background-color: #2d2d2d; + color: #dedede; + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(#202020,#dedede,0.21), inset -1px 0 mix(#202020,#dedede,0.21), inset 0 1px mix(#202020,#dedede,0.21), inset 0 -1px mix(#202020,#dedede,0.21); } + +#login_window menu { + border-radius: 0; } +#login_window button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + #login_window button:focus, #login_window button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + #login_window button:active, #login_window button:active:hover, #login_window button:active:focus, #login_window button:active:hover:focus, #login_window button:checked, #login_window button:checked:hover, #login_window button:checked:focus, #login_window button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + #login_window button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + #login_window button:active:disabled, #login_window button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + #login_window button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + #login_window button:hover, #login_window button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + #login_window button:hover:focus, #login_window button:hover:hover, #login_window button.flat:hover:focus, #login_window button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + #login_window button:hover:active, #login_window button:hover:active:hover, #login_window button:hover:active:focus, #login_window button:hover:active:hover:focus, #login_window button:hover:checked, #login_window button:hover:checked:hover, #login_window button:hover:checked:focus, #login_window button:hover:checked:hover:focus, #login_window button.flat:hover:active, #login_window button.flat:hover:active:hover, #login_window button.flat:hover:active:focus, #login_window button.flat:hover:active:hover:focus, #login_window button.flat:hover:checked, #login_window button.flat:hover:checked:hover, #login_window button.flat:hover:checked:focus, #login_window button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + #login_window button:hover:disabled, #login_window button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + #login_window button:hover:active:disabled, #login_window button:hover:checked:disabled, #login_window button.flat:hover:active:disabled, #login_window button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + #login_window button:focus, #login_window button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + #login_window button:focus:focus, #login_window button:focus:hover, #login_window button.flat:focus:focus, #login_window button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + #login_window button:focus:active, #login_window button:focus:active:hover, #login_window button:focus:active:focus, #login_window button:focus:active:hover:focus, #login_window button:focus:checked, #login_window button:focus:checked:hover, #login_window button:focus:checked:focus, #login_window button:focus:checked:hover:focus, #login_window button.flat:focus:active, #login_window button.flat:focus:active:hover, #login_window button.flat:focus:active:focus, #login_window button.flat:focus:active:hover:focus, #login_window button.flat:focus:checked, #login_window button.flat:focus:checked:hover, #login_window button.flat:focus:checked:focus, #login_window button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + #login_window button:focus:disabled, #login_window button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + #login_window button:focus:active:disabled, #login_window button:focus:checked:disabled, #login_window button.flat:focus:active:disabled, #login_window button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + #login_window button:focus:hover, #login_window button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + #login_window button:focus:hover:focus, #login_window button:focus:hover:hover, #login_window button.flat:focus:hover:focus, #login_window button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + #login_window button:focus:hover:active, #login_window button:focus:hover:active:hover, #login_window button:focus:hover:active:focus, #login_window button:focus:hover:active:hover:focus, #login_window button:focus:hover:checked, #login_window button:focus:hover:checked:hover, #login_window button:focus:hover:checked:focus, #login_window button:focus:hover:checked:hover:focus, #login_window button.flat:focus:hover:active, #login_window button.flat:focus:hover:active:hover, #login_window button.flat:focus:hover:active:focus, #login_window button.flat:focus:hover:active:hover:focus, #login_window button.flat:focus:hover:checked, #login_window button.flat:focus:hover:checked:hover, #login_window button.flat:focus:hover:checked:focus, #login_window button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + #login_window button:focus:hover:disabled, #login_window button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + #login_window button:focus:hover:active:disabled, #login_window button:focus:hover:checked:disabled, #login_window button.flat:focus:hover:active:disabled, #login_window button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + #login_window button:checked, #login_window button:active, #login_window button.flat:checked, #login_window button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + #login_window button:checked:active, #login_window button:checked:active:hover, #login_window button:checked:active:focus, #login_window button:checked:active:hover:focus, #login_window button:checked:checked, #login_window button:checked:checked:hover, #login_window button:checked:checked:focus, #login_window button:checked:checked:hover:focus, #login_window button:active:active, #login_window button:active:active:hover, #login_window button:active:active:focus, #login_window button:active:active:hover:focus, #login_window button:active:checked, #login_window button:active:checked:hover, #login_window button:active:checked:focus, #login_window button:active:checked:hover:focus, #login_window button.flat:checked:active, #login_window button.flat:checked:active:hover, #login_window button.flat:checked:active:focus, #login_window button.flat:checked:active:hover:focus, #login_window button.flat:checked:checked, #login_window button.flat:checked:checked:hover, #login_window button.flat:checked:checked:focus, #login_window button.flat:checked:checked:hover:focus, #login_window button.flat:active:active, #login_window button.flat:active:active:hover, #login_window button.flat:active:active:focus, #login_window button.flat:active:active:hover:focus, #login_window button.flat:active:checked, #login_window button.flat:active:checked:hover, #login_window button.flat:active:checked:focus, #login_window button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + #login_window button:checked:disabled, #login_window button:active:disabled, #login_window button.flat:checked:disabled, #login_window button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + #login_window button:checked:active:disabled, #login_window button:checked:checked:disabled, #login_window button:active:active:disabled, #login_window button:active:checked:disabled, #login_window button.flat:checked:active:disabled, #login_window button.flat:checked:checked:disabled, #login_window button.flat:active:active:disabled, #login_window button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #login_window button:focus, #login_window button:hover, #login_window button.flat:focus, #login_window button.flat:hover { + color: #dedede; } + #login_window button:disabled:disabled, #login_window button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + #login_window button:active:disabled, #login_window button:checked:disabled, #login_window button.flat:active:disabled, #login_window button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #login_window button.separator, #login_window button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + #login_window button.separator:disabled, #login_window button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } +#login_window entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + #login_window entry:focus, #login_window entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + #login_window entry:active, #login_window entry:active:hover, #login_window entry:active:focus, #login_window entry:active:hover:focus, #login_window entry:checked, #login_window entry:checked:hover, #login_window entry:checked:focus, #login_window entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + #login_window entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + #login_window entry:active:disabled, #login_window entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + #login_window entry:focus, #login_window entry:active { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.08),0.3); } + #login_window entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + #login_window entry:disabled:focus, #login_window entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + #login_window entry:disabled:active, #login_window entry:disabled:active:hover, #login_window entry:disabled:active:focus, #login_window entry:disabled:active:hover:focus, #login_window entry:disabled:checked, #login_window entry:disabled:checked:hover, #login_window entry:disabled:checked:focus, #login_window entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + #login_window entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + #login_window entry:disabled:active:disabled, #login_window entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + +#user_combobox { + color: #dedede; + font-size: 18px; } + #user_combobox menu { + font-weight: normal; } + #user_combobox arrow { + color: mix(#dedede,#2d2d2d,0.5); } + +#user_image { + border-radius: 0px; + /* draw border using box-shadow */ + box-shadow: inset 1px 0 #202020, inset -1px 0 #202020, inset 0 1px #202020, inset 0 -1px #202020; } + +#user_image_border { + border-radius: 0px; + background-color: #292929; + background-image: none; + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.07), inset 0 1px rgba(44, 44, 44, 0.08), inset -1px 0 rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + +#buttonbox_frame { + padding-top: 6px; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + background-color: transparent; + background-image: none; + box-shadow: none; } + +/* shutdown button */ +#shutdown_button button { + background-color: #f44336; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.12); } + #shutdown_button button:focus, #shutdown_button button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #shutdown_button button:active, #shutdown_button button:active:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover:focus, #shutdown_button button:checked, #shutdown_button button:checked:hover, #shutdown_button button:checked:focus, #shutdown_button button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #shutdown_button button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button.flat { + color: #fff; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + #shutdown_button button:hover, #shutdown_button button.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + #shutdown_button button:hover:focus, #shutdown_button button:hover:hover, #shutdown_button button.flat:hover:focus, #shutdown_button button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:hover:active, #shutdown_button button:hover:active:hover, #shutdown_button button:hover:active:focus, #shutdown_button button:hover:active:hover:focus, #shutdown_button button:hover:checked, #shutdown_button button:hover:checked:hover, #shutdown_button button:hover:checked:focus, #shutdown_button button:hover:checked:hover:focus, #shutdown_button button.flat:hover:active, #shutdown_button button.flat:hover:active:hover, #shutdown_button button.flat:hover:active:focus, #shutdown_button button.flat:hover:active:hover:focus, #shutdown_button button.flat:hover:checked, #shutdown_button button.flat:hover:checked:hover, #shutdown_button button.flat:hover:checked:focus, #shutdown_button button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:hover:disabled, #shutdown_button button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:hover:active:disabled, #shutdown_button button:hover:checked:disabled, #shutdown_button button.flat:hover:active:disabled, #shutdown_button button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:focus, #shutdown_button button.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + #shutdown_button button:focus:focus, #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:focus, #shutdown_button button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:focus:active, #shutdown_button button:focus:active:hover, #shutdown_button button:focus:active:focus, #shutdown_button button:focus:active:hover:focus, #shutdown_button button:focus:checked, #shutdown_button button:focus:checked:hover, #shutdown_button button:focus:checked:focus, #shutdown_button button:focus:checked:hover:focus, #shutdown_button button.flat:focus:active, #shutdown_button button.flat:focus:active:hover, #shutdown_button button.flat:focus:active:focus, #shutdown_button button.flat:focus:active:hover:focus, #shutdown_button button.flat:focus:checked, #shutdown_button button.flat:focus:checked:hover, #shutdown_button button.flat:focus:checked:focus, #shutdown_button button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:focus:disabled, #shutdown_button button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:focus:active:disabled, #shutdown_button button:focus:checked:disabled, #shutdown_button button.flat:focus:active:disabled, #shutdown_button button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.38); } + #shutdown_button button:focus:hover:focus, #shutdown_button button:focus:hover:hover, #shutdown_button button.flat:focus:hover:focus, #shutdown_button button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:focus:hover:active, #shutdown_button button:focus:hover:active:hover, #shutdown_button button:focus:hover:active:focus, #shutdown_button button:focus:hover:active:hover:focus, #shutdown_button button:focus:hover:checked, #shutdown_button button:focus:hover:checked:hover, #shutdown_button button:focus:hover:checked:focus, #shutdown_button button:focus:hover:checked:hover:focus, #shutdown_button button.flat:focus:hover:active, #shutdown_button button.flat:focus:hover:active:hover, #shutdown_button button.flat:focus:hover:active:focus, #shutdown_button button.flat:focus:hover:active:hover:focus, #shutdown_button button.flat:focus:hover:checked, #shutdown_button button.flat:focus:hover:checked:hover, #shutdown_button button.flat:focus:hover:checked:focus, #shutdown_button button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:focus:hover:disabled, #shutdown_button button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:focus:hover:active:disabled, #shutdown_button button:focus:hover:checked:disabled, #shutdown_button button.flat:focus:hover:active:disabled, #shutdown_button button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:checked, #shutdown_button button:active, #shutdown_button button.flat:checked, #shutdown_button button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #shutdown_button button:checked:active, #shutdown_button button:checked:active:hover, #shutdown_button button:checked:active:focus, #shutdown_button button:checked:active:hover:focus, #shutdown_button button:checked:checked, #shutdown_button button:checked:checked:hover, #shutdown_button button:checked:checked:focus, #shutdown_button button:checked:checked:hover:focus, #shutdown_button button:active:active, #shutdown_button button:active:active:hover, #shutdown_button button:active:active:focus, #shutdown_button button:active:active:hover:focus, #shutdown_button button:active:checked, #shutdown_button button:active:checked:hover, #shutdown_button button:active:checked:focus, #shutdown_button button:active:checked:hover:focus, #shutdown_button button.flat:checked:active, #shutdown_button button.flat:checked:active:hover, #shutdown_button button.flat:checked:active:focus, #shutdown_button button.flat:checked:active:hover:focus, #shutdown_button button.flat:checked:checked, #shutdown_button button.flat:checked:checked:hover, #shutdown_button button.flat:checked:checked:focus, #shutdown_button button.flat:checked:checked:hover:focus, #shutdown_button button.flat:active:active, #shutdown_button button.flat:active:active:hover, #shutdown_button button.flat:active:active:focus, #shutdown_button button.flat:active:active:hover:focus, #shutdown_button button.flat:active:checked, #shutdown_button button.flat:active:checked:hover, #shutdown_button button.flat:active:checked:focus, #shutdown_button button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #shutdown_button button:checked:disabled, #shutdown_button button:active:disabled, #shutdown_button button.flat:checked:disabled, #shutdown_button button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #shutdown_button button:checked:active:disabled, #shutdown_button button:checked:checked:disabled, #shutdown_button button:active:active:disabled, #shutdown_button button:active:checked:disabled, #shutdown_button button.flat:checked:active:disabled, #shutdown_button button.flat:checked:checked:disabled, #shutdown_button button.flat:active:active:disabled, #shutdown_button button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #shutdown_button button:focus, #shutdown_button button:hover, #shutdown_button button.flat:focus, #shutdown_button button.flat:hover { + color: #fff; } + #shutdown_button button:disabled:disabled, #shutdown_button button.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#fff,0.5); + box-shadow: none; } + #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled, #shutdown_button button.flat:active:disabled, #shutdown_button button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #shutdown_button button.separator, #shutdown_button button .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + #shutdown_button button.separator:disabled, #shutdown_button button .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/* restart button */ +#restart_button button { + background-color: #ef6c00; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + #restart_button button:focus, #restart_button button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #restart_button button:active, #restart_button button:active:hover, #restart_button button:active:focus, #restart_button button:active:hover:focus, #restart_button button:checked, #restart_button button:checked:hover, #restart_button button:checked:focus, #restart_button button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #restart_button button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #restart_button button:active:disabled, #restart_button button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button.flat { + color: #fff; + border-color: rgba(239, 108, 0, 0); + background-color: rgba(239, 108, 0, 0); + background-image: none; + box-shadow: none; } + #restart_button button:hover, #restart_button button.flat:hover { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + #restart_button button:hover:focus, #restart_button button:hover:hover, #restart_button button.flat:hover:focus, #restart_button button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:hover:active, #restart_button button:hover:active:hover, #restart_button button:hover:active:focus, #restart_button button:hover:active:hover:focus, #restart_button button:hover:checked, #restart_button button:hover:checked:hover, #restart_button button:hover:checked:focus, #restart_button button:hover:checked:hover:focus, #restart_button button.flat:hover:active, #restart_button button.flat:hover:active:hover, #restart_button button.flat:hover:active:focus, #restart_button button.flat:hover:active:hover:focus, #restart_button button.flat:hover:checked, #restart_button button.flat:hover:checked:hover, #restart_button button.flat:hover:checked:focus, #restart_button button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:hover:disabled, #restart_button button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:hover:active:disabled, #restart_button button:hover:checked:disabled, #restart_button button.flat:hover:active:disabled, #restart_button button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:focus, #restart_button button.flat:focus { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + #restart_button button:focus:focus, #restart_button button:focus:hover, #restart_button button.flat:focus:focus, #restart_button button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:focus:active, #restart_button button:focus:active:hover, #restart_button button:focus:active:focus, #restart_button button:focus:active:hover:focus, #restart_button button:focus:checked, #restart_button button:focus:checked:hover, #restart_button button:focus:checked:focus, #restart_button button:focus:checked:hover:focus, #restart_button button.flat:focus:active, #restart_button button.flat:focus:active:hover, #restart_button button.flat:focus:active:focus, #restart_button button.flat:focus:active:hover:focus, #restart_button button.flat:focus:checked, #restart_button button.flat:focus:checked:hover, #restart_button button.flat:focus:checked:focus, #restart_button button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:focus:disabled, #restart_button button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:focus:active:disabled, #restart_button button:focus:checked:disabled, #restart_button button.flat:focus:active:disabled, #restart_button button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:focus:hover, #restart_button button.flat:focus:hover { + background-color: #ff7808; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + #restart_button button:focus:hover:focus, #restart_button button:focus:hover:hover, #restart_button button.flat:focus:hover:focus, #restart_button button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:focus:hover:active, #restart_button button:focus:hover:active:hover, #restart_button button:focus:hover:active:focus, #restart_button button:focus:hover:active:hover:focus, #restart_button button:focus:hover:checked, #restart_button button:focus:hover:checked:hover, #restart_button button:focus:hover:checked:focus, #restart_button button:focus:hover:checked:hover:focus, #restart_button button.flat:focus:hover:active, #restart_button button.flat:focus:hover:active:hover, #restart_button button.flat:focus:hover:active:focus, #restart_button button.flat:focus:hover:active:hover:focus, #restart_button button.flat:focus:hover:checked, #restart_button button.flat:focus:hover:checked:hover, #restart_button button.flat:focus:hover:checked:focus, #restart_button button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:focus:hover:disabled, #restart_button button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:focus:hover:active:disabled, #restart_button button:focus:hover:checked:disabled, #restart_button button.flat:focus:hover:active:disabled, #restart_button button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:checked, #restart_button button:active, #restart_button button.flat:checked, #restart_button button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #restart_button button:checked:active, #restart_button button:checked:active:hover, #restart_button button:checked:active:focus, #restart_button button:checked:active:hover:focus, #restart_button button:checked:checked, #restart_button button:checked:checked:hover, #restart_button button:checked:checked:focus, #restart_button button:checked:checked:hover:focus, #restart_button button:active:active, #restart_button button:active:active:hover, #restart_button button:active:active:focus, #restart_button button:active:active:hover:focus, #restart_button button:active:checked, #restart_button button:active:checked:hover, #restart_button button:active:checked:focus, #restart_button button:active:checked:hover:focus, #restart_button button.flat:checked:active, #restart_button button.flat:checked:active:hover, #restart_button button.flat:checked:active:focus, #restart_button button.flat:checked:active:hover:focus, #restart_button button.flat:checked:checked, #restart_button button.flat:checked:checked:hover, #restart_button button.flat:checked:checked:focus, #restart_button button.flat:checked:checked:hover:focus, #restart_button button.flat:active:active, #restart_button button.flat:active:active:hover, #restart_button button.flat:active:active:focus, #restart_button button.flat:active:active:hover:focus, #restart_button button.flat:active:checked, #restart_button button.flat:active:checked:hover, #restart_button button.flat:active:checked:focus, #restart_button button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #restart_button button:checked:disabled, #restart_button button:active:disabled, #restart_button button.flat:checked:disabled, #restart_button button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #restart_button button:checked:active:disabled, #restart_button button:checked:checked:disabled, #restart_button button:active:active:disabled, #restart_button button:active:checked:disabled, #restart_button button.flat:checked:active:disabled, #restart_button button.flat:checked:checked:disabled, #restart_button button.flat:active:active:disabled, #restart_button button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #restart_button button:focus, #restart_button button:hover, #restart_button button.flat:focus, #restart_button button.flat:hover { + color: #fff; } + #restart_button button:disabled:disabled, #restart_button button.flat:disabled:disabled { + background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#ef6c00,#fff,0.5); + box-shadow: none; } + #restart_button button:active:disabled, #restart_button button:checked:disabled, #restart_button button.flat:active:disabled, #restart_button button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #restart_button button.separator, #restart_button button .separator { + border: 1px solid currentColor; + color: rgba(239, 108, 0, 0.9); } + #restart_button button.separator:disabled, #restart_button button .separator:disabled { + color: rgba(239, 108, 0, 0.85); } + +/* password warning */ +#greeter_infobar { + font-weight: bold; } + +/********************** + ! Genome Terminal * +***********************/ +VteTerminal { + background-color: #2d2d2d; + color: #dedede; } + +terminal-window junction, terminal-window scrollbar trough { + background-color: #2d2d2d; + border-color: #242424; } +terminal-window scrollbar.vertical slider { + background-color: mix(#2d2d2d,#dedede,0.2); } + terminal-window scrollbar.vertical slider:hover { + background-color: mix(#2d2d2d,#dedede,0.3); } + terminal-window scrollbar.vertical slider:hover:active { + background-color: #990000; } + terminal-window scrollbar.vertical slider:disabled { + background-color: transparent; } + +/****************** + ! Budgie Desktop * +*******************/ +.budgie-container { + background-color: transparent; } + +.raven { + background-color: rgba(45, 45, 45, 0.93); } + .raven .raven-header { + background-color: #2d2d2d; + border: solid mix(#2d2d2d,#dedede,0.08); + border-width: 1px 0; } + .raven .raven-background { + background-color: rgba(45, 45, 45, 0.93); } + +.raven-mpris { + background-color: rgba(45, 45, 45, 0.7); } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/Redcore-nighttime/gtk-3.20/dist/gtk.css b/Redcore-nighttime/gtk-3.20/dist/gtk.css new file mode 100644 index 0000000..ba6ca38 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/dist/gtk.css @@ -0,0 +1,7778 @@ +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +/* dark color scheme */ +@define-color dark_bg_color #2d2d2d; +@define-color dark_fg_color #dedede; +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color #2d2d2d; +@define-color theme_fg_color #dedede; +@define-color theme_base_color #2d2d2d; +@define-color theme_text_color #dedede; +@define-color theme_selected_bg_color #990000; +@define-color theme_selected_fg_color #dedede; +@define-color theme_tooltip_bg_color #2d2d2d; +@define-color theme_tooltip_fg_color #dedede; +/* shadow effects */ +@define-color light_shadow #2e2e2e; +@define-color dark_shadow #2c2c2c; +/* misc colors used by gtk+ */ +@define-color info_fg_color #fff; +@define-color info_bg_color #03a9f4; +@define-color warning_fg_color #fff; +@define-color warning_bg_color #ef6c00; +@define-color question_fg_color #fff; +@define-color question_bg_color #673ab7; +@define-color error_fg_color #fff; +@define-color error_bg_color #f44336; +@define-color link_color #3f51b5; +@define-color success_color #4caf50; +@define-color warning_color #ef6c00; +@define-color error_color #f44336; +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; +@define-color borders mix(#2d2d2d,#dedede,0.08); +@define-color unfocused_borders mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); +@define-color button_bg_color #2d2d2d; +@define-color button_fg_color #dedede; +@define-color header_button_bg_color #2d2d2d; +@define-color header_button_fg_color #dedede; +@define-color insensitive_bg_color mix(#2d2d2d,#2d2d2d,0.6); +@define-color insensitive_fg_color mix(#dedede,#2d2d2d,0.5); +/* osd */ +@define-color osd_base #2d2d2d; +@define-color osd_bg rgba(45, 45, 45, 0.8); +@define-color osd_fg #dedede; +@define-color osd_insensitive_bg_color mix(#dedede,rgba(45, 45, 45, 0.8),0.5); +@define-color osd_insensitive_fg_color mix(#dedede,#2d2d2d,0.6); +@define-color osd_borders_color rgba(38, 38, 38, 0.8); +/* lightdm greeter colors */ +@define-color lightdm_bg_color #2d2d2d; +@define-color lightdm_fg_color #dedede; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color mix(#dedede,#2d2d2d,0.5); +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #dedede; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #2d2d2d; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2d2d2d; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #990000; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #dedede; +/* insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #070707; +/* window manager colors */ +@define-color wm_bg #2d2d2d; +@define-color wm_border_focused #990000; +@define-color wm_border_unfocused #2d2d2d; +@define-color wm_title_focused mix(#dedede,#2d2d2d,0.1); +@define-color wm_title_unfocused mix(#dedede,#2d2d2d,0.4); +@define-color wm_icons_focused mix(#dedede,#2d2d2d,0.1); +@define-color wm_icons_focused_prelight #990000; +@define-color wm_icons_focused_pressed #7a0000; +@define-color wm_icons_unfocused mix(#dedede,#2d2d2d,0.4); +@define-color wm_icons_unfocused_prelight #990000; +@define-color wm_icons_unfocused_pressed #7a0000; +/************** + ! GTK settings +***************/ +* { + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + -GtkWidget-cursor-aspect-ratio: 0.04; + outline-color: rgba(153, 0, 0, 0.5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + -gtk-outline-radius: 0px; } + +/************* + ! Base states + *************/ +*:selected, .gtkstyle-fallback:selected, GucharmapChartable:focus, GucharmapChartable:hover, GucharmapChartable:active, GucharmapChartable:selected, .gedit-document-panel-document-row:selected, .gedit-document-panel-document-row:selected:hover, GeditViewFrame .gedit-search-slider .not-found:selected, :focus:selected, GucharmapChartable:focus, .gedit-document-panel-document-row:focus:selected:hover, GeditViewFrame .gedit-search-slider .not-found:focus:selected { + background-color: #990000; + color: #dedede; } + +* { + /* hyperlinks */ + -GtkIMHtml-hyperlink-color: #3f51b5; } + *:disabled, *:disabled:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + *:disabled, *:disabled { + -gtk-icon-effect: dim; } + *:hover { + -gtk-icon-effect: highlight; } + *:link, *:visited { + color: #3f51b5; } + +.background { + background-color: #2d2d2d; + color: #dedede; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + .background.csd { + background-color: #2d2d2d; } + +.gtkstyle-fallback { + background-color: rgba(45, 45, 45, 0.5); + color: #dedede; } + .gtkstyle-fallback:hover { + background-color: #323232; + color: #dedede; } + .gtkstyle-fallback:active { + background-color: #292929; + color: #dedede; } + .gtkstyle-fallback:disabled { + background-color: #2d2d2d; + color: mix(#dedede,#2d2d2d,0.5); } + +image, image:disabled, label, label:disabled, box, box:disabled, grid, grid:disabled { + background-color: transparent; } + +label.separator { + color: #dedede; } + label.separator:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } +label selection { + background-color: #990000; + color: #dedede; } +label:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + label:disabled:backdrop { + color: #070707; } +label:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } + +assistant .sidebar { + background-color: #2d2d2d; + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + assistant .sidebar:backdrop { + background-color: #2d2d2d; + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 3px 6px; } +assistant .sidebar label.highlight { + background-color: mix(#dedede,#2d2d2d,0.8); } + +/********* + ! Buttons +**********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#990000), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)); } } +stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(0, 0, 0, 0.85882)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + +button, headerbar button, .titlebar:not(headerbar) button, toolbar button, toolbar.inline-toolbar button, .suggested-action, headerbar.selection-mode button.suggested-action, +.titlebar:not(headerbar).selection-mode button.suggested-action, .destructive-action, headerbar.selection-mode button, +.titlebar:not(headerbar).selection-mode button, infobar.info button, infobar.warning button, infobar.question button, infobar.error button, popover.background button, frame.app-notification button, button.osd, +#XfceNotifyWindow button, .osd button, .osd spinbutton:not(.vertical) button, +#XfceNotifyWindow spinbutton:not(.vertical) button, .osd spinbutton.vertical button:first-child, +#XfceNotifyWindow spinbutton.vertical button:first-child, .nemo-window toolbar button, .nemo-window .sidebar + separator + box .primary-toolbar button.flat, #login_window button, #shutdown_button button, #restart_button button { + min-height: 20px; + min-width: 20px; + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-radius: 0px; + transition: 150ms ease; + outline-color: transparent; } + +calendar.view, calendar.view:backdrop, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, menu menuitem calendar.button, +.menu menuitem calendar.button, +.context-menu menuitem calendar.button, menu menuitem calendar.button:hover, +.menu menuitem calendar.button:hover, +.context-menu menuitem calendar.button:hover, modelbutton.flat, +menuitem.button.flat, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +spinbutton:not(.vertical) button, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat { + border-radius: 0; + border-left-style: none; + border-right-style: solid; } + spinbutton:not(.vertical) button:dir(rtl), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), toolbar.inline-toolbar toolbutton > button.flat:dir(rtl) { + border-radius: 0; + border-right-style: none; + border-left-style: solid; } + +.linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; } + .linked.vertical > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; } + +.inline-toolbar button, .linked > button, combobox box button, combobox box entry, headerbar .linked > button, .titlebar:not(headerbar) .linked > button, toolbar .linked > button, headerbar.selection-mode .linked > button, +.titlebar:not(headerbar).selection-mode .linked > button, popover.background .linked > button, .nemo-window toolbar .linked > button, .nemo-window toolbar toolitem stack widget button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; } + .inline-toolbar button:first-child, .linked > button:first-child, combobox box button:first-child, combobox box entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked > button:first-child, .titlebar:not(headerbar) .linked > button:first-child, toolbar .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, popover.background .linked > button:first-child, .nemo-window toolbar toolitem stack widget button:first-child { + border-width: 1px; + border-radius: 0px; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .inline-toolbar button:first-child:dir(rtl), .linked > button:first-child:dir(rtl), combobox box button:first-child:dir(rtl), combobox box entry:first-child:dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:dir(rtl), headerbar .linked > button:first-child:dir(rtl), .titlebar:not(headerbar) .linked > button:first-child:dir(rtl), toolbar .linked > button:first-child:dir(rtl), toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(rtl), popover.background .linked > button:first-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:first-child:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + .inline-toolbar button:last-child, .linked > button:last-child, combobox box button:last-child, combobox box entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, toolbar .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, popover.background .linked > button:last-child, .nemo-window toolbar toolitem stack widget button:last-child { + border-width: 1px; + border-radius: 0px; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), combobox box button:last-child:dir(rtl), combobox box entry:last-child:dir(rtl), .linked:not(.vertical) > combobox:last-child > box > button.combo:dir(rtl), headerbar .linked > button:last-child:dir(rtl), .titlebar:not(headerbar) .linked > button:last-child:dir(rtl), toolbar .linked > button:last-child:dir(rtl), toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl), popover.background .linked > button:last-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:last-child:dir(rtl) { + border-left-style: solid; + border-right-style: none; } + .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, popover.background .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child, .inline-toolbar button:first-child:only-child, .linked > button:first-child:only-child, combobox box button:first-child:only-child, combobox box entry:first-child:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, headerbar .linked > button:first-child:only-child, .titlebar:not(headerbar) .linked > button:first-child:only-child, toolbar .linked > button:first-child:only-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat:first-child, popover.background .linked > button:first-child:only-child, .nemo-window toolbar toolitem stack widget button:first-child:only-child { + border-width: 1px; + border-style: solid; } + .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, + toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, popover.background .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child { + border-radius: 0px; } + +.linked.vertical > button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; } + .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-width: 1px; + border-radius: 0px; + border-top-style: solid; + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > button:first-child:dir(rtl), .linked.vertical > combobox:first-child > box > button.combo:dir(rtl) { + border-top-style: none; + border-bottom-style: solid; } + .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-width: 1px; + border-radius: 0px; + border-top-style: none; + border-bottom-style: solid; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > button:last-child:dir(rtl), .linked.vertical > combobox:last-child > box > button.combo:dir(rtl) { + border-top-style: solid; + border-bottom-style: none; } + .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > button:first-child:only-child, .linked.vertical > combobox:first-child > box > button.combo:only-child, .linked.vertical > combobox:only-child > box > button.combo:first-child { + border-width: 1px; + border-style: solid; } + .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 0px; } + +infobar.info button.close, infobar.warning button.close, infobar.question button.close, infobar.error button.close, notebook > header > tabs > arrow { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + infobar.info button.close:focus, infobar.warning button.close:focus, infobar.question button.close:focus, infobar.error button.close:focus, notebook > header > tabs > arrow:focus, infobar.info button.close:hover, infobar.warning button.close:hover, infobar.question button.close:hover, infobar.error button.close:hover, notebook > header > tabs > arrow:hover { + border: 1px solid rgba(45, 45, 45, 0.3); + background-color: rgba(222, 222, 222, 0.2); + background-image: none; + box-shadow: none; } + infobar.info button.close:active, infobar.warning button.close:active, infobar.question button.close:active, infobar.error button.close:active, notebook > header > tabs > arrow:active, infobar.info button.close:checked, infobar.warning button.close:checked, infobar.question button.close:checked, infobar.error button.close:checked, notebook > header > tabs > arrow:checked, infobar.info button.close:active:hover, infobar.warning button.close:active:hover, infobar.question button.close:active:hover, infobar.error button.close:active:hover, notebook > header > tabs > arrow:active:hover, infobar.info button.close:checked:hover, infobar.warning button.close:checked:hover, infobar.question button.close:checked:hover, infobar.error button.close:checked:hover, notebook > header > tabs > arrow:checked:hover { + border: 1px solid rgba(153, 0, 0, 0.3); + background-color: rgba(222, 222, 222, 0.1); + background-image: none; + box-shadow: none; } + +button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + button:focus, button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + button:active, button:active:hover, button:active:focus, button:active:hover:focus, button:checked, button:checked:hover, button:checked:focus, button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + button:active:disabled, button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + button:hover, button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + button:hover:focus, button:hover:hover, button.flat:hover:focus, button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button:hover:active, button:hover:active:hover, button:hover:active:focus, button:hover:active:hover:focus, button:hover:checked, button:hover:checked:hover, button:hover:checked:focus, button:hover:checked:hover:focus, button.flat:hover:active, button.flat:hover:active:hover, button.flat:hover:active:focus, button.flat:hover:active:hover:focus, button.flat:hover:checked, button.flat:hover:checked:hover, button.flat:hover:checked:focus, button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button:hover:disabled, button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button:hover:active:disabled, button:hover:checked:disabled, button.flat:hover:active:disabled, button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button:focus, button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + button:focus:focus, button:focus:hover, button.flat:focus:focus, button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button:focus:active, button:focus:active:hover, button:focus:active:focus, button:focus:active:hover:focus, button:focus:checked, button:focus:checked:hover, button:focus:checked:focus, button:focus:checked:hover:focus, button.flat:focus:active, button.flat:focus:active:hover, button.flat:focus:active:focus, button.flat:focus:active:hover:focus, button.flat:focus:checked, button.flat:focus:checked:hover, button.flat:focus:checked:focus, button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button:focus:disabled, button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button:focus:active:disabled, button:focus:checked:disabled, button.flat:focus:active:disabled, button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button:focus:hover, button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + button:focus:hover:focus, button:focus:hover:hover, button.flat:focus:hover:focus, button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button:focus:hover:active, button:focus:hover:active:hover, button:focus:hover:active:focus, button:focus:hover:active:hover:focus, button:focus:hover:checked, button:focus:hover:checked:hover, button:focus:hover:checked:focus, button:focus:hover:checked:hover:focus, button.flat:focus:hover:active, button.flat:focus:hover:active:hover, button.flat:focus:hover:active:focus, button.flat:focus:hover:active:hover:focus, button.flat:focus:hover:checked, button.flat:focus:hover:checked:hover, button.flat:focus:hover:checked:focus, button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button:focus:hover:disabled, button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button:focus:hover:active:disabled, button:focus:hover:checked:disabled, button.flat:focus:hover:active:disabled, button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button:checked, button:active, button.flat:checked, button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + button:checked:active, button:checked:active:hover, button:checked:active:focus, button:checked:active:hover:focus, button:checked:checked, button:checked:checked:hover, button:checked:checked:focus, button:checked:checked:hover:focus, button:active:active, button:active:active:hover, button:active:active:focus, button:active:active:hover:focus, button:active:checked, button:active:checked:hover, button:active:checked:focus, button:active:checked:hover:focus, button.flat:checked:active, button.flat:checked:active:hover, button.flat:checked:active:focus, button.flat:checked:active:hover:focus, button.flat:checked:checked, button.flat:checked:checked:hover, button.flat:checked:checked:focus, button.flat:checked:checked:hover:focus, button.flat:active:active, button.flat:active:active:hover, button.flat:active:active:focus, button.flat:active:active:hover:focus, button.flat:active:checked, button.flat:active:checked:hover, button.flat:active:checked:focus, button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + button:checked:disabled, button:active:disabled, button.flat:checked:disabled, button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + button:checked:active:disabled, button:checked:checked:disabled, button:active:active:disabled, button:active:checked:disabled, button.flat:checked:active:disabled, button.flat:checked:checked:disabled, button.flat:active:active:disabled, button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + button:focus, button:hover, button.flat:focus, button.flat:hover { + color: #dedede; } + button:disabled:disabled, button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + button:active:disabled, button:checked:disabled, button.flat:active:disabled, button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + button.separator, button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + button.separator:disabled, button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + .inline-toolbar button, .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .inline-toolbar button:focus, .inline-toolbar button:hover, .linked > button:focus, .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .inline-toolbar button:active, .inline-toolbar button:active:hover, .inline-toolbar button:active:focus, .inline-toolbar button:active:hover:focus, .inline-toolbar button:checked, .inline-toolbar button:checked:hover, .inline-toolbar button:checked:focus, .inline-toolbar button:checked:hover:focus, .linked > button:active, .linked > button:active:hover, .linked > button:active:focus, .linked > button:active:hover:focus, .linked > button:checked, .linked > button:checked:hover, .linked > button:checked:focus, .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + .inline-toolbar button:disabled, .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + .inline-toolbar button:last-child, .inline-toolbar button:only-child, .linked > button:last-child, .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .inline-toolbar button:last-child:hover, .inline-toolbar button:only-child:hover, .linked > button:last-child:hover, .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .inline-toolbar button:disabled:last-child, .inline-toolbar button:disabled:only-child, .inline-toolbar button:active:disabled:last-child, .inline-toolbar button:active:disabled:only-child, .inline-toolbar button:checked:disabled:last-child, .inline-toolbar button:checked:disabled:only-child, .linked > button:disabled:last-child, .linked > button:disabled:only-child, .linked > button:active:disabled:last-child, .linked > button:active:disabled:only-child, .linked > button:checked:disabled:last-child, .linked > button:checked:disabled:only-child { + box-shadow: none; } + .inline-toolbar button:active:last-child, .inline-toolbar button:active:last-child:focus, .inline-toolbar button:active:last-child:hover, .inline-toolbar button:active:last-child:hover:focus, .inline-toolbar button:checked:last-child, .inline-toolbar button:checked:last-child:focus, .inline-toolbar button:checked:last-child:hover, .inline-toolbar button:checked:last-child:hover:focus, .linked > button:active:last-child, .linked > button:active:last-child:focus, .linked > button:active:last-child:hover, .linked > button:active:last-child:hover:focus, .linked > button:checked:last-child, .linked > button:checked:last-child:focus, .linked > button:checked:last-child:hover, .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .inline-toolbar button:active:only-child, .inline-toolbar button:active:only-child:focus, .inline-toolbar button:active:only-child:hover, .inline-toolbar button:active:only-child:hover:focus, .inline-toolbar button:checked:only-child, .inline-toolbar button:checked:only-child:focus, .inline-toolbar button:checked:only-child:hover, .inline-toolbar button:checked:only-child:hover:focus, .linked > button:active:only-child, .linked > button:active:only-child:focus, .linked > button:active:only-child:hover, .linked > button:active:only-child:hover:focus, .linked > button:checked:only-child, .linked > button:checked:only-child:focus, .linked > button:checked:only-child:hover, .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .linked.vertical > button { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .linked.vertical > button:focus, .linked.vertical > button:hover { + box-shadow: inset 0 -1px mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .linked.vertical > button:active, .linked.vertical > button:active:hover, .linked.vertical > button:active:focus, .linked.vertical > button:active:hover:focus, .linked.vertical > button:checked, .linked.vertical > button:checked:hover, .linked.vertical > button:checked:focus, .linked.vertical > button:checked:hover:focus { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.22), inset 1px 0 rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.05); } + .linked.vertical > button:disabled { + box-shadow: inset 0 -1px #242424; } + .linked.vertical > button:last-child, .linked.vertical > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .linked.vertical > button:last-child:hover, .linked.vertical > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .linked.vertical > button:disabled:last-child, .linked.vertical > button:disabled:only-child, .linked.vertical > button:active:disabled:last-child, .linked.vertical > button:active:disabled:only-child, .linked.vertical > button:checked:disabled:last-child, .linked.vertical > button:checked:disabled:only-child { + box-shadow: none; } + .linked.vertical > button:active:last-child, .linked.vertical > button:active:last-child:focus, .linked.vertical > button:active:last-child:hover, .linked.vertical > button:active:last-child:hover:focus, .linked.vertical > button:checked:last-child, .linked.vertical > button:checked:last-child:focus, .linked.vertical > button:checked:last-child:hover, .linked.vertical > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .linked.vertical > button:active:only-child, .linked.vertical > button:active:only-child:focus, .linked.vertical > button:active:only-child:hover, .linked.vertical > button:active:only-child:hover:focus, .linked.vertical > button:checked:only-child, .linked.vertical > button:checked:only-child:focus, .linked.vertical > button:checked:only-child:hover, .linked.vertical > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + button.circular, button.nautilus-circular-button.image-button, button.circular-button { + padding: 0; + min-width: 28px; + min-height: 28px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; } + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { + padding: 0; } + +spinbutton:disabled { + opacity: .4; } +spinbutton button { + color: #dedede; } + spinbutton button:active, spinbutton button:checked, spinbutton button:hover { + background-color: #363636; + background-image: none; } + spinbutton button:disabled { + color: mix(#dedede,#2d2d2d,0.7); } + spinbutton button:backdrop { + color: mix(#2d2d2d,mix(#dedede,#2d2d2d,0.5),0.9); } + spinbutton button:backdrop:disabled { + color: rgba(7, 7, 7, 0.8); } +spinbutton:not(.vertical) { + /*@extend %entry;*/ + background-color: #2d2d2d; + background-image: none; + /*@include border($base_color);*/ + padding: 0; + border-radius: 0px; + color: #dedede; + caret-color: #dedede; + /*&:focus, &:active { border-color: border_focus($borders_color); }*/ } + spinbutton:not(.vertical):disabled { + background-color: #292929; + background-image: none; + color: mix(#2d2d2d,#dedede,0.5); } + spinbutton:not(.vertical) entry { + border-radius: 0px 0 0 0px; + border-right-width: 0; + box-shadow: none; } + spinbutton:not(.vertical) button { + border-radius: 0; + /*border-color: alpha($borders_color, .8);*/ + /*border-style: none none none solid;*/ + background-image: none; + box-shadow: none; + /* + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.08); + } + + &:hover { + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.11); + } + } + */ } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + border-color: alpha(mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9),0.8); } + spinbutton:not(.vertical) button:backdrop:disabled { + border-style: none none none solid; } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 0px 0 0 0px; } + spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 0px 0px 0; } +spinbutton.vertical button, spinbutton.vertical entry { + min-width: 0; + padding-left: 1px; + padding-right: 1px; } +spinbutton.vertical entry { + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } +spinbutton.vertical button.up { + border-style: solid solid none solid; + border-radius: 0px 0px 0 0; } +spinbutton.vertical button.down { + border-style: none solid solid solid; + border-radius: 0 0 0px 0px; } + +/****************** +! ComboBoxes * +*******************/ +combobox button.combo { + min-width: 0; + padding-left: 5px; + padding-right: 5px; } +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox box button, combobox box entry { + padding: 3px 5px; } + +/********* + ! Entry * +**********/ +.linked:not(.vertical) > entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; } + .linked:not(.vertical) > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .linked:not(.vertical) > entry:first-child:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; } + .linked:not(.vertical) > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .linked:not(.vertical) > entry:last-child:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; } + .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { + border-width: 1px; } + .linked:not(.vertical) > entry:only-child { + border-radius: 0px; } + +.linked.vertical > entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } + .linked.vertical > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > entry:first-child:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; } + .linked.vertical > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > entry:last-child:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; } + .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { + border-width: 1px; } + .linked.vertical > entry:only-child { + border-radius: 0px; } + +entry, menuitem entry, popover.background entry, .osd entry, +#XfceNotifyWindow entry, #login_window entry { + border-width: 1px; + border-style: solid; + border-radius: 0px; + border-color: #242424; + transition: border 100ms ease-out; + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.1), inset 0 1px rgba(44, 44, 44, 0.12), inset -1px 0 rgba(44, 44, 44, 0.1), inset 0 -1px rgba(44, 44, 44, 0.05); } + entry:focus, popover.background entry:focus, + #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, + #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, + #XfceNotifyWindow entry:active, #login_window entry:active { + transition: border 100ms ease-in; } + entry:selected, popover.background entry:selected, + #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, + #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { + background-color: #990000; + color: #dedede; } + entry:disabled, popover.background entry:disabled, + #XfceNotifyWindow entry:disabled, #login_window entry:disabled { + box-shadow: none; } + entry progress, popover.background entry progress, .osd entry progress, + #XfceNotifyWindow entry progress, #login_window entry progress { + background-color: #990000; + background-image: none; + border-width: 0; + border-radius: 0px; + color: #dedede; } + entry image.left, + #XfceNotifyWindow entry image.left, #login_window entry image.left { + padding-right: 3px; } + entry image.right, + #XfceNotifyWindow entry image.right, #login_window entry image.right { + padding-left: 3px; } + entry.warning, popover.background entry.warning, + #XfceNotifyWindow entry.warning, #login_window entry.warning { + color: #fff; + border-color: #bf5600; + background-color: mix(#2d2d2d,#ef6c00,0.6); } + entry.warning image, + #XfceNotifyWindow entry.warning image, #login_window entry.warning image { + color: #fff; } + entry.warning:focus, + #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { + color: #fff; + border-color: mix(#990000,#ef6c00,0.3); + background-color: #ef6c00; + box-shadow: none; } + entry.warning selection, + #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { + background-color: #fff; + color: #ef6c00; } + entry.error, popover.background entry.error, + #XfceNotifyWindow entry.error, #login_window entry.error { + color: #fff; + border-color: #e21b0c; + background-color: mix(#2d2d2d,#f44336,0.6); } + entry.error image, + #XfceNotifyWindow entry.error image, #login_window entry.error image { + color: #fff; } + entry.error:focus, + #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.error selection, + #XfceNotifyWindow entry.error selection, #login_window entry.error selection { + background-color: #fff; + color: #f44336; } + entry.search-missing, popover.background entry.search-missing, + #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { + color: #fff; + border-color: #e21b0c; + background-color: mix(#2d2d2d,#f44336,0.6); } + entry.search-missing image, + #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { + color: #fff; } + entry.search-missing:focus, + #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.search-missing selection, + #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { + background-color: #fff; + color: #f44336; } + +entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + entry:focus, entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + entry:active, entry:active:hover, entry:active:focus, entry:active:hover:focus, entry:checked, entry:checked:hover, entry:checked:focus, entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + entry:active:disabled, entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + entry:focus, entry:active { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.08),0.3); } + entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + entry:disabled:focus, entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + entry:disabled:active, entry:disabled:active:hover, entry:disabled:active:focus, entry:disabled:active:hover:focus, entry:disabled:checked, entry:disabled:checked:hover, entry:disabled:checked:focus, entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + entry:disabled:active:disabled, entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Toolbar +**********/ +toolbar { + padding: 2px; + border-style: none; } + toolbar.horizontal separator { + margin: 0 5px 1px; } + toolbar.vertical separator { + margin: 5px 1px 5px 0; } + +headerbar { + border-width: 0 0 1px; + border-style: solid; } + headerbar entry, + headerbar spinbutton, + headerbar separator, + headerbar button { + margin-top: 6px; + margin-bottom: 6px; } + headerbar switch { + margin-top: 4px; + margin-bottom: 4px; } + window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 0px; } + window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 0px; } + +headerbar, .titlebar:not(headerbar) { + background-color: #2d2d2d; + background-image: none; + border-color: #242424; + color: #dedede; + background-color: #2d2d2d; + background-image: none; + border-radius: 0px 0px 0 0; + color: mix(#dedede,#2d2d2d,0.1); + padding: 0 6px; + min-height: 42px; } + headerbar:focus, .titlebar:focus:not(headerbar), headerbar:hover, .titlebar:hover:not(headerbar) { + border-color: mix(#990000,#2d2d2d,0.3); } + headerbar:active, .titlebar:active:not(headerbar), headerbar:active:hover, .titlebar:active:hover:not(headerbar), headerbar:active:focus, .titlebar:active:focus:not(headerbar), headerbar:active:hover:focus, .titlebar:active:hover:focus:not(headerbar), headerbar:checked, .titlebar:checked:not(headerbar), headerbar:checked:hover, .titlebar:checked:hover:not(headerbar), headerbar:checked:focus, .titlebar:checked:focus:not(headerbar), headerbar:checked:hover:focus, .titlebar:checked:hover:focus:not(headerbar) { + border-color: #202020; } + headerbar:disabled, .titlebar:disabled:not(headerbar) { + border-color: #262626; } + headerbar:active:disabled, .titlebar:active:disabled:not(headerbar), headerbar:checked:disabled, .titlebar:checked:disabled:not(headerbar) { + border-color: #242424; } + headerbar:disabled, .titlebar:disabled:not(headerbar) { + background-color: #292929; + background-image: none; + color: mix(#dedede,#2d2d2d,0.5); } + headerbar .title, .titlebar:not(headerbar) .title { + font-weight: bold; + padding: 0 6px; } + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding: 0 6px; } + headerbar button, .titlebar:not(headerbar) button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar button:disabled, .titlebar:not(headerbar) button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar button.flat, .titlebar:not(headerbar) button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + color: #dedede; } + headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + headerbar .linked > button, .titlebar:not(headerbar) .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar .linked > button:focus, .titlebar:not(headerbar) .linked > button:focus, headerbar .linked > button:hover, .titlebar:not(headerbar) .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar .linked > button:active, .titlebar:not(headerbar) .linked > button:active, headerbar .linked > button:active:hover, .titlebar:not(headerbar) .linked > button:active:hover, headerbar .linked > button:active:focus, .titlebar:not(headerbar) .linked > button:active:focus, headerbar .linked > button:active:hover:focus, .titlebar:not(headerbar) .linked > button:active:hover:focus, headerbar .linked > button:checked, .titlebar:not(headerbar) .linked > button:checked, headerbar .linked > button:checked:hover, .titlebar:not(headerbar) .linked > button:checked:hover, headerbar .linked > button:checked:focus, .titlebar:not(headerbar) .linked > button:checked:focus, headerbar .linked > button:checked:hover:focus, .titlebar:not(headerbar) .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + headerbar .linked > button:disabled, .titlebar:not(headerbar) .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + headerbar .linked > button:last-child, .titlebar:not(headerbar) .linked > button:last-child, headerbar .linked > button:only-child, .titlebar:not(headerbar) .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar .linked > button:last-child:hover, .titlebar:not(headerbar) .linked > button:last-child:hover, headerbar .linked > button:only-child:hover, .titlebar:not(headerbar) .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar .linked > button:disabled:last-child, .titlebar:not(headerbar) .linked > button:disabled:last-child, headerbar .linked > button:disabled:only-child, .titlebar:not(headerbar) .linked > button:disabled:only-child, headerbar .linked > button:active:disabled:last-child, .titlebar:not(headerbar) .linked > button:active:disabled:last-child, headerbar .linked > button:active:disabled:only-child, .titlebar:not(headerbar) .linked > button:active:disabled:only-child, headerbar .linked > button:checked:disabled:last-child, .titlebar:not(headerbar) .linked > button:checked:disabled:last-child, headerbar .linked > button:checked:disabled:only-child, .titlebar:not(headerbar) .linked > button:checked:disabled:only-child { + box-shadow: none; } + headerbar .linked > button:active:last-child, .titlebar:not(headerbar) .linked > button:active:last-child, headerbar .linked > button:active:last-child:focus, .titlebar:not(headerbar) .linked > button:active:last-child:focus, headerbar .linked > button:active:last-child:hover, .titlebar:not(headerbar) .linked > button:active:last-child:hover, headerbar .linked > button:active:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:last-child:hover:focus, headerbar .linked > button:checked:last-child, .titlebar:not(headerbar) .linked > button:checked:last-child, headerbar .linked > button:checked:last-child:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:focus, headerbar .linked > button:checked:last-child:hover, .titlebar:not(headerbar) .linked > button:checked:last-child:hover, headerbar .linked > button:checked:last-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + headerbar .linked > button:active:only-child, .titlebar:not(headerbar) .linked > button:active:only-child, headerbar .linked > button:active:only-child:focus, .titlebar:not(headerbar) .linked > button:active:only-child:focus, headerbar .linked > button:active:only-child:hover, .titlebar:not(headerbar) .linked > button:active:only-child:hover, headerbar .linked > button:active:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:active:only-child:hover:focus, headerbar .linked > button:checked:only-child, .titlebar:not(headerbar) .linked > button:checked:only-child, headerbar .linked > button:checked:only-child:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:focus, headerbar .linked > button:checked:only-child:hover, .titlebar:not(headerbar) .linked > button:checked:only-child:hover, headerbar .linked > button:checked:only-child:hover:focus, .titlebar:not(headerbar) .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + headerbar combobox, .titlebar:not(headerbar) combobox, headerbar button, .titlebar:not(headerbar) button { + padding: 3px; } + headerbar combobox.text-button, .titlebar:not(headerbar) combobox.text-button, headerbar button.text-button, .titlebar:not(headerbar) button.text-button { + padding: 3px; } + headerbar combobox.image-button, .titlebar:not(headerbar) combobox.image-button, headerbar button.image-button, .titlebar:not(headerbar) button.image-button { + padding: 3px; } + headerbar separator, .titlebar:not(headerbar) separator, headerbar separator:disabled, .titlebar:not(headerbar) separator:disabled { + color: #1b1b1b; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + headerbar:backdrop, .titlebar:backdrop:not(headerbar) { + background-color: #2d2d2d; + background-image: none; + color: mix(#dedede,#2d2d2d,0.6); + text-shadow: none; } + headerbar.default-decoration, .default-decoration.titlebar:not(headerbar) { + min-height: 24px; + box-shadow: none; + border: 0; } + headerbar.default-decoration button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0; + padding: 0; } + .tiled headerbar:backdrop, .tiled .titlebar:backdrop:not(headerbar), .tiled headerbar, .tiled .titlebar:not(headerbar), .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar), .maximized headerbar, .maximized .titlebar:not(headerbar) { + border-radius: 0; } + headerbar .title, .titlebar:not(headerbar) .title { + font-weight: bold; } + headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { + margin-left: 3px; } + headerbar button, .titlebar:not(headerbar) button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover:focus, .titlebar:not(headerbar) button:active:hover:focus, headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover:focus, .titlebar:not(headerbar) button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar button:disabled, .titlebar:not(headerbar) button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar button.flat, .titlebar:not(headerbar) button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + headerbar button:hover:focus, .titlebar:not(headerbar) button:hover:focus, headerbar button:hover:hover, .titlebar:not(headerbar) button:hover:hover, headerbar button.flat:hover:focus, .titlebar:not(headerbar) button.flat:hover:focus, headerbar button.flat:hover:hover, .titlebar:not(headerbar) button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:hover:active, .titlebar:not(headerbar) button:hover:active, headerbar button:hover:active:hover, .titlebar:not(headerbar) button:hover:active:hover, headerbar button:hover:active:focus, .titlebar:not(headerbar) button:hover:active:focus, headerbar button:hover:active:hover:focus, .titlebar:not(headerbar) button:hover:active:hover:focus, headerbar button:hover:checked, .titlebar:not(headerbar) button:hover:checked, headerbar button:hover:checked:hover, .titlebar:not(headerbar) button:hover:checked:hover, headerbar button:hover:checked:focus, .titlebar:not(headerbar) button:hover:checked:focus, headerbar button:hover:checked:hover:focus, .titlebar:not(headerbar) button:hover:checked:hover:focus, headerbar button.flat:hover:active, .titlebar:not(headerbar) button.flat:hover:active, headerbar button.flat:hover:active:hover, .titlebar:not(headerbar) button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, .titlebar:not(headerbar) button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, .titlebar:not(headerbar) button.flat:hover:checked, headerbar button.flat:hover:checked:hover, .titlebar:not(headerbar) button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, .titlebar:not(headerbar) button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:hover:disabled, .titlebar:not(headerbar) button:hover:disabled, headerbar button.flat:hover:disabled, .titlebar:not(headerbar) button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:hover:active:disabled, .titlebar:not(headerbar) button:hover:active:disabled, headerbar button:hover:checked:disabled, .titlebar:not(headerbar) button:hover:checked:disabled, headerbar button.flat:hover:active:disabled, .titlebar:not(headerbar) button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled, .titlebar:not(headerbar) button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar button:focus:focus, .titlebar:not(headerbar) button:focus:focus, headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:focus, .titlebar:not(headerbar) button.flat:focus:focus, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:focus:active, .titlebar:not(headerbar) button:focus:active, headerbar button:focus:active:hover, .titlebar:not(headerbar) button:focus:active:hover, headerbar button:focus:active:focus, .titlebar:not(headerbar) button:focus:active:focus, headerbar button:focus:active:hover:focus, .titlebar:not(headerbar) button:focus:active:hover:focus, headerbar button:focus:checked, .titlebar:not(headerbar) button:focus:checked, headerbar button:focus:checked:hover, .titlebar:not(headerbar) button:focus:checked:hover, headerbar button:focus:checked:focus, .titlebar:not(headerbar) button:focus:checked:focus, headerbar button:focus:checked:hover:focus, .titlebar:not(headerbar) button:focus:checked:hover:focus, headerbar button.flat:focus:active, .titlebar:not(headerbar) button.flat:focus:active, headerbar button.flat:focus:active:hover, .titlebar:not(headerbar) button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, .titlebar:not(headerbar) button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, .titlebar:not(headerbar) button.flat:focus:checked, headerbar button.flat:focus:checked:hover, .titlebar:not(headerbar) button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, .titlebar:not(headerbar) button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:focus:disabled, .titlebar:not(headerbar) button:focus:disabled, headerbar button.flat:focus:disabled, .titlebar:not(headerbar) button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:focus:active:disabled, .titlebar:not(headerbar) button:focus:active:disabled, headerbar button:focus:checked:disabled, .titlebar:not(headerbar) button:focus:checked:disabled, headerbar button.flat:focus:active:disabled, .titlebar:not(headerbar) button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, .titlebar:not(headerbar) button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:focus:hover, .titlebar:not(headerbar) button:focus:hover, headerbar button.flat:focus:hover, .titlebar:not(headerbar) button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + headerbar button:focus:hover:focus, .titlebar:not(headerbar) button:focus:hover:focus, headerbar button:focus:hover:hover, .titlebar:not(headerbar) button:focus:hover:hover, headerbar button.flat:focus:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:focus, headerbar button.flat:focus:hover:hover, .titlebar:not(headerbar) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar button:focus:hover:active, .titlebar:not(headerbar) button:focus:hover:active, headerbar button:focus:hover:active:hover, .titlebar:not(headerbar) button:focus:hover:active:hover, headerbar button:focus:hover:active:focus, .titlebar:not(headerbar) button:focus:hover:active:focus, headerbar button:focus:hover:active:hover:focus, .titlebar:not(headerbar) button:focus:hover:active:hover:focus, headerbar button:focus:hover:checked, .titlebar:not(headerbar) button:focus:hover:checked, headerbar button:focus:hover:checked:hover, .titlebar:not(headerbar) button:focus:hover:checked:hover, headerbar button:focus:hover:checked:focus, .titlebar:not(headerbar) button:focus:hover:checked:focus, headerbar button:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button:focus:hover:checked:hover:focus, headerbar button.flat:focus:hover:active, .titlebar:not(headerbar) button.flat:focus:hover:active, headerbar button.flat:focus:hover:active:hover, .titlebar:not(headerbar) button.flat:focus:hover:active:hover, headerbar button.flat:focus:hover:active:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:focus, headerbar button.flat:focus:hover:active:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:active:hover:focus, headerbar button.flat:focus:hover:checked, .titlebar:not(headerbar) button.flat:focus:hover:checked, headerbar button.flat:focus:hover:checked:hover, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover, headerbar button.flat:focus:hover:checked:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:focus, headerbar button.flat:focus:hover:checked:hover:focus, .titlebar:not(headerbar) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar button:focus:hover:disabled, .titlebar:not(headerbar) button:focus:hover:disabled, headerbar button.flat:focus:hover:disabled, .titlebar:not(headerbar) button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar button:focus:hover:active:disabled, .titlebar:not(headerbar) button:focus:hover:active:disabled, headerbar button:focus:hover:checked:disabled, .titlebar:not(headerbar) button:focus:hover:checked:disabled, headerbar button.flat:focus:hover:active:disabled, .titlebar:not(headerbar) button.flat:focus:hover:active:disabled, headerbar button.flat:focus:hover:checked:disabled, .titlebar:not(headerbar) button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar button:checked, .titlebar:not(headerbar) button:checked, headerbar button:active, .titlebar:not(headerbar) button:active, headerbar button.flat:checked, .titlebar:not(headerbar) button.flat:checked, headerbar button.flat:active, .titlebar:not(headerbar) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar button:checked:active, .titlebar:not(headerbar) button:checked:active, headerbar button:checked:active:hover, .titlebar:not(headerbar) button:checked:active:hover, headerbar button:checked:active:focus, .titlebar:not(headerbar) button:checked:active:focus, headerbar button:checked:active:hover:focus, .titlebar:not(headerbar) button:checked:active:hover:focus, headerbar button:checked:checked, .titlebar:not(headerbar) button:checked:checked, headerbar button:checked:checked:hover, .titlebar:not(headerbar) button:checked:checked:hover, headerbar button:checked:checked:focus, .titlebar:not(headerbar) button:checked:checked:focus, headerbar button:checked:checked:hover:focus, .titlebar:not(headerbar) button:checked:checked:hover:focus, headerbar button:active:active, .titlebar:not(headerbar) button:active:active, headerbar button:active:active:hover, .titlebar:not(headerbar) button:active:active:hover, headerbar button:active:active:focus, .titlebar:not(headerbar) button:active:active:focus, headerbar button:active:active:hover:focus, .titlebar:not(headerbar) button:active:active:hover:focus, headerbar button:active:checked, .titlebar:not(headerbar) button:active:checked, headerbar button:active:checked:hover, .titlebar:not(headerbar) button:active:checked:hover, headerbar button:active:checked:focus, .titlebar:not(headerbar) button:active:checked:focus, headerbar button:active:checked:hover:focus, .titlebar:not(headerbar) button:active:checked:hover:focus, headerbar button.flat:checked:active, .titlebar:not(headerbar) button.flat:checked:active, headerbar button.flat:checked:active:hover, .titlebar:not(headerbar) button.flat:checked:active:hover, headerbar button.flat:checked:active:focus, .titlebar:not(headerbar) button.flat:checked:active:focus, headerbar button.flat:checked:active:hover:focus, .titlebar:not(headerbar) button.flat:checked:active:hover:focus, headerbar button.flat:checked:checked, .titlebar:not(headerbar) button.flat:checked:checked, headerbar button.flat:checked:checked:hover, .titlebar:not(headerbar) button.flat:checked:checked:hover, headerbar button.flat:checked:checked:focus, .titlebar:not(headerbar) button.flat:checked:checked:focus, headerbar button.flat:checked:checked:hover:focus, .titlebar:not(headerbar) button.flat:checked:checked:hover:focus, headerbar button.flat:active:active, .titlebar:not(headerbar) button.flat:active:active, headerbar button.flat:active:active:hover, .titlebar:not(headerbar) button.flat:active:active:hover, headerbar button.flat:active:active:focus, .titlebar:not(headerbar) button.flat:active:active:focus, headerbar button.flat:active:active:hover:focus, .titlebar:not(headerbar) button.flat:active:active:hover:focus, headerbar button.flat:active:checked, .titlebar:not(headerbar) button.flat:active:checked, headerbar button.flat:active:checked:hover, .titlebar:not(headerbar) button.flat:active:checked:hover, headerbar button.flat:active:checked:focus, .titlebar:not(headerbar) button.flat:active:checked:focus, headerbar button.flat:active:checked:hover:focus, .titlebar:not(headerbar) button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar button:checked:active:disabled, .titlebar:not(headerbar) button:checked:active:disabled, headerbar button:checked:checked:disabled, .titlebar:not(headerbar) button:checked:checked:disabled, headerbar button:active:active:disabled, .titlebar:not(headerbar) button:active:active:disabled, headerbar button:active:checked:disabled, .titlebar:not(headerbar) button:active:checked:disabled, headerbar button.flat:checked:active:disabled, .titlebar:not(headerbar) button.flat:checked:active:disabled, headerbar button.flat:checked:checked:disabled, .titlebar:not(headerbar) button.flat:checked:checked:disabled, headerbar button.flat:active:active:disabled, .titlebar:not(headerbar) button.flat:active:active:disabled, headerbar button.flat:active:checked:disabled, .titlebar:not(headerbar) button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar button:checked:focus, .titlebar:not(headerbar) button:checked:focus, headerbar button:checked:hover, .titlebar:not(headerbar) button:checked:hover, headerbar button:active:focus, .titlebar:not(headerbar) button:active:focus, headerbar button:active:hover, .titlebar:not(headerbar) button:active:hover, headerbar button.flat:checked:focus, .titlebar:not(headerbar) button.flat:checked:focus, headerbar button.flat:checked:hover, .titlebar:not(headerbar) button.flat:checked:hover, headerbar button.flat:active:focus, .titlebar:not(headerbar) button.flat:active:focus, headerbar button.flat:active:hover, .titlebar:not(headerbar) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar button:focus, .titlebar:not(headerbar) button:focus, headerbar button:hover, .titlebar:not(headerbar) button:hover, headerbar button.flat:focus, .titlebar:not(headerbar) button.flat:focus, headerbar button.flat:hover, .titlebar:not(headerbar) button.flat:hover { + color: #dedede; } + headerbar button:disabled:disabled, .titlebar:not(headerbar) button:disabled:disabled, headerbar button.flat:disabled:disabled, .titlebar:not(headerbar) button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + headerbar button:active:disabled, .titlebar:not(headerbar) button:active:disabled, headerbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled, headerbar button.flat:active:disabled, .titlebar:not(headerbar) button.flat:active:disabled, headerbar button.flat:checked:disabled, .titlebar:not(headerbar) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar button.separator, .titlebar:not(headerbar) button.separator, headerbar button .separator, .titlebar:not(headerbar) button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + headerbar button.separator:disabled, .titlebar:not(headerbar) button.separator:disabled, headerbar button .separator:disabled, .titlebar:not(headerbar) button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + headerbar button.titlebutton + separator.titlebutton, .titlebar:not(headerbar) button.titlebutton + separator.titlebutton { + margin-left: 0; + margin-right: 3px; } + headerbar button.titlebutton, .titlebar:not(headerbar) button.titlebutton { + border: 0; + background-image: none; + background-color: transparent; + color: mix(#dedede,#2d2d2d,0.1); + box-shadow: none; } + headerbar button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:hover, headerbar button.titlebutton:hover:focus, .titlebar:not(headerbar) button.titlebutton:hover:focus { + background-image: none; + background-color: transparent; + color: #990000; + box-shadow: none; } + headerbar button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:active, headerbar button.titlebutton:active:hover, .titlebar:not(headerbar) button.titlebutton:active:hover { + background-image: none; + background-color: transparent; + color: #8a0000; + box-shadow: none; } + headerbar button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop { + background: none; + color: mix(#dedede,#2d2d2d,0.6); + -gtk-icon-shadow: none; } + +toolbar { + background-color: #2d2d2d; + background-image: none; + border-color: #242424; + color: #dedede; } + toolbar:focus, toolbar:hover { + border-color: mix(#990000,#2d2d2d,0.3); } + toolbar:active, toolbar:active:hover, toolbar:active:focus, toolbar:active:hover:focus, toolbar:checked, toolbar:checked:hover, toolbar:checked:focus, toolbar:checked:hover:focus { + border-color: #202020; } + toolbar:disabled { + border-color: #262626; } + toolbar:active:disabled, toolbar:checked:disabled { + border-color: #242424; } + toolbar:disabled { + background-color: #292929; + background-image: none; + color: mix(#dedede,#2d2d2d,0.5); } + toolbar .title { + font-weight: bold; + padding: 0 6px; } + toolbar .subtitle { + font-size: smaller; + padding: 0 6px; } + toolbar button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + toolbar button:focus, toolbar button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + toolbar button:active, toolbar button:active:hover, toolbar button:active:focus, toolbar button:active:hover:focus, toolbar button:checked, toolbar button:checked:hover, toolbar button:checked:focus, toolbar button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + toolbar button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + toolbar button:active:disabled, toolbar button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + toolbar button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + toolbar button:hover, toolbar button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + toolbar button:hover:focus, toolbar button:hover:hover, toolbar button.flat:hover:focus, toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar button:hover:active, toolbar button:hover:active:hover, toolbar button:hover:active:focus, toolbar button:hover:active:hover:focus, toolbar button:hover:checked, toolbar button:hover:checked:hover, toolbar button:hover:checked:focus, toolbar button:hover:checked:hover:focus, toolbar button.flat:hover:active, toolbar button.flat:hover:active:hover, toolbar button.flat:hover:active:focus, toolbar button.flat:hover:active:hover:focus, toolbar button.flat:hover:checked, toolbar button.flat:hover:checked:hover, toolbar button.flat:hover:checked:focus, toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar button:hover:disabled, toolbar button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar button:hover:active:disabled, toolbar button:hover:checked:disabled, toolbar button.flat:hover:active:disabled, toolbar button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar button:focus, toolbar button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + toolbar button:focus:focus, toolbar button:focus:hover, toolbar button.flat:focus:focus, toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar button:focus:active, toolbar button:focus:active:hover, toolbar button:focus:active:focus, toolbar button:focus:active:hover:focus, toolbar button:focus:checked, toolbar button:focus:checked:hover, toolbar button:focus:checked:focus, toolbar button:focus:checked:hover:focus, toolbar button.flat:focus:active, toolbar button.flat:focus:active:hover, toolbar button.flat:focus:active:focus, toolbar button.flat:focus:active:hover:focus, toolbar button.flat:focus:checked, toolbar button.flat:focus:checked:hover, toolbar button.flat:focus:checked:focus, toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar button:focus:disabled, toolbar button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar button:focus:active:disabled, toolbar button:focus:checked:disabled, toolbar button.flat:focus:active:disabled, toolbar button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar button:focus:hover, toolbar button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + toolbar button:focus:hover:focus, toolbar button:focus:hover:hover, toolbar button.flat:focus:hover:focus, toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar button:focus:hover:active, toolbar button:focus:hover:active:hover, toolbar button:focus:hover:active:focus, toolbar button:focus:hover:active:hover:focus, toolbar button:focus:hover:checked, toolbar button:focus:hover:checked:hover, toolbar button:focus:hover:checked:focus, toolbar button:focus:hover:checked:hover:focus, toolbar button.flat:focus:hover:active, toolbar button.flat:focus:hover:active:hover, toolbar button.flat:focus:hover:active:focus, toolbar button.flat:focus:hover:active:hover:focus, toolbar button.flat:focus:hover:checked, toolbar button.flat:focus:hover:checked:hover, toolbar button.flat:focus:hover:checked:focus, toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar button:focus:hover:disabled, toolbar button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar button:focus:hover:active:disabled, toolbar button:focus:hover:checked:disabled, toolbar button.flat:focus:hover:active:disabled, toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar button:checked, toolbar button:active, toolbar button.flat:checked, toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + toolbar button:checked:active, toolbar button:checked:active:hover, toolbar button:checked:active:focus, toolbar button:checked:active:hover:focus, toolbar button:checked:checked, toolbar button:checked:checked:hover, toolbar button:checked:checked:focus, toolbar button:checked:checked:hover:focus, toolbar button:active:active, toolbar button:active:active:hover, toolbar button:active:active:focus, toolbar button:active:active:hover:focus, toolbar button:active:checked, toolbar button:active:checked:hover, toolbar button:active:checked:focus, toolbar button:active:checked:hover:focus, toolbar button.flat:checked:active, toolbar button.flat:checked:active:hover, toolbar button.flat:checked:active:focus, toolbar button.flat:checked:active:hover:focus, toolbar button.flat:checked:checked, toolbar button.flat:checked:checked:hover, toolbar button.flat:checked:checked:focus, toolbar button.flat:checked:checked:hover:focus, toolbar button.flat:active:active, toolbar button.flat:active:active:hover, toolbar button.flat:active:active:focus, toolbar button.flat:active:active:hover:focus, toolbar button.flat:active:checked, toolbar button.flat:active:checked:hover, toolbar button.flat:active:checked:focus, toolbar button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + toolbar button:checked:disabled, toolbar button:active:disabled, toolbar button.flat:checked:disabled, toolbar button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + toolbar button:checked:active:disabled, toolbar button:checked:checked:disabled, toolbar button:active:active:disabled, toolbar button:active:checked:disabled, toolbar button.flat:checked:active:disabled, toolbar button.flat:checked:checked:disabled, toolbar button.flat:active:active:disabled, toolbar button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + toolbar button:focus, toolbar button:hover, toolbar button.flat:focus, toolbar button.flat:hover { + color: #dedede; } + toolbar button:disabled:disabled, toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + toolbar button:active:disabled, toolbar button:checked:disabled, toolbar button.flat:active:disabled, toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + toolbar button.separator, toolbar button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + toolbar button.separator:disabled, toolbar button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + toolbar .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + toolbar .linked > button:focus, toolbar .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + toolbar .linked > button:active, toolbar .linked > button:active:hover, toolbar .linked > button:active:focus, toolbar .linked > button:active:hover:focus, toolbar .linked > button:checked, toolbar .linked > button:checked:hover, toolbar .linked > button:checked:focus, toolbar .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + toolbar .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + toolbar .linked > button:last-child, toolbar .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + toolbar .linked > button:last-child:hover, toolbar .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + toolbar .linked > button:disabled:last-child, toolbar .linked > button:disabled:only-child, toolbar .linked > button:active:disabled:last-child, toolbar .linked > button:active:disabled:only-child, toolbar .linked > button:checked:disabled:last-child, toolbar .linked > button:checked:disabled:only-child { + box-shadow: none; } + toolbar .linked > button:active:last-child, toolbar .linked > button:active:last-child:focus, toolbar .linked > button:active:last-child:hover, toolbar .linked > button:active:last-child:hover:focus, toolbar .linked > button:checked:last-child, toolbar .linked > button:checked:last-child:focus, toolbar .linked > button:checked:last-child:hover, toolbar .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + toolbar .linked > button:active:only-child, toolbar .linked > button:active:only-child:focus, toolbar .linked > button:active:only-child:hover, toolbar .linked > button:active:only-child:hover:focus, toolbar .linked > button:checked:only-child, toolbar .linked > button:checked:only-child:focus, toolbar .linked > button:checked:only-child:hover, toolbar .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + toolbar combobox, toolbar button { + padding: 3px; } + toolbar combobox.text-button, toolbar button.text-button { + padding: 3px; } + toolbar combobox.image-button, toolbar button.image-button { + padding: 3px; } + toolbar separator, toolbar separator:disabled { + color: #1b1b1b; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + toolbar.inline-toolbar { + padding: 1px; + border-width: 0 1px 1px; + border-style: solid; + border-color: mix(#2d2d2d,#dedede,0.08); + background-color: mix(mix(#2d2d2d,#dedede,0.08),#2d2d2d,0.7); + background-image: none; } + toolbar.inline-toolbar:backdrop { + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); + background-color: mix(#2d2d2d,mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9),0.35); + transition: 200ms ease-out; } + toolbar.inline-toolbar button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + toolbar.inline-toolbar button:active, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover:focus, toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + toolbar.inline-toolbar button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + toolbar.inline-toolbar button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + toolbar.inline-toolbar button:hover:focus, toolbar.inline-toolbar button:hover:hover, toolbar.inline-toolbar button.flat:hover:focus, toolbar.inline-toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar.inline-toolbar button:hover:active, toolbar.inline-toolbar button:hover:active:hover, toolbar.inline-toolbar button:hover:active:focus, toolbar.inline-toolbar button:hover:active:hover:focus, toolbar.inline-toolbar button:hover:checked, toolbar.inline-toolbar button:hover:checked:hover, toolbar.inline-toolbar button:hover:checked:focus, toolbar.inline-toolbar button:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:hover:active, toolbar.inline-toolbar button.flat:hover:active:hover, toolbar.inline-toolbar button.flat:hover:active:focus, toolbar.inline-toolbar button.flat:hover:active:hover:focus, toolbar.inline-toolbar button.flat:hover:checked, toolbar.inline-toolbar button.flat:hover:checked:hover, toolbar.inline-toolbar button.flat:hover:checked:focus, toolbar.inline-toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar.inline-toolbar button:hover:disabled, toolbar.inline-toolbar button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar.inline-toolbar button:hover:active:disabled, toolbar.inline-toolbar button:hover:checked:disabled, toolbar.inline-toolbar button.flat:hover:active:disabled, toolbar.inline-toolbar button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + toolbar.inline-toolbar button:focus:focus, toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:focus, toolbar.inline-toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar.inline-toolbar button:focus:active, toolbar.inline-toolbar button:focus:active:hover, toolbar.inline-toolbar button:focus:active:focus, toolbar.inline-toolbar button:focus:active:hover:focus, toolbar.inline-toolbar button:focus:checked, toolbar.inline-toolbar button:focus:checked:hover, toolbar.inline-toolbar button:focus:checked:focus, toolbar.inline-toolbar button:focus:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:active, toolbar.inline-toolbar button.flat:focus:active:hover, toolbar.inline-toolbar button.flat:focus:active:focus, toolbar.inline-toolbar button.flat:focus:active:hover:focus, toolbar.inline-toolbar button.flat:focus:checked, toolbar.inline-toolbar button.flat:focus:checked:hover, toolbar.inline-toolbar button.flat:focus:checked:focus, toolbar.inline-toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar.inline-toolbar button:focus:disabled, toolbar.inline-toolbar button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar.inline-toolbar button:focus:active:disabled, toolbar.inline-toolbar button:focus:checked:disabled, toolbar.inline-toolbar button.flat:focus:active:disabled, toolbar.inline-toolbar button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + toolbar.inline-toolbar button:focus:hover:focus, toolbar.inline-toolbar button:focus:hover:hover, toolbar.inline-toolbar button.flat:focus:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + toolbar.inline-toolbar button:focus:hover:active, toolbar.inline-toolbar button:focus:hover:active:hover, toolbar.inline-toolbar button:focus:hover:active:focus, toolbar.inline-toolbar button:focus:hover:active:hover:focus, toolbar.inline-toolbar button:focus:hover:checked, toolbar.inline-toolbar button:focus:hover:checked:hover, toolbar.inline-toolbar button:focus:hover:checked:focus, toolbar.inline-toolbar button:focus:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:active, toolbar.inline-toolbar button.flat:focus:hover:active:hover, toolbar.inline-toolbar button.flat:focus:hover:active:focus, toolbar.inline-toolbar button.flat:focus:hover:active:hover:focus, toolbar.inline-toolbar button.flat:focus:hover:checked, toolbar.inline-toolbar button.flat:focus:hover:checked:hover, toolbar.inline-toolbar button.flat:focus:hover:checked:focus, toolbar.inline-toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + toolbar.inline-toolbar button:focus:hover:disabled, toolbar.inline-toolbar button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + toolbar.inline-toolbar button:focus:hover:active:disabled, toolbar.inline-toolbar button:focus:hover:checked:disabled, toolbar.inline-toolbar button.flat:focus:hover:active:disabled, toolbar.inline-toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:active, toolbar.inline-toolbar button.flat:checked, toolbar.inline-toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + toolbar.inline-toolbar button:checked:active, toolbar.inline-toolbar button:checked:active:hover, toolbar.inline-toolbar button:checked:active:focus, toolbar.inline-toolbar button:checked:active:hover:focus, toolbar.inline-toolbar button:checked:checked, toolbar.inline-toolbar button:checked:checked:hover, toolbar.inline-toolbar button:checked:checked:focus, toolbar.inline-toolbar button:checked:checked:hover:focus, toolbar.inline-toolbar button:active:active, toolbar.inline-toolbar button:active:active:hover, toolbar.inline-toolbar button:active:active:focus, toolbar.inline-toolbar button:active:active:hover:focus, toolbar.inline-toolbar button:active:checked, toolbar.inline-toolbar button:active:checked:hover, toolbar.inline-toolbar button:active:checked:focus, toolbar.inline-toolbar button:active:checked:hover:focus, toolbar.inline-toolbar button.flat:checked:active, toolbar.inline-toolbar button.flat:checked:active:hover, toolbar.inline-toolbar button.flat:checked:active:focus, toolbar.inline-toolbar button.flat:checked:active:hover:focus, toolbar.inline-toolbar button.flat:checked:checked, toolbar.inline-toolbar button.flat:checked:checked:hover, toolbar.inline-toolbar button.flat:checked:checked:focus, toolbar.inline-toolbar button.flat:checked:checked:hover:focus, toolbar.inline-toolbar button.flat:active:active, toolbar.inline-toolbar button.flat:active:active:hover, toolbar.inline-toolbar button.flat:active:active:focus, toolbar.inline-toolbar button.flat:active:active:hover:focus, toolbar.inline-toolbar button.flat:active:checked, toolbar.inline-toolbar button.flat:active:checked:hover, toolbar.inline-toolbar button.flat:active:checked:focus, toolbar.inline-toolbar button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + toolbar.inline-toolbar button:checked:active:disabled, toolbar.inline-toolbar button:checked:checked:disabled, toolbar.inline-toolbar button:active:active:disabled, toolbar.inline-toolbar button:active:checked:disabled, toolbar.inline-toolbar button.flat:checked:active:disabled, toolbar.inline-toolbar button.flat:checked:checked:disabled, toolbar.inline-toolbar button.flat:active:active:disabled, toolbar.inline-toolbar button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:focus, toolbar.inline-toolbar button.flat:hover { + color: #dedede; } + toolbar.inline-toolbar button:disabled:disabled, toolbar.inline-toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + toolbar.inline-toolbar button.separator, toolbar.inline-toolbar button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + toolbar.inline-toolbar button.separator:disabled, toolbar.inline-toolbar button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator { + background-color: #282828; } + +.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } + +.background:not(.csd):not(.ssd):not(.solid-csd) headerbar, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:not(:last-child), .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop, .background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop:not(:last-child) { + border-radius: 0; + border-top-color: transparent; } + +/************** + ! Action-bar * +***************/ +actionbar > revealer > box { + padding: 3px; + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + actionbar > revealer > box:backdrop { + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } + +/**************************** + ! Search and Location bars * +*****************************/ +searchbar, +.location-bar { + background-color: #2c2c2c; + background-image: none; + border-width: 0 0 1px; + border-style: solid; + border-color: #242424; + color: #dedede; } + +/****************** + ! Action buttons * +*******************/ +.suggested-action, headerbar.selection-mode button.suggested-action, +.titlebar:not(headerbar).selection-mode button.suggested-action { + background-color: #4caf50; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .suggested-action:active, headerbar.selection-mode button.suggested-action:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover:focus, .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action.flat, headerbar.selection-mode button.flat.suggested-action, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action { + color: #dedede; + border-color: rgba(76, 175, 80, 0); + background-color: rgba(76, 175, 80, 0); + background-image: none; + box-shadow: none; } + .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:hover, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { + background-color: #53b457; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .suggested-action:hover:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:focus, .suggested-action:hover:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:hover, .suggested-action.flat:hover:focus, .suggested-action.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:hover:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:active, .suggested-action:hover:active:hover, .suggested-action:hover:active:focus, .suggested-action:hover:active:hover:focus, .suggested-action:hover:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:checked, .suggested-action:hover:checked:hover, .suggested-action:hover:checked:focus, .suggested-action:hover:checked:hover:focus, .suggested-action.flat:hover:active, .suggested-action.flat:hover:active:hover, .suggested-action.flat:hover:active:focus, .suggested-action.flat:hover:active:hover:focus, .suggested-action.flat:hover:checked, .suggested-action.flat:hover:checked:hover, .suggested-action.flat:hover:checked:focus, .suggested-action.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:hover:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover:disabled, .suggested-action.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:hover:active:disabled, .suggested-action:hover:checked:disabled, .suggested-action.flat:hover:active:disabled, .suggested-action.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus { + background-color: #53b457; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .suggested-action:focus:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:focus, .suggested-action:focus:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:focus, .suggested-action.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:focus:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:active, .suggested-action:focus:active:hover, .suggested-action:focus:active:focus, .suggested-action:focus:active:hover:focus, .suggested-action:focus:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:checked, .suggested-action:focus:checked:hover, .suggested-action:focus:checked:focus, .suggested-action:focus:checked:hover:focus, .suggested-action.flat:focus:active, .suggested-action.flat:focus:active:hover, .suggested-action.flat:focus:active:focus, .suggested-action.flat:focus:active:hover:focus, .suggested-action.flat:focus:checked, .suggested-action.flat:focus:checked:hover, .suggested-action.flat:focus:checked:focus, .suggested-action.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:focus:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:disabled, .suggested-action.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:focus:active:disabled, .suggested-action:focus:checked:disabled, .suggested-action.flat:focus:active:disabled, .suggested-action.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:focus:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus:hover, .suggested-action.flat:focus:hover { + background-color: #5cb860; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .suggested-action:focus:hover:focus, .suggested-action:focus:hover:hover, .suggested-action.flat:focus:hover:focus, .suggested-action.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .suggested-action:focus:hover:active, .suggested-action:focus:hover:active:hover, .suggested-action:focus:hover:active:focus, .suggested-action:focus:hover:active:hover:focus, .suggested-action:focus:hover:checked, .suggested-action:focus:hover:checked:hover, .suggested-action:focus:hover:checked:focus, .suggested-action:focus:hover:checked:hover:focus, .suggested-action.flat:focus:hover:active, .suggested-action.flat:focus:hover:active:hover, .suggested-action.flat:focus:hover:active:focus, .suggested-action.flat:focus:hover:active:hover:focus, .suggested-action.flat:focus:hover:checked, .suggested-action.flat:focus:hover:checked:hover, .suggested-action.flat:focus:hover:checked:focus, .suggested-action.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .suggested-action:focus:hover:disabled, .suggested-action.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .suggested-action:focus:hover:active:disabled, .suggested-action:focus:hover:checked:disabled, .suggested-action.flat:focus:hover:active:disabled, .suggested-action.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .suggested-action:checked, headerbar.selection-mode button.suggested-action:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked, .suggested-action:active, headerbar.selection-mode button.suggested-action:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active, .suggested-action.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:checked, .suggested-action.flat:active, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .suggested-action:checked:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:active, .suggested-action:checked:active:hover, .suggested-action:checked:active:focus, .suggested-action:checked:active:hover:focus, .suggested-action:checked:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:checked, .suggested-action:checked:checked:hover, .suggested-action:checked:checked:focus, .suggested-action:checked:checked:hover:focus, .suggested-action:active:active, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:active, .suggested-action:active:active:hover, .suggested-action:active:active:focus, .suggested-action:active:active:hover:focus, .suggested-action:active:checked, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:checked, .suggested-action:active:checked:hover, .suggested-action:active:checked:focus, .suggested-action:active:checked:hover:focus, .suggested-action.flat:checked:active, .suggested-action.flat:checked:active:hover, .suggested-action.flat:checked:active:focus, .suggested-action.flat:checked:active:hover:focus, .suggested-action.flat:checked:checked, .suggested-action.flat:checked:checked:hover, .suggested-action.flat:checked:checked:focus, .suggested-action.flat:checked:checked:hover:focus, .suggested-action.flat:active:active, .suggested-action.flat:active:active:hover, .suggested-action.flat:active:active:focus, .suggested-action.flat:active:active:hover:focus, .suggested-action.flat:active:checked, .suggested-action.flat:active:checked:hover, .suggested-action.flat:active:checked:focus, .suggested-action.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action.flat:checked:disabled, .suggested-action.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .suggested-action:checked:active:disabled, .suggested-action:checked:checked:disabled, .suggested-action:active:active:disabled, .suggested-action:active:checked:disabled, .suggested-action.flat:checked:active:disabled, .suggested-action.flat:checked:checked:disabled, .suggested-action.flat:active:active:disabled, .suggested-action.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .suggested-action:checked:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:focus, .suggested-action:checked:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:hover, .suggested-action:active:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:focus, .suggested-action:active:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:hover, .suggested-action.flat:checked:focus, .suggested-action.flat:checked:hover, .suggested-action.flat:active:focus, .suggested-action.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .suggested-action:focus, headerbar.selection-mode button.suggested-action:focus, + .titlebar:not(headerbar).selection-mode button.suggested-action:focus, .suggested-action:hover, headerbar.selection-mode button.suggested-action:hover, + .titlebar:not(headerbar).selection-mode button.suggested-action:hover, .suggested-action.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:focus, .suggested-action.flat:hover, + .titlebar:not(headerbar).selection-mode button.flat.suggested-action:hover { + color: #dedede; } + .suggested-action:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:disabled:disabled, .suggested-action.flat:disabled:disabled { + background-color: alpha(mix(#4caf50,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#4caf50,#dedede,0.5); + box-shadow: none; } + .suggested-action:active:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:active:disabled, .suggested-action:checked:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action:checked:disabled, .suggested-action.flat:active:disabled, .suggested-action.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .suggested-action.separator, headerbar.selection-mode button.separator.suggested-action, + .titlebar:not(headerbar).selection-mode button.separator.suggested-action, .suggested-action .separator, headerbar.selection-mode button.suggested-action .separator, + .titlebar:not(headerbar).selection-mode button.suggested-action .separator { + border: 1px solid currentColor; + color: rgba(76, 175, 80, 0.9); } + .suggested-action.separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator.suggested-action:disabled, .suggested-action .separator:disabled, + .titlebar:not(headerbar).selection-mode button.suggested-action .separator:disabled { + color: rgba(76, 175, 80, 0.85); } + +.destructive-action { + background-color: #f44336; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.12); } + .destructive-action:focus, .destructive-action:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .destructive-action:active, .destructive-action:active:hover, .destructive-action:active:focus, .destructive-action:active:hover:focus, .destructive-action:checked, .destructive-action:checked:hover, .destructive-action:checked:focus, .destructive-action:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .destructive-action:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .destructive-action:active:disabled, .destructive-action:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action.flat { + color: #dedede; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + .destructive-action:hover, .destructive-action.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .destructive-action:hover:focus, .destructive-action:hover:hover, .destructive-action.flat:hover:focus, .destructive-action.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:hover:active, .destructive-action:hover:active:hover, .destructive-action:hover:active:focus, .destructive-action:hover:active:hover:focus, .destructive-action:hover:checked, .destructive-action:hover:checked:hover, .destructive-action:hover:checked:focus, .destructive-action:hover:checked:hover:focus, .destructive-action.flat:hover:active, .destructive-action.flat:hover:active:hover, .destructive-action.flat:hover:active:focus, .destructive-action.flat:hover:active:hover:focus, .destructive-action.flat:hover:checked, .destructive-action.flat:hover:checked:hover, .destructive-action.flat:hover:checked:focus, .destructive-action.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:hover:disabled, .destructive-action.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:hover:active:disabled, .destructive-action:hover:checked:disabled, .destructive-action.flat:hover:active:disabled, .destructive-action.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:focus, .destructive-action.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .destructive-action:focus:focus, .destructive-action:focus:hover, .destructive-action.flat:focus:focus, .destructive-action.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:focus:active, .destructive-action:focus:active:hover, .destructive-action:focus:active:focus, .destructive-action:focus:active:hover:focus, .destructive-action:focus:checked, .destructive-action:focus:checked:hover, .destructive-action:focus:checked:focus, .destructive-action:focus:checked:hover:focus, .destructive-action.flat:focus:active, .destructive-action.flat:focus:active:hover, .destructive-action.flat:focus:active:focus, .destructive-action.flat:focus:active:hover:focus, .destructive-action.flat:focus:checked, .destructive-action.flat:focus:checked:hover, .destructive-action.flat:focus:checked:focus, .destructive-action.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:focus:disabled, .destructive-action.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:focus:active:disabled, .destructive-action:focus:checked:disabled, .destructive-action.flat:focus:active:disabled, .destructive-action.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:focus:hover, .destructive-action.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.38); } + .destructive-action:focus:hover:focus, .destructive-action:focus:hover:hover, .destructive-action.flat:focus:hover:focus, .destructive-action.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .destructive-action:focus:hover:active, .destructive-action:focus:hover:active:hover, .destructive-action:focus:hover:active:focus, .destructive-action:focus:hover:active:hover:focus, .destructive-action:focus:hover:checked, .destructive-action:focus:hover:checked:hover, .destructive-action:focus:hover:checked:focus, .destructive-action:focus:hover:checked:hover:focus, .destructive-action.flat:focus:hover:active, .destructive-action.flat:focus:hover:active:hover, .destructive-action.flat:focus:hover:active:focus, .destructive-action.flat:focus:hover:active:hover:focus, .destructive-action.flat:focus:hover:checked, .destructive-action.flat:focus:hover:checked:hover, .destructive-action.flat:focus:hover:checked:focus, .destructive-action.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .destructive-action:focus:hover:disabled, .destructive-action.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .destructive-action:focus:hover:active:disabled, .destructive-action:focus:hover:checked:disabled, .destructive-action.flat:focus:hover:active:disabled, .destructive-action.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .destructive-action:checked, .destructive-action:active, .destructive-action.flat:checked, .destructive-action.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .destructive-action:checked:active, .destructive-action:checked:active:hover, .destructive-action:checked:active:focus, .destructive-action:checked:active:hover:focus, .destructive-action:checked:checked, .destructive-action:checked:checked:hover, .destructive-action:checked:checked:focus, .destructive-action:checked:checked:hover:focus, .destructive-action:active:active, .destructive-action:active:active:hover, .destructive-action:active:active:focus, .destructive-action:active:active:hover:focus, .destructive-action:active:checked, .destructive-action:active:checked:hover, .destructive-action:active:checked:focus, .destructive-action:active:checked:hover:focus, .destructive-action.flat:checked:active, .destructive-action.flat:checked:active:hover, .destructive-action.flat:checked:active:focus, .destructive-action.flat:checked:active:hover:focus, .destructive-action.flat:checked:checked, .destructive-action.flat:checked:checked:hover, .destructive-action.flat:checked:checked:focus, .destructive-action.flat:checked:checked:hover:focus, .destructive-action.flat:active:active, .destructive-action.flat:active:active:hover, .destructive-action.flat:active:active:focus, .destructive-action.flat:active:active:hover:focus, .destructive-action.flat:active:checked, .destructive-action.flat:active:checked:hover, .destructive-action.flat:active:checked:focus, .destructive-action.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .destructive-action:checked:disabled, .destructive-action:active:disabled, .destructive-action.flat:checked:disabled, .destructive-action.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .destructive-action:checked:active:disabled, .destructive-action:checked:checked:disabled, .destructive-action:active:active:disabled, .destructive-action:active:checked:disabled, .destructive-action.flat:checked:active:disabled, .destructive-action.flat:checked:checked:disabled, .destructive-action.flat:active:active:disabled, .destructive-action.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .destructive-action:checked:focus, .destructive-action:checked:hover, .destructive-action:active:focus, .destructive-action:active:hover, .destructive-action.flat:checked:focus, .destructive-action.flat:checked:hover, .destructive-action.flat:active:focus, .destructive-action.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .destructive-action:focus, .destructive-action:hover, .destructive-action.flat:focus, .destructive-action.flat:hover { + color: #dedede; } + .destructive-action:disabled:disabled, .destructive-action.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#dedede,0.5); + box-shadow: none; } + .destructive-action:active:disabled, .destructive-action:checked:disabled, .destructive-action.flat:active:disabled, .destructive-action.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .destructive-action.separator, .destructive-action .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + .destructive-action.separator:disabled, .destructive-action .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/****************** + ! Selection mode * +*******************/ +headerbar.selection-mode, +.titlebar:not(headerbar).selection-mode { + background-color: #990000; + background-image: none; + border-color: #7a0000; + color: #dedede; } + headerbar.selection-mode:focus, headerbar.selection-mode:hover, + .titlebar:not(headerbar).selection-mode:focus, + .titlebar:not(headerbar).selection-mode:hover { + border-color: mix(#990000,#990000,0.3); } + headerbar.selection-mode:active, headerbar.selection-mode:active:hover, headerbar.selection-mode:active:focus, headerbar.selection-mode:active:hover:focus, headerbar.selection-mode:checked, headerbar.selection-mode:checked:hover, headerbar.selection-mode:checked:focus, headerbar.selection-mode:checked:hover:focus, + .titlebar:not(headerbar).selection-mode:active, + .titlebar:not(headerbar).selection-mode:active:hover, + .titlebar:not(headerbar).selection-mode:active:focus, + .titlebar:not(headerbar).selection-mode:active:hover:focus, + .titlebar:not(headerbar).selection-mode:checked, + .titlebar:not(headerbar).selection-mode:checked:hover, + .titlebar:not(headerbar).selection-mode:checked:focus, + .titlebar:not(headerbar).selection-mode:checked:hover:focus { + border-color: #6b0000; } + headerbar.selection-mode:disabled, + .titlebar:not(headerbar).selection-mode:disabled { + border-color: #820000; } + headerbar.selection-mode:active:disabled, headerbar.selection-mode:checked:disabled, + .titlebar:not(headerbar).selection-mode:active:disabled, + .titlebar:not(headerbar).selection-mode:checked:disabled { + border-color: #7a0000; } + headerbar.selection-mode:disabled, + .titlebar:not(headerbar).selection-mode:disabled { + background-color: #8a0000; + background-image: none; + color: mix(#dedede,#990000,0.5); } + headerbar.selection-mode .title, + .titlebar:not(headerbar).selection-mode .title { + font-weight: bold; + padding: 0 6px; } + headerbar.selection-mode .subtitle, + .titlebar:not(headerbar).selection-mode .subtitle { + font-size: smaller; + padding: 0 6px; } + headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode button { + background-color: #990000; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:disabled, + .titlebar:not(headerbar).selection-mode button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button.flat, + .titlebar:not(headerbar).selection-mode button.flat { + color: #dedede; + border-color: rgba(153, 0, 0, 0); + background-color: rgba(153, 0, 0, 0); + background-image: none; + box-shadow: none; } + headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, + .titlebar:not(headerbar).selection-mode button:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:active, + .titlebar:not(headerbar).selection-mode button:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, + .titlebar:not(headerbar).selection-mode button:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:active, + .titlebar:not(headerbar).selection-mode button:focus:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, + .titlebar:not(headerbar).selection-mode button:focus:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + background-color: #a80000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:active, + .titlebar:not(headerbar).selection-mode button:checked:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:active:focus, + .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:active, + .titlebar:not(headerbar).selection-mode button:active:active:hover, + .titlebar:not(headerbar).selection-mode button:active:active:focus, + .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:checked, + .titlebar:not(headerbar).selection-mode button:active:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:checked:focus, + .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:active:disabled, + .titlebar:not(headerbar).selection-mode button:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover { + color: #dedede; } + headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, + .titlebar:not(headerbar).selection-mode button:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { + background-color: alpha(mix(#990000,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#990000,#dedede,0.5); + box-shadow: none; } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, + .titlebar:not(headerbar).selection-mode button.separator, + .titlebar:not(headerbar).selection-mode button .separator { + border: 1px solid currentColor; + color: rgba(153, 0, 0, 0.9); } + headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator:disabled, + .titlebar:not(headerbar).selection-mode button .separator:disabled { + color: rgba(153, 0, 0, 0.85); } + headerbar.selection-mode .linked > button, + .titlebar:not(headerbar).selection-mode .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar.selection-mode .linked > button:focus, headerbar.selection-mode .linked > button:hover, + .titlebar:not(headerbar).selection-mode .linked > button:focus, + .titlebar:not(headerbar).selection-mode .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar.selection-mode .linked > button:active, headerbar.selection-mode .linked > button:active:hover, headerbar.selection-mode .linked > button:active:focus, headerbar.selection-mode .linked > button:active:hover:focus, headerbar.selection-mode .linked > button:checked, headerbar.selection-mode .linked > button:checked:hover, headerbar.selection-mode .linked > button:checked:focus, headerbar.selection-mode .linked > button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active, + .titlebar:not(headerbar).selection-mode .linked > button:active:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked, + .titlebar:not(headerbar).selection-mode .linked > button:checked:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + headerbar.selection-mode .linked > button:disabled, + .titlebar:not(headerbar).selection-mode .linked > button:disabled { + box-shadow: inset -1px 0 #7a0000; } + headerbar.selection-mode .linked > button:last-child, headerbar.selection-mode .linked > button:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar.selection-mode .linked > button:last-child:hover, headerbar.selection-mode .linked > button:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar.selection-mode .linked > button:disabled:last-child, headerbar.selection-mode .linked > button:disabled:only-child, headerbar.selection-mode .linked > button:active:disabled:last-child, headerbar.selection-mode .linked > button:active:disabled:only-child, headerbar.selection-mode .linked > button:checked:disabled:last-child, headerbar.selection-mode .linked > button:checked:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:disabled:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:disabled:only-child { + box-shadow: none; } + headerbar.selection-mode .linked > button:active:last-child, headerbar.selection-mode .linked > button:active:last-child:focus, headerbar.selection-mode .linked > button:active:last-child:hover, headerbar.selection-mode .linked > button:active:last-child:hover:focus, headerbar.selection-mode .linked > button:checked:last-child, headerbar.selection-mode .linked > button:checked:last-child:focus, headerbar.selection-mode .linked > button:checked:last-child:hover, headerbar.selection-mode .linked > button:checked:last-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:last-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + headerbar.selection-mode .linked > button:active:only-child, headerbar.selection-mode .linked > button:active:only-child:focus, headerbar.selection-mode .linked > button:active:only-child:hover, headerbar.selection-mode .linked > button:active:only-child:hover:focus, headerbar.selection-mode .linked > button:checked:only-child, headerbar.selection-mode .linked > button:checked:only-child:focus, headerbar.selection-mode .linked > button:checked:only-child:hover, headerbar.selection-mode .linked > button:checked:only-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:active:only-child:hover:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:focus, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover, + .titlebar:not(headerbar).selection-mode .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + headerbar.selection-mode combobox, headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode combobox, + .titlebar:not(headerbar).selection-mode button { + padding: 3px; } + headerbar.selection-mode combobox.text-button, headerbar.selection-mode button.text-button, + .titlebar:not(headerbar).selection-mode combobox.text-button, + .titlebar:not(headerbar).selection-mode button.text-button { + padding: 3px; } + headerbar.selection-mode combobox.image-button, headerbar.selection-mode button.image-button, + .titlebar:not(headerbar).selection-mode combobox.image-button, + .titlebar:not(headerbar).selection-mode button.image-button { + padding: 3px; } + headerbar.selection-mode separator, headerbar.selection-mode separator:disabled, + .titlebar:not(headerbar).selection-mode separator, + .titlebar:not(headerbar).selection-mode separator:disabled { + color: #5c0000; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + headerbar.selection-mode button, + .titlebar:not(headerbar).selection-mode button { + background-color: #990000; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:active, headerbar.selection-mode button:active:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover:focus, headerbar.selection-mode button:checked, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:disabled, + .titlebar:not(headerbar).selection-mode button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button.flat, + .titlebar:not(headerbar).selection-mode button.flat { + color: #dedede; + border-color: rgba(153, 0, 0, 0); + background-color: rgba(153, 0, 0, 0); + background-image: none; + box-shadow: none; } + headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + headerbar.selection-mode button:hover:focus, headerbar.selection-mode button:hover:hover, headerbar.selection-mode button.flat:hover:focus, headerbar.selection-mode button.flat:hover:hover, + .titlebar:not(headerbar).selection-mode button:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:hover:active, headerbar.selection-mode button:hover:active:hover, headerbar.selection-mode button:hover:active:focus, headerbar.selection-mode button:hover:active:hover:focus, headerbar.selection-mode button:hover:checked, headerbar.selection-mode button:hover:checked:hover, headerbar.selection-mode button:hover:checked:focus, headerbar.selection-mode button:hover:checked:hover:focus, headerbar.selection-mode button.flat:hover:active, headerbar.selection-mode button.flat:hover:active:hover, headerbar.selection-mode button.flat:hover:active:focus, headerbar.selection-mode button.flat:hover:active:hover:focus, headerbar.selection-mode button.flat:hover:checked, headerbar.selection-mode button.flat:hover:checked:hover, headerbar.selection-mode button.flat:hover:checked:focus, headerbar.selection-mode button.flat:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:active, + .titlebar:not(headerbar).selection-mode button:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:hover:disabled, headerbar.selection-mode button.flat:hover:disabled, + .titlebar:not(headerbar).selection-mode button:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:hover:active:disabled, headerbar.selection-mode button:hover:checked:disabled, headerbar.selection-mode button.flat:hover:active:disabled, headerbar.selection-mode button.flat:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus, headerbar.selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus { + background-color: #a10000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + headerbar.selection-mode button:focus:focus, headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:focus, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:active, headerbar.selection-mode button:focus:active:hover, headerbar.selection-mode button:focus:active:focus, headerbar.selection-mode button:focus:active:hover:focus, headerbar.selection-mode button:focus:checked, headerbar.selection-mode button:focus:checked:hover, headerbar.selection-mode button:focus:checked:focus, headerbar.selection-mode button:focus:checked:hover:focus, headerbar.selection-mode button.flat:focus:active, headerbar.selection-mode button.flat:focus:active:hover, headerbar.selection-mode button.flat:focus:active:focus, headerbar.selection-mode button.flat:focus:active:hover:focus, headerbar.selection-mode button.flat:focus:checked, headerbar.selection-mode button.flat:focus:checked:hover, headerbar.selection-mode button.flat:focus:checked:focus, headerbar.selection-mode button.flat:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:active, + .titlebar:not(headerbar).selection-mode button:focus:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:disabled, headerbar.selection-mode button.flat:focus:disabled, + .titlebar:not(headerbar).selection-mode button:focus:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:active:disabled, headerbar.selection-mode button:focus:checked:disabled, headerbar.selection-mode button.flat:focus:active:disabled, headerbar.selection-mode button.flat:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:focus:hover, headerbar.selection-mode button.flat:focus:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover { + background-color: #a80000; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + headerbar.selection-mode button:focus:hover:focus, headerbar.selection-mode button:focus:hover:hover, headerbar.selection-mode button.flat:focus:hover:focus, headerbar.selection-mode button.flat:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + headerbar.selection-mode button:focus:hover:active, headerbar.selection-mode button:focus:hover:active:hover, headerbar.selection-mode button:focus:hover:active:focus, headerbar.selection-mode button:focus:hover:active:hover:focus, headerbar.selection-mode button:focus:hover:checked, headerbar.selection-mode button:focus:hover:checked:hover, headerbar.selection-mode button:focus:hover:checked:focus, headerbar.selection-mode button:focus:hover:checked:hover:focus, headerbar.selection-mode button.flat:focus:hover:active, headerbar.selection-mode button.flat:focus:hover:active:hover, headerbar.selection-mode button.flat:focus:hover:active:focus, headerbar.selection-mode button.flat:focus:hover:active:hover:focus, headerbar.selection-mode button.flat:focus:hover:checked, headerbar.selection-mode button.flat:focus:hover:checked:hover, headerbar.selection-mode button.flat:focus:hover:checked:focus, headerbar.selection-mode button.flat:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + headerbar.selection-mode button:focus:hover:disabled, headerbar.selection-mode button.flat:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + headerbar.selection-mode button:focus:hover:active:disabled, headerbar.selection-mode button:focus:hover:checked:disabled, headerbar.selection-mode button.flat:focus:hover:active:disabled, headerbar.selection-mode button.flat:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button:focus:hover:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + headerbar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button.flat:checked, headerbar.selection-mode button.flat:active, + .titlebar:not(headerbar).selection-mode button:checked, + .titlebar:not(headerbar).selection-mode button:active, + .titlebar:not(headerbar).selection-mode button.flat:checked, + .titlebar:not(headerbar).selection-mode button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + headerbar.selection-mode button:checked:active, headerbar.selection-mode button:checked:active:hover, headerbar.selection-mode button:checked:active:focus, headerbar.selection-mode button:checked:active:hover:focus, headerbar.selection-mode button:checked:checked, headerbar.selection-mode button:checked:checked:hover, headerbar.selection-mode button:checked:checked:focus, headerbar.selection-mode button:checked:checked:hover:focus, headerbar.selection-mode button:active:active, headerbar.selection-mode button:active:active:hover, headerbar.selection-mode button:active:active:focus, headerbar.selection-mode button:active:active:hover:focus, headerbar.selection-mode button:active:checked, headerbar.selection-mode button:active:checked:hover, headerbar.selection-mode button:active:checked:focus, headerbar.selection-mode button:active:checked:hover:focus, headerbar.selection-mode button.flat:checked:active, headerbar.selection-mode button.flat:checked:active:hover, headerbar.selection-mode button.flat:checked:active:focus, headerbar.selection-mode button.flat:checked:active:hover:focus, headerbar.selection-mode button.flat:checked:checked, headerbar.selection-mode button.flat:checked:checked:hover, headerbar.selection-mode button.flat:checked:checked:focus, headerbar.selection-mode button.flat:checked:checked:hover:focus, headerbar.selection-mode button.flat:active:active, headerbar.selection-mode button.flat:active:active:hover, headerbar.selection-mode button.flat:active:active:focus, headerbar.selection-mode button.flat:active:active:hover:focus, headerbar.selection-mode button.flat:active:checked, headerbar.selection-mode button.flat:active:checked:hover, headerbar.selection-mode button.flat:active:checked:focus, headerbar.selection-mode button.flat:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:active, + .titlebar:not(headerbar).selection-mode button:checked:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:active:focus, + .titlebar:not(headerbar).selection-mode button:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:active, + .titlebar:not(headerbar).selection-mode button:active:active:hover, + .titlebar:not(headerbar).selection-mode button:active:active:focus, + .titlebar:not(headerbar).selection-mode button:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button:active:checked, + .titlebar:not(headerbar).selection-mode button:active:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:checked:focus, + .titlebar:not(headerbar).selection-mode button:active:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:active:hover:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button:active:disabled, headerbar.selection-mode button.flat:checked:disabled, headerbar.selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + headerbar.selection-mode button:checked:active:disabled, headerbar.selection-mode button:checked:checked:disabled, headerbar.selection-mode button:active:active:disabled, headerbar.selection-mode button:active:checked:disabled, headerbar.selection-mode button.flat:checked:active:disabled, headerbar.selection-mode button.flat:checked:checked:disabled, headerbar.selection-mode button.flat:active:active:disabled, headerbar.selection-mode button.flat:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:active:disabled, + .titlebar:not(headerbar).selection-mode button:active:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + headerbar.selection-mode button:checked:focus, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button:active:focus, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.flat:checked:focus, headerbar.selection-mode button.flat:checked:hover, headerbar.selection-mode button.flat:active:focus, headerbar.selection-mode button.flat:active:hover, + .titlebar:not(headerbar).selection-mode button:checked:focus, + .titlebar:not(headerbar).selection-mode button:checked:hover, + .titlebar:not(headerbar).selection-mode button:active:focus, + .titlebar:not(headerbar).selection-mode button:active:hover, + .titlebar:not(headerbar).selection-mode button.flat:checked:focus, + .titlebar:not(headerbar).selection-mode button.flat:checked:hover, + .titlebar:not(headerbar).selection-mode button.flat:active:focus, + .titlebar:not(headerbar).selection-mode button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + headerbar.selection-mode button:focus, headerbar.selection-mode button:hover, headerbar.selection-mode button.flat:focus, headerbar.selection-mode button.flat:hover, + .titlebar:not(headerbar).selection-mode button:focus, + .titlebar:not(headerbar).selection-mode button:hover, + .titlebar:not(headerbar).selection-mode button.flat:focus, + .titlebar:not(headerbar).selection-mode button.flat:hover { + color: #dedede; } + headerbar.selection-mode button:disabled:disabled, headerbar.selection-mode button.flat:disabled:disabled, + .titlebar:not(headerbar).selection-mode button:disabled:disabled, + .titlebar:not(headerbar).selection-mode button.flat:disabled:disabled { + background-color: alpha(mix(#990000,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#990000,#dedede,0.5); + box-shadow: none; } + headerbar.selection-mode button:active:disabled, headerbar.selection-mode button:checked:disabled, headerbar.selection-mode button.flat:active:disabled, headerbar.selection-mode button.flat:checked:disabled, + .titlebar:not(headerbar).selection-mode button:active:disabled, + .titlebar:not(headerbar).selection-mode button:checked:disabled, + .titlebar:not(headerbar).selection-mode button.flat:active:disabled, + .titlebar:not(headerbar).selection-mode button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + headerbar.selection-mode button.separator, headerbar.selection-mode button .separator, + .titlebar:not(headerbar).selection-mode button.separator, + .titlebar:not(headerbar).selection-mode button .separator { + border: 1px solid currentColor; + color: rgba(153, 0, 0, 0.9); } + headerbar.selection-mode button.separator:disabled, headerbar.selection-mode button .separator:disabled, + .titlebar:not(headerbar).selection-mode button.separator:disabled, + .titlebar:not(headerbar).selection-mode button .separator:disabled { + color: rgba(153, 0, 0, 0.85); } + headerbar.selection-mode:backdrop, + .titlebar:not(headerbar).selection-mode:backdrop { + background-color: #990000; + background-image: none; } + headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop, + .titlebar:not(headerbar).selection-mode .selection-menu { + color: #7a0000; + background-color: transparent; + background-image: none; + box-shadow: none; + border: 0; } + headerbar.selection-mode .selection-menu:backdrop:hover, headerbar.selection-mode .selection-menu:hover, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:hover, + .titlebar:not(headerbar).selection-mode .selection-menu:hover { + color: #6b0000; } + headerbar.selection-mode .selection-menu:backdrop:active, headerbar.selection-mode .selection-menu:active, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop:active, + .titlebar:not(headerbar).selection-mode .selection-menu:active { + color: #730000; } + headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow, + .titlebar:not(headerbar).selection-mode .selection-menu:backdrop .arrow, + .titlebar:not(headerbar).selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(222, 222, 222, 0.5); + -gtk-icon-shadow: none; } + headerbar.selection-mode .dim-label, headerbar.selection-mode label.separator, .selection-menu headerbar.selection-mode .dim-label, .selection-menu headerbar.selection-mode label.separator, + .titlebar:not(headerbar).selection-mode .dim-label, + .titlebar:not(headerbar).selection-mode label.separator, .selection-menu + .titlebar:not(headerbar).selection-mode .dim-label, .selection-menu + .titlebar:not(headerbar).selection-mode label.separator { + color: #6b0000; } + +/********** + ! Calendar +***********/ +calendar { + padding: 1px 3px; + outline-offset: -1px; + color: #dedede; } + calendar:selected { + border-radius: 0px; } + 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(222, 222, 222, 0.55); } + calendar.button:hover { + color: #dedede; } + calendar.button:backdrop { + color: alpha(mix(#dedede,#2d2d2d,0.5),0.55); } + calendar.button:disabled { + color: alpha(mix(#dedede,#2d2d2d,0.5),0.55); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: mix(#990000,#dedede,0.5); } + calendar:backdrop { + color: mix(#2d2d2d,#dedede,0.8); } + +/* gnome-calendar */ +.calendar-view { + background-color: #2d2d2d; + color: #dedede; } + +/*************** + ! Color chooser +****************/ +colorswatch:drop(active), colorswatch { + border-style: none; } +colorswatch.top { + border-top-left-radius: 0.5px; + border-top-right-radius: 0.5px; } + colorswatch.top overlay { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } +colorswatch.bottom { + border-bottom-left-radius: 0.5px; + border-bottom-right-radius: 0.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 0.5px; + border-bottom-left-radius: 0.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 0.5px; + border-bottom-right-radius: 0.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } +colorswatch.dark overlay { + color: #dedede; } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.8); } + colorswatch.dark overlay:backdrop { + color: mix(#990000,#dedede,0.66); } +colorswatch.light overlay { + color: #dedede; } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + colorswatch.light overlay:backdrop { + color: mix(#2d2d2d,#dedede,0.8); } +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 { + border: 1px solid rgba(0, 0, 0, 0.3); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(0, 0, 0, 0.3); + box-shadow: none; } +colorswatch:disabled { + opacity: .5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #dedede; } +colorswatch#add-color-button { + border-radius: 0px 0px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 0px; } + colorswatch#add-color-button overlay { + background-color: #2b2b2b; + color: #dedede; } + colorswatch#add-color-button overlay:hover { + background-color: #292929; } + colorswatch#add-color-button overlay:backdrop { + background-color: #2b2b2b; } +colorswatch#editor-color-sample { + border-radius: 0px; } + colorswatch#editor-color-sample overlay { + border-radius: 0.5px; } + +button.color { + padding: 3px; } + button.color colorswatch:only-child { + box-shadow: 0 1px rgba(0, 0, 0, 0.85882); } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { + box-shadow: none; } + +/*********************** +! Font and file choosers +************************/ +filechooser { + /* for fallback when header bar not used */ } + filechooser .dialog-action-box { + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + filechooser .dialog-action-box:backdrop { + border-top-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } + filechooser #pathbarbox { + border-bottom: 1px solid #2d2d2d; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/****************** + ! Grid and flowbox +*******************/ +list { + color: #dedede; + background-color: #2d2d2d; + border-color: mix(#2d2d2d,#dedede,0.08); } + list:backdrop { + background-color: #2d2d2d; + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } + list row { + padding: 3px; } + +row { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(222, 222, 222, 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: mix(#990000,#dedede,0.1); } + row.activatable:selected:backdrop { + background-color: #990000; } + +flowbox flowboxchild { + padding: 3px; + border-radius: 0px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Infobar +**********/ +infobar { + border: 0; } + infobar.info, infobar.info:backdrop { + background-color: #03a9f4; + background-image: none; + border: 1px solid #0287c3; + caret-color: currentColor; } + infobar.info label, infobar.info, infobar.info:backdrop label, infobar.info:backdrop { + color: #fff; } + infobar.info button { + background-color: #03a9f4; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + infobar.info button:focus, infobar.info button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.info button:active, infobar.info button:active:hover, infobar.info button:active:focus, infobar.info button:active:hover:focus, infobar.info button:checked, infobar.info button:checked:hover, infobar.info button:checked:focus, infobar.info button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.info button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.info button:active:disabled, infobar.info button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button.flat { + color: #fff; + border-color: rgba(3, 169, 244, 0); + background-color: rgba(3, 169, 244, 0); + background-image: none; + box-shadow: none; } + infobar.info button:hover, infobar.info button.flat:hover { + background-color: #07b0fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + infobar.info button:hover:focus, infobar.info button:hover:hover, infobar.info button.flat:hover:focus, infobar.info button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:hover:active, infobar.info button:hover:active:hover, infobar.info button:hover:active:focus, infobar.info button:hover:active:hover:focus, infobar.info button:hover:checked, infobar.info button:hover:checked:hover, infobar.info button:hover:checked:focus, infobar.info button:hover:checked:hover:focus, infobar.info button.flat:hover:active, infobar.info button.flat:hover:active:hover, infobar.info button.flat:hover:active:focus, infobar.info button.flat:hover:active:hover:focus, infobar.info button.flat:hover:checked, infobar.info button.flat:hover:checked:hover, infobar.info button.flat:hover:checked:focus, infobar.info button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:hover:disabled, infobar.info button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:hover:active:disabled, infobar.info button:hover:checked:disabled, infobar.info button.flat:hover:active:disabled, infobar.info button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:focus, infobar.info button.flat:focus { + background-color: #07b0fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + infobar.info button:focus:focus, infobar.info button:focus:hover, infobar.info button.flat:focus:focus, infobar.info button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:focus:active, infobar.info button:focus:active:hover, infobar.info button:focus:active:focus, infobar.info button:focus:active:hover:focus, infobar.info button:focus:checked, infobar.info button:focus:checked:hover, infobar.info button:focus:checked:focus, infobar.info button:focus:checked:hover:focus, infobar.info button.flat:focus:active, infobar.info button.flat:focus:active:hover, infobar.info button.flat:focus:active:focus, infobar.info button.flat:focus:active:hover:focus, infobar.info button.flat:focus:checked, infobar.info button.flat:focus:checked:hover, infobar.info button.flat:focus:checked:focus, infobar.info button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:focus:disabled, infobar.info button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:focus:active:disabled, infobar.info button:focus:checked:disabled, infobar.info button.flat:focus:active:disabled, infobar.info button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:focus:hover, infobar.info button.flat:focus:hover { + background-color: #14b4fc; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + infobar.info button:focus:hover:focus, infobar.info button:focus:hover:hover, infobar.info button.flat:focus:hover:focus, infobar.info button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.info button:focus:hover:active, infobar.info button:focus:hover:active:hover, infobar.info button:focus:hover:active:focus, infobar.info button:focus:hover:active:hover:focus, infobar.info button:focus:hover:checked, infobar.info button:focus:hover:checked:hover, infobar.info button:focus:hover:checked:focus, infobar.info button:focus:hover:checked:hover:focus, infobar.info button.flat:focus:hover:active, infobar.info button.flat:focus:hover:active:hover, infobar.info button.flat:focus:hover:active:focus, infobar.info button.flat:focus:hover:active:hover:focus, infobar.info button.flat:focus:hover:checked, infobar.info button.flat:focus:hover:checked:hover, infobar.info button.flat:focus:hover:checked:focus, infobar.info button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.info button:focus:hover:disabled, infobar.info button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.info button:focus:hover:active:disabled, infobar.info button:focus:hover:checked:disabled, infobar.info button.flat:focus:hover:active:disabled, infobar.info button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.info button:checked, infobar.info button:active, infobar.info button.flat:checked, infobar.info button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.info button:checked:active, infobar.info button:checked:active:hover, infobar.info button:checked:active:focus, infobar.info button:checked:active:hover:focus, infobar.info button:checked:checked, infobar.info button:checked:checked:hover, infobar.info button:checked:checked:focus, infobar.info button:checked:checked:hover:focus, infobar.info button:active:active, infobar.info button:active:active:hover, infobar.info button:active:active:focus, infobar.info button:active:active:hover:focus, infobar.info button:active:checked, infobar.info button:active:checked:hover, infobar.info button:active:checked:focus, infobar.info button:active:checked:hover:focus, infobar.info button.flat:checked:active, infobar.info button.flat:checked:active:hover, infobar.info button.flat:checked:active:focus, infobar.info button.flat:checked:active:hover:focus, infobar.info button.flat:checked:checked, infobar.info button.flat:checked:checked:hover, infobar.info button.flat:checked:checked:focus, infobar.info button.flat:checked:checked:hover:focus, infobar.info button.flat:active:active, infobar.info button.flat:active:active:hover, infobar.info button.flat:active:active:focus, infobar.info button.flat:active:active:hover:focus, infobar.info button.flat:active:checked, infobar.info button.flat:active:checked:hover, infobar.info button.flat:active:checked:focus, infobar.info button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.info button:checked:disabled, infobar.info button:active:disabled, infobar.info button.flat:checked:disabled, infobar.info button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.info button:checked:active:disabled, infobar.info button:checked:checked:disabled, infobar.info button:active:active:disabled, infobar.info button:active:checked:disabled, infobar.info button.flat:checked:active:disabled, infobar.info button.flat:checked:checked:disabled, infobar.info button.flat:active:active:disabled, infobar.info button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.info button:checked:focus, infobar.info button:checked:hover, infobar.info button:active:focus, infobar.info button:active:hover, infobar.info button.flat:checked:focus, infobar.info button.flat:checked:hover, infobar.info button.flat:active:focus, infobar.info button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.info button:focus, infobar.info button:hover, infobar.info button.flat:focus, infobar.info button.flat:hover { + color: #fff; } + infobar.info button:disabled:disabled, infobar.info button.flat:disabled:disabled { + background-color: alpha(mix(#03a9f4,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#03a9f4,#fff,0.5); + box-shadow: none; } + infobar.info button:active:disabled, infobar.info button:checked:disabled, infobar.info button.flat:active:disabled, infobar.info button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.info button.separator, infobar.info button .separator { + border: 1px solid currentColor; + color: rgba(3, 169, 244, 0.9); } + infobar.info button.separator:disabled, infobar.info button .separator:disabled { + color: rgba(3, 169, 244, 0.85); } + infobar.warning, infobar.warning:backdrop { + background-color: #ef6c00; + background-image: none; + border: 1px solid #bf5600; + caret-color: currentColor; } + infobar.warning label, infobar.warning, infobar.warning:backdrop label, infobar.warning:backdrop { + color: #fff; } + infobar.warning button { + background-color: #ef6c00; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + infobar.warning button:focus, infobar.warning button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.warning button:active, infobar.warning button:active:hover, infobar.warning button:active:focus, infobar.warning button:active:hover:focus, infobar.warning button:checked, infobar.warning button:checked:hover, infobar.warning button:checked:focus, infobar.warning button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.warning button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.warning button:active:disabled, infobar.warning button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button.flat { + color: #fff; + border-color: rgba(239, 108, 0, 0); + background-color: rgba(239, 108, 0, 0); + background-image: none; + box-shadow: none; } + infobar.warning button:hover, infobar.warning button.flat:hover { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + infobar.warning button:hover:focus, infobar.warning button:hover:hover, infobar.warning button.flat:hover:focus, infobar.warning button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:hover:active, infobar.warning button:hover:active:hover, infobar.warning button:hover:active:focus, infobar.warning button:hover:active:hover:focus, infobar.warning button:hover:checked, infobar.warning button:hover:checked:hover, infobar.warning button:hover:checked:focus, infobar.warning button:hover:checked:hover:focus, infobar.warning button.flat:hover:active, infobar.warning button.flat:hover:active:hover, infobar.warning button.flat:hover:active:focus, infobar.warning button.flat:hover:active:hover:focus, infobar.warning button.flat:hover:checked, infobar.warning button.flat:hover:checked:hover, infobar.warning button.flat:hover:checked:focus, infobar.warning button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:hover:disabled, infobar.warning button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:hover:active:disabled, infobar.warning button:hover:checked:disabled, infobar.warning button.flat:hover:active:disabled, infobar.warning button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:focus, infobar.warning button.flat:focus { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + infobar.warning button:focus:focus, infobar.warning button:focus:hover, infobar.warning button.flat:focus:focus, infobar.warning button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:focus:active, infobar.warning button:focus:active:hover, infobar.warning button:focus:active:focus, infobar.warning button:focus:active:hover:focus, infobar.warning button:focus:checked, infobar.warning button:focus:checked:hover, infobar.warning button:focus:checked:focus, infobar.warning button:focus:checked:hover:focus, infobar.warning button.flat:focus:active, infobar.warning button.flat:focus:active:hover, infobar.warning button.flat:focus:active:focus, infobar.warning button.flat:focus:active:hover:focus, infobar.warning button.flat:focus:checked, infobar.warning button.flat:focus:checked:hover, infobar.warning button.flat:focus:checked:focus, infobar.warning button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:focus:disabled, infobar.warning button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:focus:active:disabled, infobar.warning button:focus:checked:disabled, infobar.warning button.flat:focus:active:disabled, infobar.warning button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:focus:hover, infobar.warning button.flat:focus:hover { + background-color: #ff7808; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + infobar.warning button:focus:hover:focus, infobar.warning button:focus:hover:hover, infobar.warning button.flat:focus:hover:focus, infobar.warning button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.warning button:focus:hover:active, infobar.warning button:focus:hover:active:hover, infobar.warning button:focus:hover:active:focus, infobar.warning button:focus:hover:active:hover:focus, infobar.warning button:focus:hover:checked, infobar.warning button:focus:hover:checked:hover, infobar.warning button:focus:hover:checked:focus, infobar.warning button:focus:hover:checked:hover:focus, infobar.warning button.flat:focus:hover:active, infobar.warning button.flat:focus:hover:active:hover, infobar.warning button.flat:focus:hover:active:focus, infobar.warning button.flat:focus:hover:active:hover:focus, infobar.warning button.flat:focus:hover:checked, infobar.warning button.flat:focus:hover:checked:hover, infobar.warning button.flat:focus:hover:checked:focus, infobar.warning button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.warning button:focus:hover:disabled, infobar.warning button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.warning button:focus:hover:active:disabled, infobar.warning button:focus:hover:checked:disabled, infobar.warning button.flat:focus:hover:active:disabled, infobar.warning button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.warning button:checked, infobar.warning button:active, infobar.warning button.flat:checked, infobar.warning button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.warning button:checked:active, infobar.warning button:checked:active:hover, infobar.warning button:checked:active:focus, infobar.warning button:checked:active:hover:focus, infobar.warning button:checked:checked, infobar.warning button:checked:checked:hover, infobar.warning button:checked:checked:focus, infobar.warning button:checked:checked:hover:focus, infobar.warning button:active:active, infobar.warning button:active:active:hover, infobar.warning button:active:active:focus, infobar.warning button:active:active:hover:focus, infobar.warning button:active:checked, infobar.warning button:active:checked:hover, infobar.warning button:active:checked:focus, infobar.warning button:active:checked:hover:focus, infobar.warning button.flat:checked:active, infobar.warning button.flat:checked:active:hover, infobar.warning button.flat:checked:active:focus, infobar.warning button.flat:checked:active:hover:focus, infobar.warning button.flat:checked:checked, infobar.warning button.flat:checked:checked:hover, infobar.warning button.flat:checked:checked:focus, infobar.warning button.flat:checked:checked:hover:focus, infobar.warning button.flat:active:active, infobar.warning button.flat:active:active:hover, infobar.warning button.flat:active:active:focus, infobar.warning button.flat:active:active:hover:focus, infobar.warning button.flat:active:checked, infobar.warning button.flat:active:checked:hover, infobar.warning button.flat:active:checked:focus, infobar.warning button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.warning button:checked:disabled, infobar.warning button:active:disabled, infobar.warning button.flat:checked:disabled, infobar.warning button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.warning button:checked:active:disabled, infobar.warning button:checked:checked:disabled, infobar.warning button:active:active:disabled, infobar.warning button:active:checked:disabled, infobar.warning button.flat:checked:active:disabled, infobar.warning button.flat:checked:checked:disabled, infobar.warning button.flat:active:active:disabled, infobar.warning button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.warning button:checked:focus, infobar.warning button:checked:hover, infobar.warning button:active:focus, infobar.warning button:active:hover, infobar.warning button.flat:checked:focus, infobar.warning button.flat:checked:hover, infobar.warning button.flat:active:focus, infobar.warning button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.warning button:focus, infobar.warning button:hover, infobar.warning button.flat:focus, infobar.warning button.flat:hover { + color: #fff; } + infobar.warning button:disabled:disabled, infobar.warning button.flat:disabled:disabled { + background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#ef6c00,#fff,0.5); + box-shadow: none; } + infobar.warning button:active:disabled, infobar.warning button:checked:disabled, infobar.warning button.flat:active:disabled, infobar.warning button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.warning button.separator, infobar.warning button .separator { + border: 1px solid currentColor; + color: rgba(239, 108, 0, 0.9); } + infobar.warning button.separator:disabled, infobar.warning button .separator:disabled { + color: rgba(239, 108, 0, 0.85); } + infobar.question, infobar.question:backdrop { + background-color: #673ab7; + background-image: none; + border: 1px solid #522e92; + caret-color: currentColor; } + infobar.question label, infobar.question, infobar.question:backdrop label, infobar.question:backdrop { + color: #fff; } + infobar.question button { + background-color: #673ab7; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + infobar.question button:focus, infobar.question button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.question button:active, infobar.question button:active:hover, infobar.question button:active:focus, infobar.question button:active:hover:focus, infobar.question button:checked, infobar.question button:checked:hover, infobar.question button:checked:focus, infobar.question button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.question button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.question button:active:disabled, infobar.question button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button.flat { + color: #fff; + border-color: rgba(103, 58, 183, 0); + background-color: rgba(103, 58, 183, 0); + background-image: none; + box-shadow: none; } + infobar.question button:hover, infobar.question button.flat:hover { + background-color: #6c3dc0; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + infobar.question button:hover:focus, infobar.question button:hover:hover, infobar.question button.flat:hover:focus, infobar.question button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:hover:active, infobar.question button:hover:active:hover, infobar.question button:hover:active:focus, infobar.question button:hover:active:hover:focus, infobar.question button:hover:checked, infobar.question button:hover:checked:hover, infobar.question button:hover:checked:focus, infobar.question button:hover:checked:hover:focus, infobar.question button.flat:hover:active, infobar.question button.flat:hover:active:hover, infobar.question button.flat:hover:active:focus, infobar.question button.flat:hover:active:hover:focus, infobar.question button.flat:hover:checked, infobar.question button.flat:hover:checked:hover, infobar.question button.flat:hover:checked:focus, infobar.question button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:hover:disabled, infobar.question button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:hover:active:disabled, infobar.question button:hover:checked:disabled, infobar.question button.flat:hover:active:disabled, infobar.question button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:focus, infobar.question button.flat:focus { + background-color: #6c3dc0; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + infobar.question button:focus:focus, infobar.question button:focus:hover, infobar.question button.flat:focus:focus, infobar.question button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:focus:active, infobar.question button:focus:active:hover, infobar.question button:focus:active:focus, infobar.question button:focus:active:hover:focus, infobar.question button:focus:checked, infobar.question button:focus:checked:hover, infobar.question button:focus:checked:focus, infobar.question button:focus:checked:hover:focus, infobar.question button.flat:focus:active, infobar.question button.flat:focus:active:hover, infobar.question button.flat:focus:active:focus, infobar.question button.flat:focus:active:hover:focus, infobar.question button.flat:focus:checked, infobar.question button.flat:focus:checked:hover, infobar.question button.flat:focus:checked:focus, infobar.question button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:focus:disabled, infobar.question button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:focus:active:disabled, infobar.question button:focus:checked:disabled, infobar.question button.flat:focus:active:disabled, infobar.question button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:focus:hover, infobar.question button.flat:focus:hover { + background-color: #7345c4; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + infobar.question button:focus:hover:focus, infobar.question button:focus:hover:hover, infobar.question button.flat:focus:hover:focus, infobar.question button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.question button:focus:hover:active, infobar.question button:focus:hover:active:hover, infobar.question button:focus:hover:active:focus, infobar.question button:focus:hover:active:hover:focus, infobar.question button:focus:hover:checked, infobar.question button:focus:hover:checked:hover, infobar.question button:focus:hover:checked:focus, infobar.question button:focus:hover:checked:hover:focus, infobar.question button.flat:focus:hover:active, infobar.question button.flat:focus:hover:active:hover, infobar.question button.flat:focus:hover:active:focus, infobar.question button.flat:focus:hover:active:hover:focus, infobar.question button.flat:focus:hover:checked, infobar.question button.flat:focus:hover:checked:hover, infobar.question button.flat:focus:hover:checked:focus, infobar.question button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.question button:focus:hover:disabled, infobar.question button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.question button:focus:hover:active:disabled, infobar.question button:focus:hover:checked:disabled, infobar.question button.flat:focus:hover:active:disabled, infobar.question button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.question button:checked, infobar.question button:active, infobar.question button.flat:checked, infobar.question button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.question button:checked:active, infobar.question button:checked:active:hover, infobar.question button:checked:active:focus, infobar.question button:checked:active:hover:focus, infobar.question button:checked:checked, infobar.question button:checked:checked:hover, infobar.question button:checked:checked:focus, infobar.question button:checked:checked:hover:focus, infobar.question button:active:active, infobar.question button:active:active:hover, infobar.question button:active:active:focus, infobar.question button:active:active:hover:focus, infobar.question button:active:checked, infobar.question button:active:checked:hover, infobar.question button:active:checked:focus, infobar.question button:active:checked:hover:focus, infobar.question button.flat:checked:active, infobar.question button.flat:checked:active:hover, infobar.question button.flat:checked:active:focus, infobar.question button.flat:checked:active:hover:focus, infobar.question button.flat:checked:checked, infobar.question button.flat:checked:checked:hover, infobar.question button.flat:checked:checked:focus, infobar.question button.flat:checked:checked:hover:focus, infobar.question button.flat:active:active, infobar.question button.flat:active:active:hover, infobar.question button.flat:active:active:focus, infobar.question button.flat:active:active:hover:focus, infobar.question button.flat:active:checked, infobar.question button.flat:active:checked:hover, infobar.question button.flat:active:checked:focus, infobar.question button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.question button:checked:disabled, infobar.question button:active:disabled, infobar.question button.flat:checked:disabled, infobar.question button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.question button:checked:active:disabled, infobar.question button:checked:checked:disabled, infobar.question button:active:active:disabled, infobar.question button:active:checked:disabled, infobar.question button.flat:checked:active:disabled, infobar.question button.flat:checked:checked:disabled, infobar.question button.flat:active:active:disabled, infobar.question button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.question button:checked:focus, infobar.question button:checked:hover, infobar.question button:active:focus, infobar.question button:active:hover, infobar.question button.flat:checked:focus, infobar.question button.flat:checked:hover, infobar.question button.flat:active:focus, infobar.question button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.question button:focus, infobar.question button:hover, infobar.question button.flat:focus, infobar.question button.flat:hover { + color: #fff; } + infobar.question button:disabled:disabled, infobar.question button.flat:disabled:disabled { + background-color: alpha(mix(#673ab7,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#673ab7,#fff,0.5); + box-shadow: none; } + infobar.question button:active:disabled, infobar.question button:checked:disabled, infobar.question button.flat:active:disabled, infobar.question button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.question button.separator, infobar.question button .separator { + border: 1px solid currentColor; + color: rgba(103, 58, 183, 0.9); } + infobar.question button.separator:disabled, infobar.question button .separator:disabled { + color: rgba(103, 58, 183, 0.85); } + infobar.error, infobar.error:backdrop { + background-color: #f44336; + background-image: none; + border: 1px solid #e21b0c; + caret-color: currentColor; } + infobar.error label, infobar.error, infobar.error:backdrop label, infobar.error:backdrop { + color: #fff; } + infobar.error button { + background-color: #f44336; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.12); } + infobar.error button:focus, infobar.error button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.error button:active, infobar.error button:active:hover, infobar.error button:active:focus, infobar.error button:active:hover:focus, infobar.error button:checked, infobar.error button:checked:hover, infobar.error button:checked:focus, infobar.error button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.error button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.error button:active:disabled, infobar.error button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button.flat { + color: #fff; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + infobar.error button:hover, infobar.error button.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + infobar.error button:hover:focus, infobar.error button:hover:hover, infobar.error button.flat:hover:focus, infobar.error button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:hover:active, infobar.error button:hover:active:hover, infobar.error button:hover:active:focus, infobar.error button:hover:active:hover:focus, infobar.error button:hover:checked, infobar.error button:hover:checked:hover, infobar.error button:hover:checked:focus, infobar.error button:hover:checked:hover:focus, infobar.error button.flat:hover:active, infobar.error button.flat:hover:active:hover, infobar.error button.flat:hover:active:focus, infobar.error button.flat:hover:active:hover:focus, infobar.error button.flat:hover:checked, infobar.error button.flat:hover:checked:hover, infobar.error button.flat:hover:checked:focus, infobar.error button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:hover:disabled, infobar.error button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:hover:active:disabled, infobar.error button:hover:checked:disabled, infobar.error button.flat:hover:active:disabled, infobar.error button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:focus, infobar.error button.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + infobar.error button:focus:focus, infobar.error button:focus:hover, infobar.error button.flat:focus:focus, infobar.error button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:focus:active, infobar.error button:focus:active:hover, infobar.error button:focus:active:focus, infobar.error button:focus:active:hover:focus, infobar.error button:focus:checked, infobar.error button:focus:checked:hover, infobar.error button:focus:checked:focus, infobar.error button:focus:checked:hover:focus, infobar.error button.flat:focus:active, infobar.error button.flat:focus:active:hover, infobar.error button.flat:focus:active:focus, infobar.error button.flat:focus:active:hover:focus, infobar.error button.flat:focus:checked, infobar.error button.flat:focus:checked:hover, infobar.error button.flat:focus:checked:focus, infobar.error button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:focus:disabled, infobar.error button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:focus:active:disabled, infobar.error button:focus:checked:disabled, infobar.error button.flat:focus:active:disabled, infobar.error button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:focus:hover, infobar.error button.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.38); } + infobar.error button:focus:hover:focus, infobar.error button:focus:hover:hover, infobar.error button.flat:focus:hover:focus, infobar.error button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + infobar.error button:focus:hover:active, infobar.error button:focus:hover:active:hover, infobar.error button:focus:hover:active:focus, infobar.error button:focus:hover:active:hover:focus, infobar.error button:focus:hover:checked, infobar.error button:focus:hover:checked:hover, infobar.error button:focus:hover:checked:focus, infobar.error button:focus:hover:checked:hover:focus, infobar.error button.flat:focus:hover:active, infobar.error button.flat:focus:hover:active:hover, infobar.error button.flat:focus:hover:active:focus, infobar.error button.flat:focus:hover:active:hover:focus, infobar.error button.flat:focus:hover:checked, infobar.error button.flat:focus:hover:checked:hover, infobar.error button.flat:focus:hover:checked:focus, infobar.error button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + infobar.error button:focus:hover:disabled, infobar.error button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + infobar.error button:focus:hover:active:disabled, infobar.error button:focus:hover:checked:disabled, infobar.error button.flat:focus:hover:active:disabled, infobar.error button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + infobar.error button:checked, infobar.error button:active, infobar.error button.flat:checked, infobar.error button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + infobar.error button:checked:active, infobar.error button:checked:active:hover, infobar.error button:checked:active:focus, infobar.error button:checked:active:hover:focus, infobar.error button:checked:checked, infobar.error button:checked:checked:hover, infobar.error button:checked:checked:focus, infobar.error button:checked:checked:hover:focus, infobar.error button:active:active, infobar.error button:active:active:hover, infobar.error button:active:active:focus, infobar.error button:active:active:hover:focus, infobar.error button:active:checked, infobar.error button:active:checked:hover, infobar.error button:active:checked:focus, infobar.error button:active:checked:hover:focus, infobar.error button.flat:checked:active, infobar.error button.flat:checked:active:hover, infobar.error button.flat:checked:active:focus, infobar.error button.flat:checked:active:hover:focus, infobar.error button.flat:checked:checked, infobar.error button.flat:checked:checked:hover, infobar.error button.flat:checked:checked:focus, infobar.error button.flat:checked:checked:hover:focus, infobar.error button.flat:active:active, infobar.error button.flat:active:active:hover, infobar.error button.flat:active:active:focus, infobar.error button.flat:active:active:hover:focus, infobar.error button.flat:active:checked, infobar.error button.flat:active:checked:hover, infobar.error button.flat:active:checked:focus, infobar.error button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + infobar.error button:checked:disabled, infobar.error button:active:disabled, infobar.error button.flat:checked:disabled, infobar.error button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + infobar.error button:checked:active:disabled, infobar.error button:checked:checked:disabled, infobar.error button:active:active:disabled, infobar.error button:active:checked:disabled, infobar.error button.flat:checked:active:disabled, infobar.error button.flat:checked:checked:disabled, infobar.error button.flat:active:active:disabled, infobar.error button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + infobar.error button:checked:focus, infobar.error button:checked:hover, infobar.error button:active:focus, infobar.error button:active:hover, infobar.error button.flat:checked:focus, infobar.error button.flat:checked:hover, infobar.error button.flat:active:focus, infobar.error button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + infobar.error button:focus, infobar.error button:hover, infobar.error button.flat:focus, infobar.error button.flat:hover { + color: #fff; } + infobar.error button:disabled:disabled, infobar.error button.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#fff,0.5); + box-shadow: none; } + infobar.error button:active:disabled, infobar.error button:checked:disabled, infobar.error button.flat:active:disabled, infobar.error button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + infobar.error button.separator, infobar.error button .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + infobar.error button.separator:disabled, infobar.error button .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/********* + ! Entry * +**********/ +.linked:not(.vertical) > entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; } + .linked:not(.vertical) > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .linked:not(.vertical) > entry:first-child:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; } + .linked:not(.vertical) > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .linked:not(.vertical) > entry:last-child:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; } + .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child { + border-width: 1px; } + .linked:not(.vertical) > entry:only-child { + border-radius: 0px; } + +.linked.vertical > entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; } + .linked.vertical > entry:first-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .linked.vertical > entry:first-child:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; } + .linked.vertical > entry:last-child { + border-width: 1px; + border-radius: 0px; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .linked.vertical > entry:last-child:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; } + .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child { + border-width: 1px; } + .linked.vertical > entry:only-child { + border-radius: 0px; } + +entry, menuitem entry, popover.background entry, .osd entry, +#XfceNotifyWindow entry, #login_window entry { + border-width: 1px; + border-style: solid; + border-radius: 0px; + border-color: #242424; + transition: border 100ms ease-out; + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.1), inset 0 1px rgba(44, 44, 44, 0.12), inset -1px 0 rgba(44, 44, 44, 0.1), inset 0 -1px rgba(44, 44, 44, 0.05); } + entry:focus, popover.background entry:focus, + #XfceNotifyWindow entry:focus, #login_window entry:focus, entry:hover, popover.background entry:hover, + #XfceNotifyWindow entry:hover, #login_window entry:hover, entry:active, popover.background entry:active, + #XfceNotifyWindow entry:active, #login_window entry:active { + transition: border 100ms ease-in; } + entry:selected, popover.background entry:selected, + #XfceNotifyWindow entry:selected, #login_window entry:selected, entry:selected:selected:focus, + #XfceNotifyWindow entry:selected:selected:focus, #login_window entry:selected:selected:focus { + background-color: #990000; + color: #dedede; } + entry:disabled, popover.background entry:disabled, + #XfceNotifyWindow entry:disabled, #login_window entry:disabled { + box-shadow: none; } + entry progress, popover.background entry progress, .osd entry progress, + #XfceNotifyWindow entry progress, #login_window entry progress { + background-color: #990000; + background-image: none; + border-width: 0; + border-radius: 0px; + color: #dedede; } + entry image.left, + #XfceNotifyWindow entry image.left, #login_window entry image.left { + padding-right: 3px; } + entry image.right, + #XfceNotifyWindow entry image.right, #login_window entry image.right { + padding-left: 3px; } + entry.warning, popover.background entry.warning, + #XfceNotifyWindow entry.warning, #login_window entry.warning { + color: #fff; + border-color: #bf5600; + background-color: mix(#2d2d2d,#ef6c00,0.6); } + entry.warning image, + #XfceNotifyWindow entry.warning image, #login_window entry.warning image { + color: #fff; } + entry.warning:focus, + #XfceNotifyWindow entry.warning:focus, #login_window entry.warning:focus { + color: #fff; + border-color: mix(#990000,#ef6c00,0.3); + background-color: #ef6c00; + box-shadow: none; } + entry.warning selection, + #XfceNotifyWindow entry.warning selection, #login_window entry.warning selection { + background-color: #fff; + color: #ef6c00; } + entry.error, popover.background entry.error, + #XfceNotifyWindow entry.error, #login_window entry.error { + color: #fff; + border-color: #e21b0c; + background-color: mix(#2d2d2d,#f44336,0.6); } + entry.error image, + #XfceNotifyWindow entry.error image, #login_window entry.error image { + color: #fff; } + entry.error:focus, + #XfceNotifyWindow entry.error:focus, #login_window entry.error:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.error selection, + #XfceNotifyWindow entry.error selection, #login_window entry.error selection { + background-color: #fff; + color: #f44336; } + entry.search-missing, popover.background entry.search-missing, + #XfceNotifyWindow entry.search-missing, #login_window entry.search-missing { + color: #fff; + border-color: #e21b0c; + background-color: mix(#2d2d2d,#f44336,0.6); } + entry.search-missing image, + #XfceNotifyWindow entry.search-missing image, #login_window entry.search-missing image { + color: #fff; } + entry.search-missing:focus, + #XfceNotifyWindow entry.search-missing:focus, #login_window entry.search-missing:focus { + color: #fff; + border-color: mix(#990000,#f44336,0.3); + background-color: #f44336; + box-shadow: none; } + entry.search-missing selection, + #XfceNotifyWindow entry.search-missing selection, #login_window entry.search-missing selection { + background-color: #fff; + color: #f44336; } + +/********* + ! Menubar +**********/ +menubar, .menubar { + -GtkWidget-window-dragging: true; + padding: 0; + border: 0; + background-color: #2d2d2d; + background-image: none; + color: #dedede; } + menubar > menuitem, .menubar > menuitem { + min-height: 16px; + padding: 4.5px 7.5px; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: #dedede; } + menubar > menuitem:hover, .menubar > menuitem:hover { + border-color: mix(#2d2d2d,#dedede,0.21); + background-color: mix(#2d2d2d,#dedede,0.21); + background-image: none; + color: #f0f0f0; } + menubar > menuitem *:hover, .menubar > menuitem *:hover { + color: #f0f0f0; } + +/****** + ! Menu +*******/ +menu, +.menu, +.context-menu { + border: 0; + border-radius: 0; + padding: 3px; + background-color: #2d2d2d; + color: #dedede; } + .csd menu, .csd + .menu, .csd + .context-menu { + border: 0; } + menu:selected, + .menu:selected, + .context-menu:selected { + background-color: #990000; } + menu separator, .csd menu separator, + .menu separator, .csd + .menu separator, + .context-menu separator, .csd + .context-menu separator { + background-color: #292929; + margin: 1px 0; } + menu .separator, .csd menu .separator, + .menu .separator, .csd + .menu .separator, + .context-menu .separator, .csd + .context-menu .separator { + color: #292929; } + menu menuitem, + .menu menuitem, + .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 3px; + border-radius: 0; } + menu menuitem:active, menu menuitem:hover, + .menu menuitem:active, + .menu menuitem:hover, + .context-menu menuitem:active, + .context-menu menuitem:hover { + border: 0; + background-color: #990000; + background-image: none; + color: #dedede; } + menu menuitem *:active, menu menuitem *:hover, + .menu menuitem *:active, + .menu menuitem *:hover, + .context-menu menuitem *:active, + .context-menu menuitem *:hover { + color: #dedede; } + menu menuitem:disabled, menu menuitem *:disabled, + .menu menuitem:disabled, + .menu menuitem *:disabled, + .context-menu menuitem:disabled, + .context-menu menuitem *:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + menu menuitem arrow, + .menu menuitem arrow, + .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-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), + .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem.button, menu menuitem.button:focus, menu menuitem.button:active, menu menuitem.button:disabled, menu menuitem.button:active:disabled, menu menuitem.button.flat, menu menuitem.button.flat:focus, menu menuitem.button.flat:active, menu menuitem.button.flat:disabled, menu menuitem.button.flat:active:disabled, + .menu menuitem.button, + .menu menuitem.button:focus, + .menu menuitem.button:active, + .menu menuitem.button:disabled, + .menu menuitem.button:active:disabled, + .menu menuitem.button.flat, + .menu menuitem.button.flat:focus, + .menu menuitem.button.flat:active, + .menu menuitem.button.flat:disabled, + .menu menuitem.button.flat:active:disabled, + .context-menu menuitem.button, + .context-menu menuitem.button:focus, + .context-menu menuitem.button:active, + .context-menu menuitem.button:disabled, + .context-menu menuitem.button:active:disabled, + .context-menu menuitem.button.flat, + .context-menu menuitem.button.flat:focus, + .context-menu menuitem.button.flat:active, + .context-menu menuitem.button.flat:disabled, + .context-menu menuitem.button.flat:active:disabled { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; } + menu menuitem.button:hover, menu menuitem.button:focus:hover, menu menuitem.button:active:hover, menu menuitem.button:selected, menu menuitem.button.flat:hover, menu menuitem.button.flat:focus:hover, menu menuitem.button.flat:active:hover, menu menuitem.button.flat:selected, + .menu menuitem.button:hover, + .menu menuitem.button:focus:hover, + .menu menuitem.button:active:hover, + .menu menuitem.button:selected, + .menu menuitem.button.flat:hover, + .menu menuitem.button.flat:focus:hover, + .menu menuitem.button.flat:active:hover, + .menu menuitem.button.flat:selected, + .context-menu menuitem.button:hover, + .context-menu menuitem.button:focus:hover, + .context-menu menuitem.button:active:hover, + .context-menu menuitem.button:selected, + .context-menu menuitem.button.flat:hover, + .context-menu menuitem.button.flat:focus:hover, + .context-menu menuitem.button.flat:active:hover, + .context-menu menuitem.button.flat:selected { + background-image: none; + background-color: #990000; + color: #dedede; } + menu menuitem calendar, + .menu menuitem calendar, + .context-menu menuitem calendar { + color: #dedede; } + menu menuitem calendar.header, + .menu menuitem calendar.header, + .context-menu menuitem calendar.header { + border-bottom: 1px solid #292929; + border-radius: 0; } + menu menuitem calendar.header:backdrop, + .menu menuitem calendar.header:backdrop, + .context-menu menuitem calendar.header:backdrop { + border-color: #292929; } + menu menuitem calendar.button, + .menu menuitem calendar.button, + .context-menu menuitem calendar.button { + color: rgba(222, 222, 222, 0.55); } + menu menuitem calendar.button:hover, + .menu menuitem calendar.button:hover, + .context-menu menuitem calendar.button:hover { + color: #dedede; } + menu menuitem calendar:indeterminate, menu menuitem calendar:indeterminate:backdrop, + .menu menuitem calendar:indeterminate, + .menu menuitem calendar:indeterminate:backdrop, + .context-menu menuitem calendar:indeterminate, + .context-menu menuitem calendar:indeterminate:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, + .menu > arrow, + .context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 3px; + background-color: #2d2d2d; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top, + .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid mix(#dedede,#2d2d2d,0.1); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom, + .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid mix(#dedede,#2d2d2d,0.1); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover, + .context-menu > arrow:hover { + background-color: mix(#dedede,#2d2d2d,0.1); } + menu > arrow:backdrop, + .menu > arrow:backdrop, + .context-menu > arrow:backdrop { + background-color: #2d2d2d; } + menu > arrow:disabled, + .menu > arrow:disabled, + .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +.context-menu { + font: initial; } + +.monospace { + font-family: monospace; } + +menuitem accelerator { + color: rgba(222, 222, 222, 0.6); } + menuitem accelerator:hover { + color: rgba(222, 222, 222, 0.8); } + menuitem accelerator:disabled { + color: alpha(mix(#dedede,#2d2d2d,0.5),0.4); } +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; } +menuitem window decoration { + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } +menuitem entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + menuitem entry:focus, menuitem entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + menuitem entry:active, menuitem entry:active:hover, menuitem entry:active:focus, menuitem entry:active:hover:focus, menuitem entry:checked, menuitem entry:checked:hover, menuitem entry:checked:focus, menuitem entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + menuitem entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + menuitem entry:active:disabled, menuitem entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + menuitem entry:focus, menuitem entry:active { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.08),0.3); } + menuitem entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + menuitem entry:disabled:focus, menuitem entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + menuitem entry:disabled:active, menuitem entry:disabled:active:hover, menuitem entry:disabled:active:focus, menuitem entry:disabled:active:hover:focus, menuitem entry:disabled:checked, menuitem entry:disabled:checked:hover, menuitem entry:disabled:checked:focus, menuitem entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + menuitem entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + menuitem entry:disabled:active:disabled, menuitem entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + +/********* + ! Popover +**********/ +popover.background { + padding: 0px; + border-radius: 0px; + background-clip: border-box; + background-color: #2d2d2d; + background-image: none; + color: #dedede; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } + .csd popover.background, popover.background { + /*@include border($menu_bg_color);*/ + border-color: rgba(178, 178, 178, 0.5); + border-width: 1px; + border-style: solid; } + .csd popover.background:focus, .csd popover.background:hover, popover.background:focus, popover.background:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.5),0.3); } + .csd popover.background:active, .csd popover.background:active:hover, .csd popover.background:active:focus, .csd popover.background:active:hover:focus, .csd popover.background:checked, .csd popover.background:checked:hover, .csd popover.background:checked:focus, .csd popover.background:checked:hover:focus, popover.background:active, popover.background:active:hover, popover.background:active:focus, popover.background:active:hover:focus, popover.background:checked, popover.background:checked:hover, popover.background:checked:focus, popover.background:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.5); } + .csd popover.background:disabled, popover.background:disabled { + border-color: rgba(189, 189, 189, 0.5); } + .csd popover.background:active:disabled, .csd popover.background:checked:disabled, popover.background:active:disabled, popover.background:checked:disabled { + border-color: rgba(178, 178, 178, 0.5); } + popover.background:backdrop { + box-shadow: none; } + popover.background treeview.view:hover, popover.background treeview.view:selected, popover.background treeview.view:selected:focus, popover.background treeview.view:backdrop:selected, popover.background treeview.view:backdrop:selected:focus { + border-top-color: #990000; } + popover.background treeview.view, popover.background treeview.view:backdrop { + border-top-color: #363636; } + popover.background view:hover, popover.background .view:hover, popover.background iconview:hover, popover.background list:hover { + background-image: none; + background-color: #990000; + color: #dedede; } + popover.background view, popover.background view:backdrop, popover.background .view, popover.background iconview, popover.background .view:backdrop, popover.background iconview:backdrop, popover.background list, popover.background list:backdrop { + background-color: #3b3b3b; + background-image: none; + color: #dedede; + border-color: #242424; } + popover.background list row, popover.background list row .button { + background-color: transparent; + background-image: none; + color: #dedede; } + popover.background list row:focus, popover.background list row:hover, popover.background list row:active, popover.background list row .button:focus, popover.background list row .button:hover, popover.background list row .button:active { + background-image: none; + background-color: #990000; + color: #dedede; } + popover.background .frame { + border-color: #242424; + border-radius: 0px; } + popover.background entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + popover.background entry:focus, popover.background entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + popover.background entry:active, popover.background entry:active:hover, popover.background entry:active:focus, popover.background entry:active:hover:focus, popover.background entry:checked, popover.background entry:checked:hover, popover.background entry:checked:focus, popover.background entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + popover.background entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + popover.background entry:active:disabled, popover.background entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + popover.background entry:focus, popover.background entry:active { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.08),0.3); } + popover.background entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + popover.background entry:disabled:focus, popover.background entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + popover.background entry:disabled:active, popover.background entry:disabled:active:hover, popover.background entry:disabled:active:focus, popover.background entry:disabled:active:hover:focus, popover.background entry:disabled:checked, popover.background entry:disabled:checked:hover, popover.background entry:disabled:checked:focus, popover.background entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + popover.background entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + popover.background entry:disabled:active:disabled, popover.background entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + popover.background button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + popover.background button:focus, popover.background button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + popover.background button:active, popover.background button:active:hover, popover.background button:active:focus, popover.background button:active:hover:focus, popover.background button:checked, popover.background button:checked:hover, popover.background button:checked:focus, popover.background button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + popover.background button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + popover.background button:active:disabled, popover.background button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + popover.background button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + popover.background button:hover, popover.background button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + popover.background button:hover:focus, popover.background button:hover:hover, popover.background button.flat:hover:focus, popover.background button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + popover.background button:hover:active, popover.background button:hover:active:hover, popover.background button:hover:active:focus, popover.background button:hover:active:hover:focus, popover.background button:hover:checked, popover.background button:hover:checked:hover, popover.background button:hover:checked:focus, popover.background button:hover:checked:hover:focus, popover.background button.flat:hover:active, popover.background button.flat:hover:active:hover, popover.background button.flat:hover:active:focus, popover.background button.flat:hover:active:hover:focus, popover.background button.flat:hover:checked, popover.background button.flat:hover:checked:hover, popover.background button.flat:hover:checked:focus, popover.background button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + popover.background button:hover:disabled, popover.background button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + popover.background button:hover:active:disabled, popover.background button:hover:checked:disabled, popover.background button.flat:hover:active:disabled, popover.background button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + popover.background button:focus, popover.background button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + popover.background button:focus:focus, popover.background button:focus:hover, popover.background button.flat:focus:focus, popover.background button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + popover.background button:focus:active, popover.background button:focus:active:hover, popover.background button:focus:active:focus, popover.background button:focus:active:hover:focus, popover.background button:focus:checked, popover.background button:focus:checked:hover, popover.background button:focus:checked:focus, popover.background button:focus:checked:hover:focus, popover.background button.flat:focus:active, popover.background button.flat:focus:active:hover, popover.background button.flat:focus:active:focus, popover.background button.flat:focus:active:hover:focus, popover.background button.flat:focus:checked, popover.background button.flat:focus:checked:hover, popover.background button.flat:focus:checked:focus, popover.background button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + popover.background button:focus:disabled, popover.background button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + popover.background button:focus:active:disabled, popover.background button:focus:checked:disabled, popover.background button.flat:focus:active:disabled, popover.background button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + popover.background button:focus:hover, popover.background button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + popover.background button:focus:hover:focus, popover.background button:focus:hover:hover, popover.background button.flat:focus:hover:focus, popover.background button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + popover.background button:focus:hover:active, popover.background button:focus:hover:active:hover, popover.background button:focus:hover:active:focus, popover.background button:focus:hover:active:hover:focus, popover.background button:focus:hover:checked, popover.background button:focus:hover:checked:hover, popover.background button:focus:hover:checked:focus, popover.background button:focus:hover:checked:hover:focus, popover.background button.flat:focus:hover:active, popover.background button.flat:focus:hover:active:hover, popover.background button.flat:focus:hover:active:focus, popover.background button.flat:focus:hover:active:hover:focus, popover.background button.flat:focus:hover:checked, popover.background button.flat:focus:hover:checked:hover, popover.background button.flat:focus:hover:checked:focus, popover.background button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + popover.background button:focus:hover:disabled, popover.background button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + popover.background button:focus:hover:active:disabled, popover.background button:focus:hover:checked:disabled, popover.background button.flat:focus:hover:active:disabled, popover.background button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + popover.background button:checked, popover.background button:active, popover.background button.flat:checked, popover.background button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + popover.background button:checked:active, popover.background button:checked:active:hover, popover.background button:checked:active:focus, popover.background button:checked:active:hover:focus, popover.background button:checked:checked, popover.background button:checked:checked:hover, popover.background button:checked:checked:focus, popover.background button:checked:checked:hover:focus, popover.background button:active:active, popover.background button:active:active:hover, popover.background button:active:active:focus, popover.background button:active:active:hover:focus, popover.background button:active:checked, popover.background button:active:checked:hover, popover.background button:active:checked:focus, popover.background button:active:checked:hover:focus, popover.background button.flat:checked:active, popover.background button.flat:checked:active:hover, popover.background button.flat:checked:active:focus, popover.background button.flat:checked:active:hover:focus, popover.background button.flat:checked:checked, popover.background button.flat:checked:checked:hover, popover.background button.flat:checked:checked:focus, popover.background button.flat:checked:checked:hover:focus, popover.background button.flat:active:active, popover.background button.flat:active:active:hover, popover.background button.flat:active:active:focus, popover.background button.flat:active:active:hover:focus, popover.background button.flat:active:checked, popover.background button.flat:active:checked:hover, popover.background button.flat:active:checked:focus, popover.background button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + popover.background button:checked:disabled, popover.background button:active:disabled, popover.background button.flat:checked:disabled, popover.background button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + popover.background button:checked:active:disabled, popover.background button:checked:checked:disabled, popover.background button:active:active:disabled, popover.background button:active:checked:disabled, popover.background button.flat:checked:active:disabled, popover.background button.flat:checked:checked:disabled, popover.background button.flat:active:active:disabled, popover.background button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + popover.background button:focus, popover.background button:hover, popover.background button.flat:focus, popover.background button.flat:hover { + color: #dedede; } + popover.background button:disabled:disabled, popover.background button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + popover.background button:active:disabled, popover.background button:checked:disabled, popover.background button.flat:active:disabled, popover.background button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + popover.background button.separator, popover.background button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + popover.background button.separator:disabled, popover.background button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + popover.background .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + popover.background .linked > button:focus, popover.background .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + popover.background .linked > button:active, popover.background .linked > button:active:hover, popover.background .linked > button:active:focus, popover.background .linked > button:active:hover:focus, popover.background .linked > button:checked, popover.background .linked > button:checked:hover, popover.background .linked > button:checked:focus, popover.background .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + popover.background .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + popover.background .linked > button:last-child, popover.background .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + popover.background .linked > button:last-child:hover, popover.background .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + popover.background .linked > button:disabled:last-child, popover.background .linked > button:disabled:only-child, popover.background .linked > button:active:disabled:last-child, popover.background .linked > button:active:disabled:only-child, popover.background .linked > button:checked:disabled:last-child, popover.background .linked > button:checked:disabled:only-child { + box-shadow: none; } + popover.background .linked > button:active:last-child, popover.background .linked > button:active:last-child:focus, popover.background .linked > button:active:last-child:hover, popover.background .linked > button:active:last-child:hover:focus, popover.background .linked > button:checked:last-child, popover.background .linked > button:checked:last-child:focus, popover.background .linked > button:checked:last-child:hover, popover.background .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + popover.background .linked > button:active:only-child, popover.background .linked > button:active:only-child:focus, popover.background .linked > button:active:only-child:hover, popover.background .linked > button:active:only-child:hover:focus, popover.background .linked > button:checked:only-child, popover.background .linked > button:checked:only-child:focus, popover.background .linked > button:checked:only-child:hover, popover.background .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { + border-style: none; + background-color: transparent; } + +modelbutton.flat, +menuitem.button.flat { + padding: 3px 5px; + outline-color: transparent; + transition: none; } + modelbutton.flat:hover, + menuitem.button.flat:hover { + background-color: #990000; + color: #dedede; } + modelbutton.flat:checked, + menuitem.button.flat:checked { + color: #dedede; } + modelbutton.flat arrow.left, + menuitem.button.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, + menuitem.button.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child { + margin-right: 8px; } + +/*************** +! Dimmed label * +****************/ +.dim-label, label.separator { + opacity: .5; + text-shadow: none; } + +/*********** + ! Tooltip * +************/ +.tooltip.background, .tooltip.background.csd, +tooltip.background, +tooltip.background.csd { + background-color: #2d2d2d; + background-clip: padding-box; + border: 1px solid #242424; + border-radius: 0px; + color: #dedede; } +.tooltip *, +tooltip * { + background-color: transparent; + color: inherit; } + +/*********** + ! Dialogs * +************/ +messagedialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: 0; + -GtkDialog-action-area-border: 0; + -GtkDialog-button-spacing: 3px; + margin: 0; + padding: 0; } + +printdialog paper { + color: #dedede; + border: 1px solid mix(#2d2d2d,#dedede,0.08); + background: #fff; + padding: 0; } + printdialog paper:backdrop { + color: mix(#dedede,#2d2d2d,0.5); + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } +printdialog .dialog-action-box { + margin: 6px; } + +/********************* + ! App notifications * +**********************/ +frame.app-notification { + border-style: solid; + border-color: rgba(36, 36, 36, 0.8); + border-width: 0 1px 1px; + border-radius: 0 0 0px 0px; + padding: 6px; + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + color: #dedede; } + frame.app-notification button { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + frame.app-notification button:focus, frame.app-notification button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + frame.app-notification button:active, frame.app-notification button:active:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover:focus, frame.app-notification button:checked, frame.app-notification button:checked:hover, frame.app-notification button:checked:focus, frame.app-notification button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + frame.app-notification button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + frame.app-notification button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + frame.app-notification button:hover, frame.app-notification button.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + frame.app-notification button:hover:focus, frame.app-notification button:hover:hover, frame.app-notification button.flat:hover:focus, frame.app-notification button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + frame.app-notification button:hover:active, frame.app-notification button:hover:active:hover, frame.app-notification button:hover:active:focus, frame.app-notification button:hover:active:hover:focus, frame.app-notification button:hover:checked, frame.app-notification button:hover:checked:hover, frame.app-notification button:hover:checked:focus, frame.app-notification button:hover:checked:hover:focus, frame.app-notification button.flat:hover:active, frame.app-notification button.flat:hover:active:hover, frame.app-notification button.flat:hover:active:focus, frame.app-notification button.flat:hover:active:hover:focus, frame.app-notification button.flat:hover:checked, frame.app-notification button.flat:hover:checked:hover, frame.app-notification button.flat:hover:checked:focus, frame.app-notification button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + frame.app-notification button:hover:disabled, frame.app-notification button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + frame.app-notification button:hover:active:disabled, frame.app-notification button:hover:checked:disabled, frame.app-notification button.flat:hover:active:disabled, frame.app-notification button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + frame.app-notification button:focus, frame.app-notification button.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + frame.app-notification button:focus:focus, frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:focus, frame.app-notification button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + frame.app-notification button:focus:active, frame.app-notification button:focus:active:hover, frame.app-notification button:focus:active:focus, frame.app-notification button:focus:active:hover:focus, frame.app-notification button:focus:checked, frame.app-notification button:focus:checked:hover, frame.app-notification button:focus:checked:focus, frame.app-notification button:focus:checked:hover:focus, frame.app-notification button.flat:focus:active, frame.app-notification button.flat:focus:active:hover, frame.app-notification button.flat:focus:active:focus, frame.app-notification button.flat:focus:active:hover:focus, frame.app-notification button.flat:focus:checked, frame.app-notification button.flat:focus:checked:hover, frame.app-notification button.flat:focus:checked:focus, frame.app-notification button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + frame.app-notification button:focus:disabled, frame.app-notification button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + frame.app-notification button:focus:active:disabled, frame.app-notification button:focus:checked:disabled, frame.app-notification button.flat:focus:active:disabled, frame.app-notification button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + frame.app-notification button:focus:hover, frame.app-notification button.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + frame.app-notification button:focus:hover:focus, frame.app-notification button:focus:hover:hover, frame.app-notification button.flat:focus:hover:focus, frame.app-notification button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + frame.app-notification button:focus:hover:active, frame.app-notification button:focus:hover:active:hover, frame.app-notification button:focus:hover:active:focus, frame.app-notification button:focus:hover:active:hover:focus, frame.app-notification button:focus:hover:checked, frame.app-notification button:focus:hover:checked:hover, frame.app-notification button:focus:hover:checked:focus, frame.app-notification button:focus:hover:checked:hover:focus, frame.app-notification button.flat:focus:hover:active, frame.app-notification button.flat:focus:hover:active:hover, frame.app-notification button.flat:focus:hover:active:focus, frame.app-notification button.flat:focus:hover:active:hover:focus, frame.app-notification button.flat:focus:hover:checked, frame.app-notification button.flat:focus:hover:checked:hover, frame.app-notification button.flat:focus:hover:checked:focus, frame.app-notification button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + frame.app-notification button:focus:hover:disabled, frame.app-notification button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + frame.app-notification button:focus:hover:active:disabled, frame.app-notification button:focus:hover:checked:disabled, frame.app-notification button.flat:focus:hover:active:disabled, frame.app-notification button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + frame.app-notification button:checked, frame.app-notification button:active, frame.app-notification button.flat:checked, frame.app-notification button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + frame.app-notification button:checked:active, frame.app-notification button:checked:active:hover, frame.app-notification button:checked:active:focus, frame.app-notification button:checked:active:hover:focus, frame.app-notification button:checked:checked, frame.app-notification button:checked:checked:hover, frame.app-notification button:checked:checked:focus, frame.app-notification button:checked:checked:hover:focus, frame.app-notification button:active:active, frame.app-notification button:active:active:hover, frame.app-notification button:active:active:focus, frame.app-notification button:active:active:hover:focus, frame.app-notification button:active:checked, frame.app-notification button:active:checked:hover, frame.app-notification button:active:checked:focus, frame.app-notification button:active:checked:hover:focus, frame.app-notification button.flat:checked:active, frame.app-notification button.flat:checked:active:hover, frame.app-notification button.flat:checked:active:focus, frame.app-notification button.flat:checked:active:hover:focus, frame.app-notification button.flat:checked:checked, frame.app-notification button.flat:checked:checked:hover, frame.app-notification button.flat:checked:checked:focus, frame.app-notification button.flat:checked:checked:hover:focus, frame.app-notification button.flat:active:active, frame.app-notification button.flat:active:active:hover, frame.app-notification button.flat:active:active:focus, frame.app-notification button.flat:active:active:hover:focus, frame.app-notification button.flat:active:checked, frame.app-notification button.flat:active:checked:hover, frame.app-notification button.flat:active:checked:focus, frame.app-notification button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + frame.app-notification button:checked:disabled, frame.app-notification button:active:disabled, frame.app-notification button.flat:checked:disabled, frame.app-notification button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + frame.app-notification button:checked:active:disabled, frame.app-notification button:checked:checked:disabled, frame.app-notification button:active:active:disabled, frame.app-notification button:active:checked:disabled, frame.app-notification button.flat:checked:active:disabled, frame.app-notification button.flat:checked:checked:disabled, frame.app-notification button.flat:active:active:disabled, frame.app-notification button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + frame.app-notification button:focus, frame.app-notification button:hover, frame.app-notification button.flat:focus, frame.app-notification button.flat:hover { + color: #dedede; } + frame.app-notification button:disabled:disabled, frame.app-notification button.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled, frame.app-notification button.flat:active:disabled, frame.app-notification button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + frame.app-notification button.separator, frame.app-notification button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + frame.app-notification button.separator:disabled, frame.app-notification button .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + frame.app-notification border { + border: 0; } + +/************* + ! 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: alpha(currentColor,0.8); } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/******************* + ! Symbolic images * +********************/ +.image { + color: alpha(currentColor,0.5); } + .image:hover { + color: alpha(currentColor,0.9); } + .image:selected, .image:selected:hover { + color: #dedede; } + +/**************** + ! Floating bar * +*****************/ +.floating-bar { + background-color: #2d2d2d; + background-image: none; + border: 1px solid #242424; + border-radius: 0px; + color: #dedede; } + .floating-bar.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; } + .floating-bar.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .floating-bar.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .floating-bar.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .floating-bar button { + border: 0; + background-color: transparent; + background-image: none; } + +/************************* + ! Touch text selections * +**************************/ +GtkBubbleWindow { + border-radius: 0px; + background-clip: border-box; } + GtkBubbleWindow.osd.background { + background-color: rgba(45, 45, 45, 0.8); } + GtkBubbleWindow .toolbar { + background-color: transparent; } + +/*************** + ! Font-viewer * +****************/ +SushiFontWidget { + padding: 3px 6px; } + +/************* + ! Gucharmap * +**************/ +GucharmapChartable { + background-color: #2d2d2d; + color: #dedede; } + +/************* + ! Evolution * +**************/ +EPreviewPane .entry { + background-color: #2d2d2d; + color: #dedede; } + +/******************* + ! Gnome Bluetooth * +********************/ +entry.entry.pin-entry { + font-style: normal; + font-size: 50px; + padding-left: 15px; + padding-right: 15px; } + +label.pin-label { + font-style: normal; + font-size: 50px; } + +/************************ + ! Shortcut window keys * +*************************/ +.keycap { + min-width: 20px; + min-height: 24px; + margin-top: 2px; + padding-bottom: 1.5px; + padding-left: 3px; + padding-right: 3px; + color: #dedede; + background-color: #2d2d2d; + border: 1px solid; + border-color: mix(mix(#2d2d2d,#dedede,0.08),#2d2d2d,0.5); + border-radius: 0px; + box-shadow: inset 0 -3px mix(#2d2d2d,#2d2d2d,0.2); + font-size: smaller; } + .keycap:backdrop { + background-color: #2d2d2d; + color: mix(#dedede,#2d2d2d,0.5); + transition: 200ms ease-out; } + +/***************** + ! Stackswitcher * +******************/ +stackswitcher button.text-button { + min-width: 80px; } +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 28px; + min-height: 28px; + padding: 0; } + +/******************* + ! Selected Items * +********************/ +entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, +#XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, +menuitem.button.flat:active, +menuitem.button.flat:active arrow, +menuitem.button.flat:selected, +menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + background-color: #990000; } + row:selected label, label:selected, entry selection, menuitem entry selection, popover.background entry selection, .osd entry selection, + #XfceNotifyWindow entry selection, #login_window entry selection, calendar:selected, row:selected, flowbox flowboxchild:selected, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, + menuitem.button.flat:active, + menuitem.button.flat:active arrow, + menuitem.button.flat:selected, + menuitem.button.flat:selected arrow, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + color: #dedede; + outline-color: rgba(222, 222, 222, 0.3); } + row:selected label:disabled, label:disabled:selected, label:disabled selection, entry selection:disabled, + #XfceNotifyWindow entry selection:disabled, #login_window entry selection:disabled, calendar:disabled:selected, row:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, + menuitem.button.flat:disabled:active, + menuitem.button.flat:active arrow:disabled, + menuitem.button.flat:disabled:selected, + menuitem.button.flat:selected arrow:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, .cs-category-view:disabled:selected, .cs-category-view iconview:disabled:selected:focus, .cs-category-view iconview:disabled:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:disabled:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected { + color: mix(#dedede,#990000,0.5); } + row:selected label:backdrop, label:backdrop:selected, label:backdrop selection, entry selection:backdrop, + #XfceNotifyWindow entry selection:backdrop, #login_window entry selection:backdrop, calendar:backdrop:selected, row:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:active, modelbutton.flat:active arrow:backdrop, modelbutton.flat:backdrop:selected, modelbutton.flat:selected arrow:backdrop, + menuitem.button.flat:backdrop:active, + menuitem.button.flat:active arrow:backdrop, + menuitem.button.flat:backdrop:selected, + menuitem.button.flat:selected arrow:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, .cs-category-view:backdrop:selected, .cs-category-view iconview:backdrop:selected:focus, .cs-category-view iconview:backdrop:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:selected:focus, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected { + background-color: #990000; + color: mix(#990000,#dedede,0.66); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, entry selection:backdrop:disabled, + #XfceNotifyWindow entry selection:backdrop:disabled, #login_window entry selection:backdrop:disabled, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:active, modelbutton.flat:active arrow:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, modelbutton.flat:selected arrow:backdrop:disabled, + menuitem.button.flat:backdrop:disabled:active, + menuitem.button.flat:active arrow:backdrop:disabled, + menuitem.button.flat:backdrop:disabled:selected, + menuitem.button.flat:selected arrow:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, .cs-category-view:backdrop:disabled:selected, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:disabled:selected { + color: mix(mix(#990000,#dedede,0.66),#990000,0.3); } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********** + ! Notebook +***********/ +notebook { + padding: 0; } + notebook.frame { + border: 1px solid mix(#2d2d2d,#dedede,0.08); } + notebook.frame > header { + margin: -1px; } + notebook.frame > header.top { + margin-bottom: 0; } + notebook.frame > header.bottom { + margin-top: 0; } + notebook.frame > header.left { + margin-right: 0; } + notebook.frame > header.right { + margin-left: 0; } + notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; } + notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; } + notebook > stack:not(:only-child) { + background-color: #2d2d2d; } + notebook > header { + padding: 3px; + background-color: #2d2d2d; } + notebook > header.top { + box-shadow: inset 0 -1px mix(#2d2d2d,#dedede,0.08); } + notebook > header.bottom { + box-shadow: inset 0 1px mix(#2d2d2d,#dedede,0.08); } + notebook > header.right { + box-shadow: inset 1px 0 mix(#2d2d2d,#dedede,0.08); } + notebook > header.left { + box-shadow: inset -1px 0 mix(#2d2d2d,#dedede,0.08); } + notebook > header.top { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + border-top-width: 3px; + border-radius: 1px 1px 0 0; } + notebook > header.top > tabs > tab:checked { + border-top-color: #990000; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + border-bottom-width: 3px; + border-radius: 0 0 1px 1px; } + notebook > header.bottom > tabs > tab:checked { + border-bottom-color: #990000; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + border-right-width: 3px; + border-radius: 0 1px 1px 0; } + notebook > header.right > tabs > tab:checked { + border-right-color: #990000; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 3px 11px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + border-left-width: 3px; + border-radius: 1px 0 0 1px; } + notebook > header.left > tabs > tab:checked { + border-left-color: #990000; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + 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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + 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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: mix(#dedede,#2d2d2d,0.5); } + notebook > header > tabs > arrow:hover { + color: mix(#dedede,mix(#dedede,#2d2d2d,0.5),0.5); } + notebook > header > tabs > arrow:active { + color: #dedede; } + notebook > header > tabs > arrow:disabled { + color: alpha(mix(#dedede,#2d2d2d,0.5),0.3); } + notebook > header.top > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 -1px mix(#2d2d2d,#dedede,0.08); } + notebook > header.bottom > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 1px mix(#2d2d2d,#dedede,0.08); } + notebook > header.left > tabs > tab:hover:not(:checked) { + box-shadow: inset -1px 0 mix(#2d2d2d,#dedede,0.08); } + notebook > header.right > tabs > tab:hover:not(:checked) { + box-shadow: inset 1px 0 mix(#2d2d2d,#dedede,0.08); } + notebook > header > tabs > tab { + color: rgba(222, 222, 222, 0.8); + background-color: alpha(mix(#2d2d2d,#dedede,0.1),0.7); } + notebook > header > tabs > tab:hover:not(:checked) { + color: mix(#dedede,mix(#dedede,#2d2d2d,0.5),0.5); + background-color: rgba(45, 45, 45, 0.5); + border-color: mix(#2d2d2d,#dedede,0.08); } + notebook > header > tabs > tab:checked { + border-color: mix(#2d2d2d,#dedede,0.08); + color: #dedede; + background-color: #2d2d2d; } + notebook > header > tabs > tab button.flat { + min-height: 22px; + min-width: 16px; + padding: 0; + color: mix(#2d2d2d,#dedede,0.35); } + notebook > header > tabs > tab button.flat:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + color: #990000; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/******* + ! OSD * +********/ +overlay.osd { + background-color: transparent; } + +colorchooser .popover.osd { + border-radius: 0px; } + +button.color .osd colorswatch:only-child { + box-shadow: none; } +.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child { + box-shadow: none; } + +button.osd, +#XfceNotifyWindow button { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + button.osd:focus, button.osd:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + button.osd:active, button.osd:active:hover, button.osd:active:focus, button.osd:active:hover:focus, button.osd:checked, button.osd:checked:hover, button.osd:checked:focus, button.osd:checked:hover:focus, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover:focus, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + button.osd:disabled, + #XfceNotifyWindow button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + button.osd:active:disabled, button.osd:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + button.osd.flat, + #XfceNotifyWindow button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + button.osd:hover, button.osd.flat:hover, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + button.osd:hover:focus, button.osd:hover:hover, button.osd.flat:hover:focus, button.osd.flat:hover:hover, + #XfceNotifyWindow button:hover:focus, + #XfceNotifyWindow button:hover:hover, + #XfceNotifyWindow button.flat:hover:focus, + #XfceNotifyWindow button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button.osd:hover:active, button.osd:hover:active:hover, button.osd:hover:active:focus, button.osd:hover:active:hover:focus, button.osd:hover:checked, button.osd:hover:checked:hover, button.osd:hover:checked:focus, button.osd:hover:checked:hover:focus, button.osd.flat:hover:active, button.osd.flat:hover:active:hover, button.osd.flat:hover:active:focus, button.osd.flat:hover:active:hover:focus, button.osd.flat:hover:checked, button.osd.flat:hover:checked:hover, button.osd.flat:hover:checked:focus, button.osd.flat:hover:checked:hover:focus, + #XfceNotifyWindow button:hover:active, + #XfceNotifyWindow button:hover:active:hover, + #XfceNotifyWindow button:hover:active:focus, + #XfceNotifyWindow button:hover:active:hover:focus, + #XfceNotifyWindow button:hover:checked, + #XfceNotifyWindow button:hover:checked:hover, + #XfceNotifyWindow button:hover:checked:focus, + #XfceNotifyWindow button:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:hover:active, + #XfceNotifyWindow button.flat:hover:active:hover, + #XfceNotifyWindow button.flat:hover:active:focus, + #XfceNotifyWindow button.flat:hover:active:hover:focus, + #XfceNotifyWindow button.flat:hover:checked, + #XfceNotifyWindow button.flat:hover:checked:hover, + #XfceNotifyWindow button.flat:hover:checked:focus, + #XfceNotifyWindow button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button.osd:hover:disabled, button.osd.flat:hover:disabled, + #XfceNotifyWindow button:hover:disabled, + #XfceNotifyWindow button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button.osd:hover:active:disabled, button.osd:hover:checked:disabled, button.osd.flat:hover:active:disabled, button.osd.flat:hover:checked:disabled, + #XfceNotifyWindow button:hover:active:disabled, + #XfceNotifyWindow button:hover:checked:disabled, + #XfceNotifyWindow button.flat:hover:active:disabled, + #XfceNotifyWindow button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button.osd:focus, button.osd.flat:focus, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + button.osd:focus:focus, button.osd:focus:hover, button.osd.flat:focus:focus, button.osd.flat:focus:hover, + #XfceNotifyWindow button:focus:focus, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:focus, + #XfceNotifyWindow button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button.osd:focus:active, button.osd:focus:active:hover, button.osd:focus:active:focus, button.osd:focus:active:hover:focus, button.osd:focus:checked, button.osd:focus:checked:hover, button.osd:focus:checked:focus, button.osd:focus:checked:hover:focus, button.osd.flat:focus:active, button.osd.flat:focus:active:hover, button.osd.flat:focus:active:focus, button.osd.flat:focus:active:hover:focus, button.osd.flat:focus:checked, button.osd.flat:focus:checked:hover, button.osd.flat:focus:checked:focus, button.osd.flat:focus:checked:hover:focus, + #XfceNotifyWindow button:focus:active, + #XfceNotifyWindow button:focus:active:hover, + #XfceNotifyWindow button:focus:active:focus, + #XfceNotifyWindow button:focus:active:hover:focus, + #XfceNotifyWindow button:focus:checked, + #XfceNotifyWindow button:focus:checked:hover, + #XfceNotifyWindow button:focus:checked:focus, + #XfceNotifyWindow button:focus:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:active, + #XfceNotifyWindow button.flat:focus:active:hover, + #XfceNotifyWindow button.flat:focus:active:focus, + #XfceNotifyWindow button.flat:focus:active:hover:focus, + #XfceNotifyWindow button.flat:focus:checked, + #XfceNotifyWindow button.flat:focus:checked:hover, + #XfceNotifyWindow button.flat:focus:checked:focus, + #XfceNotifyWindow button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button.osd:focus:disabled, button.osd.flat:focus:disabled, + #XfceNotifyWindow button:focus:disabled, + #XfceNotifyWindow button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button.osd:focus:active:disabled, button.osd:focus:checked:disabled, button.osd.flat:focus:active:disabled, button.osd.flat:focus:checked:disabled, + #XfceNotifyWindow button:focus:active:disabled, + #XfceNotifyWindow button:focus:checked:disabled, + #XfceNotifyWindow button.flat:focus:active:disabled, + #XfceNotifyWindow button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button.osd:focus:hover, button.osd.flat:focus:hover, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + button.osd:focus:hover:focus, button.osd:focus:hover:hover, button.osd.flat:focus:hover:focus, button.osd.flat:focus:hover:hover, + #XfceNotifyWindow button:focus:hover:focus, + #XfceNotifyWindow button:focus:hover:hover, + #XfceNotifyWindow button.flat:focus:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + button.osd:focus:hover:active, button.osd:focus:hover:active:hover, button.osd:focus:hover:active:focus, button.osd:focus:hover:active:hover:focus, button.osd:focus:hover:checked, button.osd:focus:hover:checked:hover, button.osd:focus:hover:checked:focus, button.osd:focus:hover:checked:hover:focus, button.osd.flat:focus:hover:active, button.osd.flat:focus:hover:active:hover, button.osd.flat:focus:hover:active:focus, button.osd.flat:focus:hover:active:hover:focus, button.osd.flat:focus:hover:checked, button.osd.flat:focus:hover:checked:hover, button.osd.flat:focus:hover:checked:focus, button.osd.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow button:focus:hover:active, + #XfceNotifyWindow button:focus:hover:active:hover, + #XfceNotifyWindow button:focus:hover:active:focus, + #XfceNotifyWindow button:focus:hover:active:hover:focus, + #XfceNotifyWindow button:focus:hover:checked, + #XfceNotifyWindow button:focus:hover:checked:hover, + #XfceNotifyWindow button:focus:hover:checked:focus, + #XfceNotifyWindow button:focus:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:active, + #XfceNotifyWindow button.flat:focus:hover:active:hover, + #XfceNotifyWindow button.flat:focus:hover:active:focus, + #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:checked, + #XfceNotifyWindow button.flat:focus:hover:checked:hover, + #XfceNotifyWindow button.flat:focus:hover:checked:focus, + #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + button.osd:focus:hover:disabled, button.osd.flat:focus:hover:disabled, + #XfceNotifyWindow button:focus:hover:disabled, + #XfceNotifyWindow button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + button.osd:focus:hover:active:disabled, button.osd:focus:hover:checked:disabled, button.osd.flat:focus:hover:active:disabled, button.osd.flat:focus:hover:checked:disabled, + #XfceNotifyWindow button:focus:hover:active:disabled, + #XfceNotifyWindow button:focus:hover:checked:disabled, + #XfceNotifyWindow button.flat:focus:hover:active:disabled, + #XfceNotifyWindow button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + button.osd:checked, button.osd:active, button.osd.flat:checked, button.osd.flat:active, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button.flat:checked, + #XfceNotifyWindow button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + button.osd:checked:active, button.osd:checked:active:hover, button.osd:checked:active:focus, button.osd:checked:active:hover:focus, button.osd:checked:checked, button.osd:checked:checked:hover, button.osd:checked:checked:focus, button.osd:checked:checked:hover:focus, button.osd:active:active, button.osd:active:active:hover, button.osd:active:active:focus, button.osd:active:active:hover:focus, button.osd:active:checked, button.osd:active:checked:hover, button.osd:active:checked:focus, button.osd:active:checked:hover:focus, button.osd.flat:checked:active, button.osd.flat:checked:active:hover, button.osd.flat:checked:active:focus, button.osd.flat:checked:active:hover:focus, button.osd.flat:checked:checked, button.osd.flat:checked:checked:hover, button.osd.flat:checked:checked:focus, button.osd.flat:checked:checked:hover:focus, button.osd.flat:active:active, button.osd.flat:active:active:hover, button.osd.flat:active:active:focus, button.osd.flat:active:active:hover:focus, button.osd.flat:active:checked, button.osd.flat:active:checked:hover, button.osd.flat:active:checked:focus, button.osd.flat:active:checked:hover:focus, + #XfceNotifyWindow button:checked:active, + #XfceNotifyWindow button:checked:active:hover, + #XfceNotifyWindow button:checked:active:focus, + #XfceNotifyWindow button:checked:active:hover:focus, + #XfceNotifyWindow button:checked:checked, + #XfceNotifyWindow button:checked:checked:hover, + #XfceNotifyWindow button:checked:checked:focus, + #XfceNotifyWindow button:checked:checked:hover:focus, + #XfceNotifyWindow button:active:active, + #XfceNotifyWindow button:active:active:hover, + #XfceNotifyWindow button:active:active:focus, + #XfceNotifyWindow button:active:active:hover:focus, + #XfceNotifyWindow button:active:checked, + #XfceNotifyWindow button:active:checked:hover, + #XfceNotifyWindow button:active:checked:focus, + #XfceNotifyWindow button:active:checked:hover:focus, + #XfceNotifyWindow button.flat:checked:active, + #XfceNotifyWindow button.flat:checked:active:hover, + #XfceNotifyWindow button.flat:checked:active:focus, + #XfceNotifyWindow button.flat:checked:active:hover:focus, + #XfceNotifyWindow button.flat:checked:checked, + #XfceNotifyWindow button.flat:checked:checked:hover, + #XfceNotifyWindow button.flat:checked:checked:focus, + #XfceNotifyWindow button.flat:checked:checked:hover:focus, + #XfceNotifyWindow button.flat:active:active, + #XfceNotifyWindow button.flat:active:active:hover, + #XfceNotifyWindow button.flat:active:active:focus, + #XfceNotifyWindow button.flat:active:active:hover:focus, + #XfceNotifyWindow button.flat:active:checked, + #XfceNotifyWindow button.flat:active:checked:hover, + #XfceNotifyWindow button.flat:active:checked:focus, + #XfceNotifyWindow button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + button.osd:checked:disabled, button.osd:active:disabled, button.osd.flat:checked:disabled, button.osd.flat:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + button.osd:checked:active:disabled, button.osd:checked:checked:disabled, button.osd:active:active:disabled, button.osd:active:checked:disabled, button.osd.flat:checked:active:disabled, button.osd.flat:checked:checked:disabled, button.osd.flat:active:active:disabled, button.osd.flat:active:checked:disabled, + #XfceNotifyWindow button:checked:active:disabled, + #XfceNotifyWindow button:checked:checked:disabled, + #XfceNotifyWindow button:active:active:disabled, + #XfceNotifyWindow button:active:checked:disabled, + #XfceNotifyWindow button.flat:checked:active:disabled, + #XfceNotifyWindow button.flat:checked:checked:disabled, + #XfceNotifyWindow button.flat:active:active:disabled, + #XfceNotifyWindow button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + button.osd:checked:focus, button.osd:checked:hover, button.osd:active:focus, button.osd:active:hover, button.osd.flat:checked:focus, button.osd.flat:checked:hover, button.osd.flat:active:focus, button.osd.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + button.osd:focus, button.osd:hover, button.osd.flat:focus, button.osd.flat:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:focus, + #XfceNotifyWindow button.flat:hover { + color: #dedede; } + button.osd:disabled:disabled, button.osd.flat:disabled:disabled, + #XfceNotifyWindow button:disabled:disabled, + #XfceNotifyWindow button.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + button.osd:active:disabled, button.osd:checked:disabled, button.osd.flat:active:disabled, button.osd.flat:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + button.osd.separator, button.osd .separator, + #XfceNotifyWindow button.separator, + #XfceNotifyWindow button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + button.osd.separator:disabled, button.osd .separator:disabled, + #XfceNotifyWindow button.separator:disabled, + #XfceNotifyWindow button .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + button.osd.image-button, + #XfceNotifyWindow button.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + +toolbar.osd { + -GtkToolbar-button-relief: normal; + padding: 3px; + border: 1px solid rgba(36, 36, 36, 0.8); + border-radius: 0px; + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + color: #dedede; } + toolbar.osd separator { + color: rgba(41, 41, 41, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + +progressbar.osd { + margin: 2px; + min-height: 2px; + min-width: 2px; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; } + progressbar.osd progress { + border-style: none; + border-radius: 0; + background-color: #990000; + background-image: none; } + +.osd, +#XfceNotifyWindow { + background-color: rgba(45, 45, 45, 0.8); + color: #dedede; + /* used by gnome-settings-daemon's media-keys OSD */ + /* used by Documents */ } + .osd.background, + #XfceNotifyWindow.background { + background-color: rgba(45, 45, 45, 0.6); + color: #dedede; } + .osd .frame, + #XfceNotifyWindow .frame { + background-clip: border-box; + background-origin: border-box; } + .osd button, + #XfceNotifyWindow button { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .osd button:focus, .osd button:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd button:active, .osd button:active:hover, .osd button:active:focus, .osd button:active:hover:focus, .osd button:checked, .osd button:checked:hover, .osd button:checked:focus, .osd button:checked:hover:focus, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover:focus, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd button:disabled, + #XfceNotifyWindow button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd button:active:disabled, .osd button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd button.flat, + #XfceNotifyWindow button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + .osd button:hover, .osd button.flat:hover, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .osd button:hover:focus, .osd button:hover:hover, .osd button.flat:hover:focus, .osd button.flat:hover:hover, + #XfceNotifyWindow button:hover:focus, + #XfceNotifyWindow button:hover:hover, + #XfceNotifyWindow button.flat:hover:focus, + #XfceNotifyWindow button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd button:hover:active, .osd button:hover:active:hover, .osd button:hover:active:focus, .osd button:hover:active:hover:focus, .osd button:hover:checked, .osd button:hover:checked:hover, .osd button:hover:checked:focus, .osd button:hover:checked:hover:focus, .osd button.flat:hover:active, .osd button.flat:hover:active:hover, .osd button.flat:hover:active:focus, .osd button.flat:hover:active:hover:focus, .osd button.flat:hover:checked, .osd button.flat:hover:checked:hover, .osd button.flat:hover:checked:focus, .osd button.flat:hover:checked:hover:focus, + #XfceNotifyWindow button:hover:active, + #XfceNotifyWindow button:hover:active:hover, + #XfceNotifyWindow button:hover:active:focus, + #XfceNotifyWindow button:hover:active:hover:focus, + #XfceNotifyWindow button:hover:checked, + #XfceNotifyWindow button:hover:checked:hover, + #XfceNotifyWindow button:hover:checked:focus, + #XfceNotifyWindow button:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:hover:active, + #XfceNotifyWindow button.flat:hover:active:hover, + #XfceNotifyWindow button.flat:hover:active:focus, + #XfceNotifyWindow button.flat:hover:active:hover:focus, + #XfceNotifyWindow button.flat:hover:checked, + #XfceNotifyWindow button.flat:hover:checked:hover, + #XfceNotifyWindow button.flat:hover:checked:focus, + #XfceNotifyWindow button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd button:hover:disabled, .osd button.flat:hover:disabled, + #XfceNotifyWindow button:hover:disabled, + #XfceNotifyWindow button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd button:hover:active:disabled, .osd button:hover:checked:disabled, .osd button.flat:hover:active:disabled, .osd button.flat:hover:checked:disabled, + #XfceNotifyWindow button:hover:active:disabled, + #XfceNotifyWindow button:hover:checked:disabled, + #XfceNotifyWindow button.flat:hover:active:disabled, + #XfceNotifyWindow button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd button:focus, .osd button.flat:focus, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .osd button:focus:focus, .osd button:focus:hover, .osd button.flat:focus:focus, .osd button.flat:focus:hover, + #XfceNotifyWindow button:focus:focus, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:focus, + #XfceNotifyWindow button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd button:focus:active, .osd button:focus:active:hover, .osd button:focus:active:focus, .osd button:focus:active:hover:focus, .osd button:focus:checked, .osd button:focus:checked:hover, .osd button:focus:checked:focus, .osd button:focus:checked:hover:focus, .osd button.flat:focus:active, .osd button.flat:focus:active:hover, .osd button.flat:focus:active:focus, .osd button.flat:focus:active:hover:focus, .osd button.flat:focus:checked, .osd button.flat:focus:checked:hover, .osd button.flat:focus:checked:focus, .osd button.flat:focus:checked:hover:focus, + #XfceNotifyWindow button:focus:active, + #XfceNotifyWindow button:focus:active:hover, + #XfceNotifyWindow button:focus:active:focus, + #XfceNotifyWindow button:focus:active:hover:focus, + #XfceNotifyWindow button:focus:checked, + #XfceNotifyWindow button:focus:checked:hover, + #XfceNotifyWindow button:focus:checked:focus, + #XfceNotifyWindow button:focus:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:active, + #XfceNotifyWindow button.flat:focus:active:hover, + #XfceNotifyWindow button.flat:focus:active:focus, + #XfceNotifyWindow button.flat:focus:active:hover:focus, + #XfceNotifyWindow button.flat:focus:checked, + #XfceNotifyWindow button.flat:focus:checked:hover, + #XfceNotifyWindow button.flat:focus:checked:focus, + #XfceNotifyWindow button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd button:focus:disabled, .osd button.flat:focus:disabled, + #XfceNotifyWindow button:focus:disabled, + #XfceNotifyWindow button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd button:focus:active:disabled, .osd button:focus:checked:disabled, .osd button.flat:focus:active:disabled, .osd button.flat:focus:checked:disabled, + #XfceNotifyWindow button:focus:active:disabled, + #XfceNotifyWindow button:focus:checked:disabled, + #XfceNotifyWindow button.flat:focus:active:disabled, + #XfceNotifyWindow button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd button:focus:hover, .osd button.flat:focus:hover, + #XfceNotifyWindow button:focus:hover, + #XfceNotifyWindow button.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .osd button:focus:hover:focus, .osd button:focus:hover:hover, .osd button.flat:focus:hover:focus, .osd button.flat:focus:hover:hover, + #XfceNotifyWindow button:focus:hover:focus, + #XfceNotifyWindow button:focus:hover:hover, + #XfceNotifyWindow button.flat:focus:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd button:focus:hover:active, .osd button:focus:hover:active:hover, .osd button:focus:hover:active:focus, .osd button:focus:hover:active:hover:focus, .osd button:focus:hover:checked, .osd button:focus:hover:checked:hover, .osd button:focus:hover:checked:focus, .osd button:focus:hover:checked:hover:focus, .osd button.flat:focus:hover:active, .osd button.flat:focus:hover:active:hover, .osd button.flat:focus:hover:active:focus, .osd button.flat:focus:hover:active:hover:focus, .osd button.flat:focus:hover:checked, .osd button.flat:focus:hover:checked:hover, .osd button.flat:focus:hover:checked:focus, .osd button.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow button:focus:hover:active, + #XfceNotifyWindow button:focus:hover:active:hover, + #XfceNotifyWindow button:focus:hover:active:focus, + #XfceNotifyWindow button:focus:hover:active:hover:focus, + #XfceNotifyWindow button:focus:hover:checked, + #XfceNotifyWindow button:focus:hover:checked:hover, + #XfceNotifyWindow button:focus:hover:checked:focus, + #XfceNotifyWindow button:focus:hover:checked:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:active, + #XfceNotifyWindow button.flat:focus:hover:active:hover, + #XfceNotifyWindow button.flat:focus:hover:active:focus, + #XfceNotifyWindow button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow button.flat:focus:hover:checked, + #XfceNotifyWindow button.flat:focus:hover:checked:hover, + #XfceNotifyWindow button.flat:focus:hover:checked:focus, + #XfceNotifyWindow button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd button:focus:hover:disabled, .osd button.flat:focus:hover:disabled, + #XfceNotifyWindow button:focus:hover:disabled, + #XfceNotifyWindow button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd button:focus:hover:active:disabled, .osd button:focus:hover:checked:disabled, .osd button.flat:focus:hover:active:disabled, .osd button.flat:focus:hover:checked:disabled, + #XfceNotifyWindow button:focus:hover:active:disabled, + #XfceNotifyWindow button:focus:hover:checked:disabled, + #XfceNotifyWindow button.flat:focus:hover:active:disabled, + #XfceNotifyWindow button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd button:checked, .osd button:active, .osd button.flat:checked, .osd button.flat:active, + #XfceNotifyWindow button:checked, + #XfceNotifyWindow button:active, + #XfceNotifyWindow button.flat:checked, + #XfceNotifyWindow button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd button:checked:active, .osd button:checked:active:hover, .osd button:checked:active:focus, .osd button:checked:active:hover:focus, .osd button:checked:checked, .osd button:checked:checked:hover, .osd button:checked:checked:focus, .osd button:checked:checked:hover:focus, .osd button:active:active, .osd button:active:active:hover, .osd button:active:active:focus, .osd button:active:active:hover:focus, .osd button:active:checked, .osd button:active:checked:hover, .osd button:active:checked:focus, .osd button:active:checked:hover:focus, .osd button.flat:checked:active, .osd button.flat:checked:active:hover, .osd button.flat:checked:active:focus, .osd button.flat:checked:active:hover:focus, .osd button.flat:checked:checked, .osd button.flat:checked:checked:hover, .osd button.flat:checked:checked:focus, .osd button.flat:checked:checked:hover:focus, .osd button.flat:active:active, .osd button.flat:active:active:hover, .osd button.flat:active:active:focus, .osd button.flat:active:active:hover:focus, .osd button.flat:active:checked, .osd button.flat:active:checked:hover, .osd button.flat:active:checked:focus, .osd button.flat:active:checked:hover:focus, + #XfceNotifyWindow button:checked:active, + #XfceNotifyWindow button:checked:active:hover, + #XfceNotifyWindow button:checked:active:focus, + #XfceNotifyWindow button:checked:active:hover:focus, + #XfceNotifyWindow button:checked:checked, + #XfceNotifyWindow button:checked:checked:hover, + #XfceNotifyWindow button:checked:checked:focus, + #XfceNotifyWindow button:checked:checked:hover:focus, + #XfceNotifyWindow button:active:active, + #XfceNotifyWindow button:active:active:hover, + #XfceNotifyWindow button:active:active:focus, + #XfceNotifyWindow button:active:active:hover:focus, + #XfceNotifyWindow button:active:checked, + #XfceNotifyWindow button:active:checked:hover, + #XfceNotifyWindow button:active:checked:focus, + #XfceNotifyWindow button:active:checked:hover:focus, + #XfceNotifyWindow button.flat:checked:active, + #XfceNotifyWindow button.flat:checked:active:hover, + #XfceNotifyWindow button.flat:checked:active:focus, + #XfceNotifyWindow button.flat:checked:active:hover:focus, + #XfceNotifyWindow button.flat:checked:checked, + #XfceNotifyWindow button.flat:checked:checked:hover, + #XfceNotifyWindow button.flat:checked:checked:focus, + #XfceNotifyWindow button.flat:checked:checked:hover:focus, + #XfceNotifyWindow button.flat:active:active, + #XfceNotifyWindow button.flat:active:active:hover, + #XfceNotifyWindow button.flat:active:active:focus, + #XfceNotifyWindow button.flat:active:active:hover:focus, + #XfceNotifyWindow button.flat:active:checked, + #XfceNotifyWindow button.flat:active:checked:hover, + #XfceNotifyWindow button.flat:active:checked:focus, + #XfceNotifyWindow button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd button:checked:disabled, .osd button:active:disabled, .osd button.flat:checked:disabled, .osd button.flat:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd button:checked:active:disabled, .osd button:checked:checked:disabled, .osd button:active:active:disabled, .osd button:active:checked:disabled, .osd button.flat:checked:active:disabled, .osd button.flat:checked:checked:disabled, .osd button.flat:active:active:disabled, .osd button.flat:active:checked:disabled, + #XfceNotifyWindow button:checked:active:disabled, + #XfceNotifyWindow button:checked:checked:disabled, + #XfceNotifyWindow button:active:active:disabled, + #XfceNotifyWindow button:active:checked:disabled, + #XfceNotifyWindow button.flat:checked:active:disabled, + #XfceNotifyWindow button.flat:checked:checked:disabled, + #XfceNotifyWindow button.flat:active:active:disabled, + #XfceNotifyWindow button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover, + #XfceNotifyWindow button:checked:focus, + #XfceNotifyWindow button:checked:hover, + #XfceNotifyWindow button:active:focus, + #XfceNotifyWindow button:active:hover, + #XfceNotifyWindow button.flat:checked:focus, + #XfceNotifyWindow button.flat:checked:hover, + #XfceNotifyWindow button.flat:active:focus, + #XfceNotifyWindow button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd button:focus, .osd button:hover, .osd button.flat:focus, .osd button.flat:hover, + #XfceNotifyWindow button:focus, + #XfceNotifyWindow button:hover, + #XfceNotifyWindow button.flat:focus, + #XfceNotifyWindow button.flat:hover { + color: #dedede; } + .osd button:disabled:disabled, .osd button.flat:disabled:disabled, + #XfceNotifyWindow button:disabled:disabled, + #XfceNotifyWindow button.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + .osd button:active:disabled, .osd button:checked:disabled, .osd button.flat:active:disabled, .osd button.flat:checked:disabled, + #XfceNotifyWindow button:active:disabled, + #XfceNotifyWindow button:checked:disabled, + #XfceNotifyWindow button.flat:active:disabled, + #XfceNotifyWindow button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd button.separator, .osd button .separator, + #XfceNotifyWindow button.separator, + #XfceNotifyWindow button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + .osd button.separator:disabled, .osd button .separator:disabled, + #XfceNotifyWindow button.separator:disabled, + #XfceNotifyWindow button .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + .osd entry, + #XfceNotifyWindow entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + .osd entry:focus, .osd entry:hover, + #XfceNotifyWindow entry:focus, + #XfceNotifyWindow entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + .osd entry:active, .osd entry:active:hover, .osd entry:active:focus, .osd entry:active:hover:focus, .osd entry:checked, .osd entry:checked:hover, .osd entry:checked:focus, .osd entry:checked:hover:focus, + #XfceNotifyWindow entry:active, + #XfceNotifyWindow entry:active:hover, + #XfceNotifyWindow entry:active:focus, + #XfceNotifyWindow entry:active:hover:focus, + #XfceNotifyWindow entry:checked, + #XfceNotifyWindow entry:checked:hover, + #XfceNotifyWindow entry:checked:focus, + #XfceNotifyWindow entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + .osd entry:disabled, + #XfceNotifyWindow entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + .osd entry:active:disabled, .osd entry:checked:disabled, + #XfceNotifyWindow entry:active:disabled, + #XfceNotifyWindow entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + .osd entry:focus, .osd entry:active, + #XfceNotifyWindow entry:focus, + #XfceNotifyWindow entry:active { + border-color: mix(#990000,rgba(38, 38, 38, 0.8),0.3); } + .osd entry:disabled, + #XfceNotifyWindow entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + .osd entry:disabled:focus, .osd entry:disabled:hover, + #XfceNotifyWindow entry:disabled:focus, + #XfceNotifyWindow entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + .osd entry:disabled:active, .osd entry:disabled:active:hover, .osd entry:disabled:active:focus, .osd entry:disabled:active:hover:focus, .osd entry:disabled:checked, .osd entry:disabled:checked:hover, .osd entry:disabled:checked:focus, .osd entry:disabled:checked:hover:focus, + #XfceNotifyWindow entry:disabled:active, + #XfceNotifyWindow entry:disabled:active:hover, + #XfceNotifyWindow entry:disabled:active:focus, + #XfceNotifyWindow entry:disabled:active:hover:focus, + #XfceNotifyWindow entry:disabled:checked, + #XfceNotifyWindow entry:disabled:checked:hover, + #XfceNotifyWindow entry:disabled:checked:focus, + #XfceNotifyWindow entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + .osd entry:disabled:disabled, + #XfceNotifyWindow entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + .osd entry:disabled:active:disabled, .osd entry:disabled:checked:disabled, + #XfceNotifyWindow entry:disabled:active:disabled, + #XfceNotifyWindow entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + .osd trough, .osd.trough, + #XfceNotifyWindow trough, + #XfceNotifyWindow.trough { + background-color: rgba(222, 222, 222, 0.3); } + .osd progressbar, .osd.progressbar, + #XfceNotifyWindow progressbar, + #XfceNotifyWindow.progressbar { + background-color: #dedede; } + .osd scale slider, + #XfceNotifyWindow scale slider { + background-color: rgba(49, 49, 49, 0.8); + background-image: none; + border-color: rgba(36, 36, 36, 0.8); } + .osd scale slider:focus, .osd scale slider:hover, + #XfceNotifyWindow scale slider:focus, + #XfceNotifyWindow scale slider:hover { + border-color: mix(#990000,rgba(45, 45, 45, 0.8),0.3); } + .osd scale slider:active, .osd scale slider:active:hover, .osd scale slider:active:focus, .osd scale slider:active:hover:focus, .osd scale slider:checked, .osd scale slider:checked:hover, .osd scale slider:checked:focus, .osd scale slider:checked:hover:focus, + #XfceNotifyWindow scale slider:active, + #XfceNotifyWindow scale slider:active:hover, + #XfceNotifyWindow scale slider:active:focus, + #XfceNotifyWindow scale slider:active:hover:focus, + #XfceNotifyWindow scale slider:checked, + #XfceNotifyWindow scale slider:checked:hover, + #XfceNotifyWindow scale slider:checked:focus, + #XfceNotifyWindow scale slider:checked:hover:focus { + border-color: rgba(32, 32, 32, 0.8); } + .osd scale slider:disabled, + #XfceNotifyWindow scale slider:disabled { + border-color: rgba(38, 38, 38, 0.8); } + .osd scale slider:active:disabled, .osd scale slider:checked:disabled, + #XfceNotifyWindow scale slider:active:disabled, + #XfceNotifyWindow scale slider:checked:disabled { + border-color: rgba(36, 36, 36, 0.8); } + .osd scale slider:disabled, + #XfceNotifyWindow scale slider:disabled { + background-color: rgba(41, 41, 41, 0.8); + background-image: none; } + .osd scale trough, + #XfceNotifyWindow scale trough { + border-color: rgba(36, 36, 36, 0.8); + background-color: rgba(49, 49, 49, 0.8); + background-image: none; } + .osd scale trough.highlight, + #XfceNotifyWindow scale trough.highlight { + border-color: #990000; + background-color: #990000; + background-image: none; } + .osd scale trough:disabled, .osd scale trough.highlight:disabled, + #XfceNotifyWindow scale trough:disabled, + #XfceNotifyWindow scale trough.highlight:disabled { + border-color: rgba(38, 38, 38, 0.8); + background-color: rgba(41, 41, 41, 0.8); + background-image: none; } + .osd scale trough, + #XfceNotifyWindow scale trough { + background-color: rgba(63, 63, 63, 0.8); } + .osd scale trough highlight, + #XfceNotifyWindow scale trough highlight { + background-color: #990000; } + .osd scale slider, + #XfceNotifyWindow scale slider { + background-clip: border-box; + background-color: #990000; + border-color: #990000; } + .osd scale slider:hover, + #XfceNotifyWindow scale slider:hover { + background-color: #cc0000; + border-color: #cc0000; } + .osd scale slider:active, + #XfceNotifyWindow scale slider:active { + background-color: #660000; + border-color: #660000; } + .osd.view, iconview.osd, .osd .view, .osd iconview, .osd view, + #XfceNotifyWindow.view, + iconview#XfceNotifyWindow, + #XfceNotifyWindow .view, + #XfceNotifyWindow iconview, + #XfceNotifyWindow view { + background-color: rgba(45, 45, 45, 0.8); } + .osd scrollbar trough, + #XfceNotifyWindow scrollbar trough { + background-color: rgba(45, 45, 45, 0.8); } + .osd scrollbar slider, + #XfceNotifyWindow scrollbar slider { + border: 1px solid mix(rgba(39, 39, 39, 0.8),#dedede,0.21); + border-radius: 0; + background-color: mix(rgba(45, 45, 45, 0.8),#dedede,0.21); } + .osd scrollbar slider:hover, + #XfceNotifyWindow scrollbar slider:hover { + border-color: mix(rgba(39, 39, 39, 0.8),#dedede,0.31); + background-color: mix(rgba(45, 45, 45, 0.8),#dedede,0.31); } + .osd scrollbar slider:active, + #XfceNotifyWindow scrollbar slider:active { + border-color: #8a0000; + background-color: #990000; } + .osd iconview.cell:selected, .osd iconview.cell:selected:focus, + #XfceNotifyWindow iconview.cell:selected, + #XfceNotifyWindow iconview.cell:selected:focus { + background-color: transparent; + border: 3px solid mix(rgba(39, 39, 39, 0.8),#dedede,0.21); + border-radius: 0px; + outline-color: transparent; } + .osd .page-thumbnail, + #XfceNotifyWindow .page-thumbnail { + border: 1px solid rgba(41, 41, 41, 0.8); + /* when there's no pixbuf yet */ + background-color: rgba(45, 45, 45, 0.8); } + .osd popover.background, + #XfceNotifyWindow popover.background { + box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.5); } + .osd popover.background > toolbar button, + #XfceNotifyWindow popover.background > toolbar button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; } + .osd spinbutton:not(.vertical), + #XfceNotifyWindow spinbutton:not(.vertical) { + background-color: #2d2d2d; + background-image: none; + border-color: #242424; + padding: 0; + color: #dedede; + caret-color: #dedede; } + .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):hover, + #XfceNotifyWindow spinbutton:not(.vertical):focus, + #XfceNotifyWindow spinbutton:not(.vertical):hover { + border-color: mix(#990000,#2d2d2d,0.3); } + .osd spinbutton:not(.vertical):active, .osd spinbutton:not(.vertical):active:hover, .osd spinbutton:not(.vertical):active:focus, .osd spinbutton:not(.vertical):active:hover:focus, .osd spinbutton:not(.vertical):checked, .osd spinbutton:not(.vertical):checked:hover, .osd spinbutton:not(.vertical):checked:focus, .osd spinbutton:not(.vertical):checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical):active, + #XfceNotifyWindow spinbutton:not(.vertical):active:hover, + #XfceNotifyWindow spinbutton:not(.vertical):active:focus, + #XfceNotifyWindow spinbutton:not(.vertical):active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical):checked, + #XfceNotifyWindow spinbutton:not(.vertical):checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical):checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical):checked:hover:focus { + border-color: #202020; } + .osd spinbutton:not(.vertical):disabled, + #XfceNotifyWindow spinbutton:not(.vertical):disabled { + border-color: #262626; } + .osd spinbutton:not(.vertical):active:disabled, .osd spinbutton:not(.vertical):checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical):active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical):checked:disabled { + border-color: #242424; } + .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active, + #XfceNotifyWindow spinbutton:not(.vertical):focus, + #XfceNotifyWindow spinbutton:not(.vertical):active { + border-color: mix(#990000,rgba(38, 38, 38, 0.8),0.3); } + .osd spinbutton:not(.vertical):disabled, + #XfceNotifyWindow spinbutton:not(.vertical):disabled { + background-color: #292929; + background-image: none; + color: mix(#2d2d2d,#dedede,0.5); } + .osd spinbutton:not(.vertical) button, + #XfceNotifyWindow spinbutton:not(.vertical) button { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); + border-radius: 0; + border-color: rgba(38, 38, 38, 0.5); + border-style: none none none solid; + background-image: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover:focus, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd spinbutton:not(.vertical) button:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton:not(.vertical) button.flat, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .osd spinbutton:not(.vertical) button:hover:focus, .osd spinbutton:not(.vertical) button:hover:hover, .osd spinbutton:not(.vertical) button.flat:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton:not(.vertical) button:hover:active, .osd spinbutton:not(.vertical) button:hover:active:hover, .osd spinbutton:not(.vertical) button:hover:active:focus, .osd spinbutton:not(.vertical) button:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:hover:checked, .osd spinbutton:not(.vertical) button:hover:checked:hover, .osd spinbutton:not(.vertical) button:hover:checked:focus, .osd spinbutton:not(.vertical) button:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:active, .osd spinbutton:not(.vertical) button.flat:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton:not(.vertical) button:hover:disabled, .osd spinbutton:not(.vertical) button.flat:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton:not(.vertical) button:hover:active:disabled, .osd spinbutton:not(.vertical) button:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button.flat:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .osd spinbutton:not(.vertical) button:focus:focus, .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton:not(.vertical) button:focus:active, .osd spinbutton:not(.vertical) button:focus:active:hover, .osd spinbutton:not(.vertical) button:focus:active:focus, .osd spinbutton:not(.vertical) button:focus:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:checked, .osd spinbutton:not(.vertical) button:focus:checked:hover, .osd spinbutton:not(.vertical) button:focus:checked:focus, .osd spinbutton:not(.vertical) button:focus:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:active, .osd spinbutton:not(.vertical) button.flat:focus:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton:not(.vertical) button:focus:disabled, .osd spinbutton:not(.vertical) button.flat:focus:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton:not(.vertical) button:focus:active:disabled, .osd spinbutton:not(.vertical) button:focus:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton:not(.vertical) button:focus:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .osd spinbutton:not(.vertical) button:focus:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton:not(.vertical) button:focus:hover:active, .osd spinbutton:not(.vertical) button:focus:hover:active:hover, .osd spinbutton:not(.vertical) button:focus:hover:active:focus, .osd spinbutton:not(.vertical) button:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton:not(.vertical) button:focus:hover:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton:not(.vertical) button:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button:focus:hover:checked:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, .osd spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button.flat:checked, .osd spinbutton:not(.vertical) button.flat:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd spinbutton:not(.vertical) button:checked:active, .osd spinbutton:not(.vertical) button:checked:active:hover, .osd spinbutton:not(.vertical) button:checked:active:focus, .osd spinbutton:not(.vertical) button:checked:active:hover:focus, .osd spinbutton:not(.vertical) button:checked:checked, .osd spinbutton:not(.vertical) button:checked:checked:hover, .osd spinbutton:not(.vertical) button:checked:checked:focus, .osd spinbutton:not(.vertical) button:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button:active:active, .osd spinbutton:not(.vertical) button:active:active:hover, .osd spinbutton:not(.vertical) button:active:active:focus, .osd spinbutton:not(.vertical) button:active:active:hover:focus, .osd spinbutton:not(.vertical) button:active:checked, .osd spinbutton:not(.vertical) button:active:checked:hover, .osd spinbutton:not(.vertical) button:active:checked:focus, .osd spinbutton:not(.vertical) button:active:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:active, .osd spinbutton:not(.vertical) button.flat:checked:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:active:focus, .osd spinbutton:not(.vertical) button.flat:checked:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover, .osd spinbutton:not(.vertical) button.flat:checked:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:active, .osd spinbutton:not(.vertical) button.flat:active:active:hover, .osd spinbutton:not(.vertical) button.flat:active:active:focus, .osd spinbutton:not(.vertical) button.flat:active:active:hover:focus, .osd spinbutton:not(.vertical) button.flat:active:checked, .osd spinbutton:not(.vertical) button.flat:active:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:checked:focus, .osd spinbutton:not(.vertical) button.flat:active:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:hover:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd spinbutton:not(.vertical) button:checked:active:disabled, .osd spinbutton:not(.vertical) button:checked:checked:disabled, .osd spinbutton:not(.vertical) button:active:active:disabled, .osd spinbutton:not(.vertical) button:active:checked:disabled, .osd spinbutton:not(.vertical) button.flat:checked:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:active:disabled, .osd spinbutton:not(.vertical) button.flat:active:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton:not(.vertical) button:checked:focus, .osd spinbutton:not(.vertical) button:checked:hover, .osd spinbutton:not(.vertical) button:active:focus, .osd spinbutton:not(.vertical) button:active:hover, .osd spinbutton:not(.vertical) button.flat:checked:focus, .osd spinbutton:not(.vertical) button.flat:checked:hover, .osd spinbutton:not(.vertical) button.flat:active:focus, .osd spinbutton:not(.vertical) button.flat:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd spinbutton:not(.vertical) button:focus, .osd spinbutton:not(.vertical) button:hover, .osd spinbutton:not(.vertical) button.flat:focus, .osd spinbutton:not(.vertical) button.flat:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:focus, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:hover { + color: #dedede; } + .osd spinbutton:not(.vertical) button:disabled:disabled, .osd spinbutton:not(.vertical) button.flat:disabled:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:active:disabled, .osd spinbutton:not(.vertical) button:checked:disabled, .osd spinbutton:not(.vertical) button.flat:active:disabled, .osd spinbutton:not(.vertical) button.flat:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:active:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd spinbutton:not(.vertical) button.separator, .osd spinbutton:not(.vertical) button .separator, + #XfceNotifyWindow spinbutton:not(.vertical) button.separator, + #XfceNotifyWindow spinbutton:not(.vertical) button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + .osd spinbutton:not(.vertical) button.separator:disabled, .osd spinbutton:not(.vertical) button .separator:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button.separator:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + .osd spinbutton:not(.vertical) button:dir(rtl), + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:active, .osd spinbutton:not(.vertical) button:checked, .osd spinbutton:not(.vertical) button:hover, + #XfceNotifyWindow spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:checked, + #XfceNotifyWindow spinbutton:not(.vertical) button:hover { + color: #dedede; } + .osd spinbutton:not(.vertical) button:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:disabled { + color: alpha(mix(#dedede,#2d2d2d,0.6),0.8); } + .osd spinbutton:not(.vertical) button:backdrop, + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop { + color: mix(#2d2d2d,mix(#dedede,#2d2d2d,0.5),0.9); } + .osd spinbutton:not(.vertical) button:active, + #XfceNotifyWindow spinbutton:not(.vertical) button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .osd spinbutton:not(.vertical) button:backdrop:disabled, + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(7, 7, 7, 0.8); + border-style: none none none solid; } + .osd spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), + #XfceNotifyWindow spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child, + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 0px 0 0 0px; } + .osd spinbutton:not(.vertical) button:dir(ltr):last-child, + #XfceNotifyWindow spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 0px 0px 0; } + .osd spinbutton.vertical button:first-child, + #XfceNotifyWindow spinbutton.vertical button:first-child { + background-color: rgba(45, 45, 45, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover:focus, .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd spinbutton.vertical button:first-child:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton.vertical button:first-child.flat, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .osd spinbutton.vertical button:first-child:hover:focus, .osd spinbutton.vertical button:first-child:hover:hover, .osd spinbutton.vertical button:first-child.flat:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton.vertical button:first-child:hover:active, .osd spinbutton.vertical button:first-child:hover:active:hover, .osd spinbutton.vertical button:first-child:hover:active:focus, .osd spinbutton.vertical button:first-child:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:hover:checked, .osd spinbutton.vertical button:first-child:hover:checked:hover, .osd spinbutton.vertical button:first-child:hover:checked:focus, .osd spinbutton.vertical button:first-child:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:active, .osd spinbutton.vertical button:first-child.flat:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton.vertical button:first-child:hover:disabled, .osd spinbutton.vertical button:first-child.flat:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton.vertical button:first-child:hover:active:disabled, .osd spinbutton.vertical button:first-child:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child.flat:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus { + background-color: rgba(47, 47, 47, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .osd spinbutton.vertical button:first-child:focus:focus, .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton.vertical button:first-child:focus:active, .osd spinbutton.vertical button:first-child:focus:active:hover, .osd spinbutton.vertical button:first-child:focus:active:focus, .osd spinbutton.vertical button:first-child:focus:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:checked, .osd spinbutton.vertical button:first-child:focus:checked:hover, .osd spinbutton.vertical button:first-child:focus:checked:focus, .osd spinbutton.vertical button:first-child:focus:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:active, .osd spinbutton.vertical button:first-child.flat:focus:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton.vertical button:first-child:focus:disabled, .osd spinbutton.vertical button:first-child.flat:focus:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton.vertical button:first-child:focus:active:disabled, .osd spinbutton.vertical button:first-child:focus:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton.vertical button:first-child:focus:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover { + background-color: rgba(50, 50, 50, 0.8); + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .osd spinbutton.vertical button:first-child:focus:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .osd spinbutton.vertical button:first-child:focus:hover:active, .osd spinbutton.vertical button:first-child:focus:hover:active:hover, .osd spinbutton.vertical button:first-child:focus:hover:active:focus, .osd spinbutton.vertical button:first-child:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .osd spinbutton.vertical button:first-child:focus:hover:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .osd spinbutton.vertical button:first-child:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child:focus:hover:checked:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, .osd spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus:hover:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .osd spinbutton.vertical button:first-child:checked, .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical button:first-child.flat:checked, .osd spinbutton.vertical button:first-child.flat:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .osd spinbutton.vertical button:first-child:checked:active, .osd spinbutton.vertical button:first-child:checked:active:hover, .osd spinbutton.vertical button:first-child:checked:active:focus, .osd spinbutton.vertical button:first-child:checked:active:hover:focus, .osd spinbutton.vertical button:first-child:checked:checked, .osd spinbutton.vertical button:first-child:checked:checked:hover, .osd spinbutton.vertical button:first-child:checked:checked:focus, .osd spinbutton.vertical button:first-child:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child:active:active, .osd spinbutton.vertical button:first-child:active:active:hover, .osd spinbutton.vertical button:first-child:active:active:focus, .osd spinbutton.vertical button:first-child:active:active:hover:focus, .osd spinbutton.vertical button:first-child:active:checked, .osd spinbutton.vertical button:first-child:active:checked:hover, .osd spinbutton.vertical button:first-child:active:checked:focus, .osd spinbutton.vertical button:first-child:active:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:active, .osd spinbutton.vertical button:first-child.flat:checked:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:active:focus, .osd spinbutton.vertical button:first-child.flat:checked:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover, .osd spinbutton.vertical button:first-child.flat:checked:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:active, .osd spinbutton.vertical button:first-child.flat:active:active:hover, .osd spinbutton.vertical button:first-child.flat:active:active:focus, .osd spinbutton.vertical button:first-child.flat:active:active:hover:focus, .osd spinbutton.vertical button:first-child.flat:active:checked, .osd spinbutton.vertical button:first-child.flat:active:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:checked:focus, .osd spinbutton.vertical button:first-child.flat:active:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:hover:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .osd spinbutton.vertical button:first-child:checked:active:disabled, .osd spinbutton.vertical button:first-child:checked:checked:disabled, .osd spinbutton.vertical button:first-child:active:active:disabled, .osd spinbutton.vertical button:first-child:active:checked:disabled, .osd spinbutton.vertical button:first-child.flat:checked:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:active:disabled, .osd spinbutton.vertical button:first-child.flat:active:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .osd spinbutton.vertical button:first-child:checked:focus, .osd spinbutton.vertical button:first-child:checked:hover, .osd spinbutton.vertical button:first-child:active:focus, .osd spinbutton.vertical button:first-child:active:hover, .osd spinbutton.vertical button:first-child.flat:checked:focus, .osd spinbutton.vertical button:first-child.flat:checked:hover, .osd spinbutton.vertical button:first-child.flat:active:focus, .osd spinbutton.vertical button:first-child.flat:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .osd spinbutton.vertical button:first-child:focus, .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical button:first-child.flat:focus, .osd spinbutton.vertical button:first-child.flat:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child:hover, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:focus, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:hover { + color: #dedede; } + .osd spinbutton.vertical button:first-child:disabled:disabled, .osd spinbutton.vertical button:first-child.flat:disabled:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:disabled:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:disabled:disabled { + background-color: alpha(mix(rgba(45, 45, 45, 0.8),#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(rgba(45, 45, 45, 0.8),#dedede,0.5); + box-shadow: none; } + .osd spinbutton.vertical button:first-child:active:disabled, .osd spinbutton.vertical button:first-child:checked:disabled, .osd spinbutton.vertical button:first-child.flat:active:disabled, .osd spinbutton.vertical button:first-child.flat:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child:checked:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:active:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .osd spinbutton.vertical button:first-child.separator, .osd spinbutton.vertical button:first-child .separator, + #XfceNotifyWindow spinbutton.vertical button:first-child.separator, + #XfceNotifyWindow spinbutton.vertical button:first-child .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.7); } + .osd spinbutton.vertical button:first-child.separator:disabled, .osd spinbutton.vertical button:first-child .separator:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child.separator:disabled, + #XfceNotifyWindow spinbutton.vertical button:first-child .separator:disabled { + color: rgba(45, 45, 45, 0.65); } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(153, 0, 0, 0.2)), to(rgba(153, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: 0; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(153, 0, 0, 0.35)), to(rgba(153, 0, 0, 0.25))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: 0; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: 0; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, mix(#2d2d2d,#dedede,0.08) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #202020; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9) 1px, transparent 1px); + background-color: #252525; + transition: 200ms ease-out; } + +/***************** + ! Progress bars * +******************/ +progressbar { + padding: 0; + border-radius: 0px; + font-size: smaller; + color: rgba(222, 222, 222, 0.6); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar trough { + border: 1px solid mix(#2d2d2d,#dedede,0.17); + background-color: #313131; + background-image: none; + border-radius: 0px; } + progressbar progress { + background-color: #990000; + background-image: none; + border-radius: 0; } + progressbar progress.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + progressbar progress.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + progressbar progress.bottom { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } + progressbar progress.top { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } + +levelbar.horizontal block { + min-width: 34px; + min-height: 4px; } +levelbar.vertical block { + min-width: 4px; + min-height: 34px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + background-color: #313131; + background-image: none; + border: 1px solid mix(#2d2d2d,#dedede,0.17); + border-radius: 0px; + padding: 2px; } +levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.horizontal.discrete block:first-child { + margin: 0; } +levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar.vertical.discrete block:first-child { + margin: 0; } +levelbar block { + background-color: #990000; + background-image: none; + border-color: transparent; + border-radius: 0px; } + levelbar block.low { + background-color: #ef6c00; + border-color: transparent; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #4caf50; + border-color: transparent; } + levelbar block.full { + background-color: #7a0000; + border-color: transparent; } + levelbar block.empty { + background-color: transparent; + border-color: transparent; + box-shadow: none; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 3px; } + scale.horizontal trough { + padding: 0 3px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 3px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; } + scale.fine-tune slider { + margin: -7px; } + scale.fine-tune highlight { + background-color: #a80000; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 2.5px; + background-color: mix(#2d2d2d,#dedede,0.2); } + scale trough:disabled { + background-color: mix(#2d2d2d,#dedede,0.1); } + menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: #dedede; } + menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: mix(#dedede,#990000,0.55); } + menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 2.5px; + background-color: #990000; } + scale highlight:disabled { + background-color: rgba(153, 0, 0, 0.55); } + scale fill { + border-radius: 2.5px; + background-color: rgba(153, 0, 0, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #2d2d2d; + border: 1px solid rgba(222, 222, 222, 0.16); + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: #3a3a3a; } + scale slider:active { + background-clip: border-box; + background-color: #990000; + border-color: #990000; } + scale slider:disabled { + background-color: mix(#2d2d2d,#2d2d2d,0.55); + border-color: rgba(222, 222, 222, 0); } + menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: #dedede; + border-color: #dedede; } + menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: mix(#dedede,#990000,0.85); + border-color: mix(#dedede,#990000,0.85); } + menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: mix(#dedede,#990000,0.5); + border-color: mix(#dedede,#990000,0.5); } + menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: mix(#dedede,#990000,0.55); + border-color: mix(#dedede,#990000,0.55); } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + scale.color trough { + padding: 0; + border: 0; + background-image: none; } + scale.color highlight, scale.color fill { + margin: 0; } + scale.color.horizontal { + padding: 0 0 6px 0; } + scale.color.horizontal trough { + 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 { + margin-bottom: 0; + margin-top: 0; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 6px; } + scale.color.vertical:dir(ltr) trough { + 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 { + margin-left: 0; + margin-right: 0; } + scale.color.vertical:dir(rtl) { + padding: 0 6px 0 0; } + scale.color.vertical:dir(rtl) trough { + 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 { + margin-right: 0; + margin-left: 0; } + +/*********** + ! Scrollbar +************/ +scrollbar { + background-color: #202020; + transition: 300ms ease-out; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.bottom { + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.left { + border-right: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.right { + border-left: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar:backdrop { + background-color: #252525; + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); + transition: 400ms ease-in; } + scrollbar slider { + min-width: 7px; + min-height: 7px; + border: 1px solid transparent; + border-radius: 0px; + background-clip: padding-box; + background-color: mix(#2d2d2d,#dedede,0.5); } + scrollbar slider:hover { + background-color: mix(#2d2d2d,#dedede,0.7); } + scrollbar slider:hover:active { + background-color: maroon; } + scrollbar slider:backdrop { + background-color: mix(mix(#dedede,#2d2d2d,0.5),#2d2d2d,0.4); } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar.fine-tune slider:active { + background-color: #b30000; } + scrollbar.overlay-indicator { + opacity: .8; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: .4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + background-color: #dedede; + border: 1px solid #fff; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + border-color: transparent; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 7px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 7px; } + scrollbar button { + min-width: 7px; + min-height: 7px; + padding: 0; + border: 0; + border-radius: 0; + border-color: mix(#2d2d2d,#dedede,0.08); + background-color: transparent; + box-shadow: none; + color: mix(#2d2d2d,#dedede,0.5); } + scrollbar button:hover { + color: mix(#2d2d2d,#dedede,0.7); } + scrollbar button:active, scrollbar button:checked { + color: maroon; } + scrollbar button:backdrop { + color: mix(mix(#dedede,#2d2d2d,0.5),#2d2d2d,0.4); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + border-left: 1px solid mix(#2d2d2d,#dedede,0.08); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + border-right: 1px solid mix(#2d2d2d,#dedede,0.08); } + +/********* + ! Sidebar +**********/ +.sidebar { + border-style: none; + background-color: mix(#2d2d2d,#2d2d2d,0.5); } + 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 mix(#2d2d2d,#dedede,0.08); + 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 mix(#2d2d2d,#dedede,0.08); + border-right-style: none; } + .sidebar:backdrop { + background-color: mix(#2d2d2d,#2d2d2d,0.5); + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); + transition: 200ms ease-out; } + .sidebar .frame, .sidebar frame { + border-width: 0; } + .sidebar list { + background-color: transparent; } + 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 row { + padding: 6px 3px; } + stacksidebar row > label { + padding-left: 3px; + padding-right: 3px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 32px; + padding: 0; } + placessidebar row > revealer { + padding: 0 6px; } + placessidebar row:selected { + color: #dedede; } + placessidebar row:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + placessidebar row:backdrop { + color: mix(#dedede,#2d2d2d,0.5); } + placessidebar row:backdrop:selected { + color: mix(#990000,#dedede,0.66); } + placessidebar row:backdrop:disabled { + color: #070707; } + placessidebar row image.sidebar-icon { + opacity: 0.7; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; + padding-left: 3px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; + padding-right: 3px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 20px; + min-width: 20px; + margin-top: 2px; + margin-bottom: 2px; + 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: #990000; } + 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: #dedede; + background-color: #4e9a06; } + +/****** +! Paned +*******/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#292929); + background-size: 1px 1px; + background-position: center center; } + paned > separator:selected { + background-image: image(#990000); } + paned > separator:backdrop { + background-image: image(mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #2d2d2d; + background-image: image(#242424), image(#242424); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #2d2d2d; + background-image: image(mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9)), image(mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9)); } +paned.horizontal > separator { + background-repeat: repeat-y; + padding: 0 2px; + margin: 0 -2px; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + background-repeat: repeat-x; + padding: 2px 0; + margin: -2px 0; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } +paned.titlebar > separator { + background-image: image(#292929); } + +/******************* + ! Spinner animation +********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background-image: none; + color: #990000; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: .5; } + +/*********************** + ! Check and Radio items +************************/ +radio { + background-image: none; + -gtk-icon-source: url("../assets/radio-unchecked.svg"); + min-width: 16px; + min-height: 16px; + margin-right: 3px; } + radio:disabled { + -gtk-icon-source: url("../assets/radio-unchecked-disabled.svg"); } + radio:checked, radio:active { + -gtk-icon-source: url("../assets/radio-checked.svg"); } + radio:checked:disabled, radio:active:disabled { + -gtk-icon-source: url("../assets/radio-checked-disabled.svg"); } + radio:indeterminate { + -gtk-icon-source: url("../assets/radio-mixed.svg"); } + radio:indeterminate:disabled { + -gtk-icon-source: url("../assets/radio-mixed-disabled.svg"); } + menuitem radio, modelbutton radio { + -gtk-icon-source: url("../assets/menuitem-radio-unchecked.svg"); } + menuitem radio:disabled, modelbutton radio:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-checked-disabled.svg"); } + menuitem radio:checked, menuitem radio:active, modelbutton radio:checked, modelbutton radio:active { + -gtk-icon-source: url("../assets/menuitem-radio-checked.svg"); } + menuitem radio:checked:hover, menuitem radio:active:hover, modelbutton radio:checked:hover, modelbutton radio:active:hover { + -gtk-icon-source: url("../assets/menuitem-radio-checked-hover.svg"); } + menuitem radio:checked:disabled, menuitem radio:active:disabled, modelbutton radio:checked:disabled, modelbutton radio:active:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-checked-disabled.svg"); } + menuitem radio:indeterminate, modelbutton radio:indeterminate { + -gtk-icon-source: url("../assets/menuitem-radio-mixed.svg"); } + menuitem radio:indeterminate:hover, modelbutton radio:indeterminate:hover { + -gtk-icon-source: url("../assets/menuitem-radio-mixed-hover.svg"); } + menuitem radio:indeterminate:disabled, modelbutton radio:indeterminate:disabled { + -gtk-icon-source: url("../assets/menuitem-radio-mixed-disabled.svg"); } + +check { + background-image: none; + -gtk-icon-source: url("../assets/checkbox-unchecked.svg"); + min-width: 16px; + min-height: 16px; + margin-right: 3px; } + check:disabled { + -gtk-icon-source: url("../assets/checkbox-unchecked-disabled.svg"); } + check:checked, check:active { + -gtk-icon-source: url("../assets/checkbox-checked.svg"); } + check:checked:disabled, check:active:disabled { + -gtk-icon-source: url("../assets/checkbox-checked-disabled.svg"); } + check:indeterminate { + -gtk-icon-source: url("../assets/checkbox-mixed.svg"); } + check:indeterminate:disabled { + -gtk-icon-source: url("../assets/checkbox-mixed-disabled.svg"); } + menuitem check, modelbutton check { + -gtk-icon-source: url("../assets/menuitem-checkbox-unchecked.svg"); } + menuitem check:disabled, modelbutton check:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-disabled.svg"); } + menuitem check:checked, menuitem check:active, modelbutton check:checked, modelbutton check:active { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked.svg"); } + menuitem check:checked:hover, menuitem check:active:hover, modelbutton check:checked:hover, modelbutton check:active:hover { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-hover.svg"); } + menuitem check:checked:disabled, menuitem check:active:disabled, modelbutton check:checked:disabled, modelbutton check:active:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-checked-disabled.svg"); } + menuitem check:indeterminate, modelbutton check:indeterminate { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed.svg"); } + menuitem check:indeterminate:hover, modelbutton check:indeterminate:hover { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-hover.svg"); } + menuitem check:indeterminate:disabled, modelbutton check:indeterminate:disabled { + -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-disabled.svg"); } + +radio:dir(rtl), check:dir(rtl) { + margin-right: 0; + margin-left: 3px; } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-unchecked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection-checked.svg"); + background-color: transparent; } + +/******** + ! Switch +*********/ +switch { + border-radius: 0px; + padding: 2px; + border: none; + outline: none; + transition: background-color .3s linear; + min-width: 88px; + min-height: 24px; + background-color: mix(#2d2d2d,#2d2d2d,0.3); + color: #dedede; + box-shadow: inset 1px -1px 0 rgba(44, 44, 44, 0.06), inset -1px 1px 0 rgba(44, 44, 44, 0.06); } + switch slider { + background-color: mix(#dedede,#2d2d2d,0.5); + transition: all 0.3s ease-in; + box-shadow: 0 1px 2px 0 rgba(44, 44, 44, 0.07), 1px 0 2px 0 rgba(44, 44, 44, 0.07); + border-radius: 0px; } + switch:checked { + background-color: #990000; + background-image: none; + border-color: #990000; + color: #2d2d2d; } + switch:checked slider { + background-color: #fff; + box-shadow: 0 1px 3px 0 rgba(44, 44, 44, 0.1); } + switch:disabled { + background-color: mix(#2d2d2d,#2d2d2d,0.5); + background-image: none; + border-color: #2d2d2d; + color: #2d2d2d; + box-shadow: none; } + switch:disabled slider { + background-color: #2d2d2d; } + list row:selected switch { + background-color: #2d2d2d; + color: mix(#2d2d2d,#2d2d2d,0.5); } + list row:selected switch slider { + background-color: mix(mix(#2d2d2d,#2d2d2d,0.5),#2d2d2d,0.4); } + list row:selected switch:checked { + color: #990000; + background-color: mix(#dedede,#2d2d2d,0.5); } + list row:selected switch:checked slider { + background-color: #990000; } + +/********* + ! Buttons +**********/ +/****************** +! ComboBoxes * +*******************/ +/********* + ! Toolbar +**********/ +/*************** + ! Generic views +****************/ +.view, iconview, +.view text, +iconview text, +textview text { + color: #dedede; + background-color: #2d2d2d; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: mix(#2d2d2d,#dedede,0.8); + background-color: #2d2d2d; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 0px; } + +textview border { + background-color: mix(#2d2d2d,#2d2d2d,0.5); } + +/************ +! Treeview +*************/ +.rubberband, +rubberband, +flowbox rubberband, +treeview.view rubberband { + border: 1px solid #980000; + background-color: rgba(152, 0, 0, 0.2); } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #2d2d2d; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #2d2d2d; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #990000; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 1px 4px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #2d2d2d; } + treeview.view header button:disabled { + border-color: #2d2d2d; + background-image: none; } + treeview.view header button:backdrop { + border-color: #2d2d2d; + border-style: none solid solid none; + color: mix(mix(#dedede,#2d2d2d,0.5),#2d2d2d,0.5); + background-image: none; + background-color: #2d2d2d; } + treeview.view header button:backdrop:disabled { + border-color: #2d2d2d; + background-image: none; } + +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + border-left-color: mix(#dedede,#2d2d2d,0.5); + border-top-color: #2d2d2d; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: mix(#dedede,#990000,0.5); + border-top-color: rgba(222, 222, 222, 0.1); } + treeview.view:disabled { + color: mix(#dedede,#2d2d2d,0.5); } + treeview.view:disabled:selected { + color: mix(#dedede,#990000,0.4); } + treeview.view:disabled:selected:backdrop { + color: mix(mix(#990000,#dedede,0.66),#990000,0.3); } + treeview.view:disabled:backdrop { + color: #070707; } + treeview.view.separator { + min-height: 2px; + color: #2d2d2d; } + treeview.view.separator:backdrop { + color: rgba(45, 45, 45, 0.1); } + treeview.view:backdrop { + border-left-color: mix(mix(#dedede,#2d2d2d,0.5),#2d2d2d,0.5); + border-top: #2d2d2d; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: mix(#990000,#dedede,0.3); } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: mix(#2d2d2d,#dedede,0.7); } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #dedede; } + treeview.view.expander:selected { + color: mix(#990000,#dedede,0.7); } + treeview.view.expander:selected:hover { + color: #dedede; } + treeview.view.expander:selected:backdrop { + color: mix(#990000,mix(#990000,#dedede,0.66),0.7); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: mix(#2d2d2d,mix(#dedede,#2d2d2d,0.5),0.7); } + treeview.view.progressbar { + color: #2d2d2d; + border-radius: 0px; + border: 1px solid mix(#990000,#dedede,0.3); + background-color: #990000; } + treeview.view.progressbar:selected { + border: 1px solid mix(#990000,#dedede,0.2); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + color: #dedede; + box-shadow: none; + background-color: #990000; + background-image: none; + border-radius: 0px; } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + color: mix(#990000,#dedede,0.66); + border-color: mix(#990000,#dedede,0.3); + background-color: mix(#2d2d2d,#990000,0.9); } + treeview.view.progressbar:disabled { + background-color: #2d2d2d; + background-image: none; + border-color: #262626; } + treeview.view.progressbar:backdrop { + color: #2d2d2d; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(222, 222, 222, 0.1); + border-radius: 0px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(222, 222, 222, 0.3); + border-width: 1px 0; + border-style: solid; + border-color: #990000; + border-radius: 0px; } + treeview.view header button { + color: mix(#dedede,#2d2d2d,0.5); + background-color: #2d2d2d; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: mix(mix(#dedede,#2d2d2d,0.5),#dedede,0.5); + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #dedede; + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view 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: 0 6px; + transition: none; + background-image: none; + background-color: #990000; + color: #2d2d2d; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #2d2d2d; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #990000; } + +/*********** + ! Separator +************/ +separator { + background: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +/********** + ! Frames * +***********/ +frame > border, .frame { + border: 1px solid mix(#2d2d2d,#dedede,0.08); } + frame > border.flat, .frame.flat { + border-style: none; } + frame > border:backdrop, .frame:backdrop { + border-color: mix(#2d2d2d,mix(#2d2d2d,#dedede,0.08),0.9); } + +/* avoid double borders when a viewport is packed into a GtkScrolledWindow */ +scrolledwindow viewport.frame { + border: 0; } + +/*************** + ! Places view * +****************/ +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; } + +/************** + ! Window frame +***************/ +decoration { + border-radius: 0px 0px 0 0; + /* this is used for the resize cursor area */ + border-width: 1px; + border-style: solid; + border-color: #2d2d2d; } + decoration:backdrop { + border-color: #2d2d2d; + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: 0 0 0 1px #990000; } + .solid-csd decoration { + border-radius: 0; + box-shadow: none; } + .csd.popup decoration { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + tooltip.csd decoration { + border-radius: 0px; + box-shadow: none; } + messagedialog.csd decoration { + border-radius: 0px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +/*********************** + ! Fallback mode panel * +************************/ +panel-plug, +panel-toplevel.background, clock-box, clock-box:backdrop, +panel-applet > menubar, +panel-applet > menubar:backdrop, +panel-toplevel .gnome-panel-menu-bar, +panel-toplevel .gnome-panel-menu-bar:backdrop, clock-box menuitem, clock-box:backdrop menuitem, +panel-applet > menubar menuitem, +panel-applet > menubar:backdrop menuitem, +panel-toplevel .gnome-panel-menu-bar menuitem, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem, wnck-pager, wnck-tasklist, .mate-panel-menu-bar, .xfce4-panel, UnityPanelWidget, .unity-panel { + background-color: #2d2d2d; + background-image: none; + color: #dedede; } + +clock-box menuitem label, clock-box:backdrop menuitem label, +panel-applet > menubar menuitem label, +panel-applet > menubar:backdrop menuitem label, +panel-toplevel .gnome-panel-menu-bar menuitem label, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem label, gp-calendar-window label, +#tasklist-button label, +#clock-applet-button label, +#showdesktop-button label { + font-weight: normal; + color: #dedede; } + +#clock-applet-button, #clock-applet-button:backdrop, panel-applet button, panel-applet button:backdrop, .xfce4-panel button, #login_window, #shutdown_dialog, #restart_dialog { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: #dedede; } + #clock-applet-button:hover, panel-applet button:hover, .xfce4-panel button:hover, #login_window:hover, #shutdown_dialog:hover, #restart_dialog:hover { + background-color: mix(#2d2d2d,#dedede,0.11); + background-image: none; + border-color: mix(#2d2d2d,#dedede,0.11); + color: #f0f0f0; } + #clock-applet-button:active, panel-applet button:active, .xfce4-panel button:active, #login_window:active, #shutdown_dialog:active, #restart_dialog:active, #clock-applet-button:checked, panel-applet button:checked, .xfce4-panel button:checked, #login_window:checked, #shutdown_dialog:checked, #restart_dialog:checked { + background-color: mix(#2d2d2d,#dedede,0.21); + background-image: none; + border-color: mix(#2d2d2d,#dedede,0.21); + color: #f0f0f0; } + #clock-applet-button:active:hover, panel-applet button:active:hover, .xfce4-panel button:active:hover, #login_window:active:hover, #shutdown_dialog:active:hover, #restart_dialog:active:hover, #clock-applet-button:checked:hover, panel-applet button:checked:hover, .xfce4-panel button:checked:hover, #login_window:checked:hover, #shutdown_dialog:checked:hover, #restart_dialog:checked:hover { + background-color: mix(#2d2d2d,#dedede,0.31); + background-image: none; + border-color: mix(#2d2d2d,#dedede,0.31); } + +panel-plug, +panel-toplevel.background { + padding: 0; } + +.gp-text-color { + color: #000; } + +panel-applet { + border: 0; } + +clock-box menuitem, clock-box:backdrop menuitem, +panel-applet > menubar menuitem, +panel-applet > menubar:backdrop menuitem, +panel-toplevel .gnome-panel-menu-bar menuitem, +panel-toplevel .gnome-panel-menu-bar:backdrop menuitem { + border: 0; } + +/**************** + ! MATE styles * +*****************/ +.mate-panel-menu-bar { + border: 0; + padding: 0; + text-shadow: none; } + +#PanelApplet label, +.mate-panel-menu-bar menubar > menuitem { + color: #dedede; } + +PanelSeparator, MatePanelAppletFrameDBus { + border-width: 0; + color: transparent; + background-image: -gtk-scaled(url("../assets/pane-handle.png"), url("../assets/pane-handle@2.png")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; } + +#PanelApplet button, +#PanelApplet button.flat, +#PanelApplet button.toggle +#PanelApplet button.flat.toggle { + background-image: none; + background-color: transparent; + border-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 1px; + color: #dedede; + text-shadow: none; + box-shadow: none; + padding: 2px; } + +#PanelApplet button:hover:active, +#PanelApplet button:checked, +#PanelApplet button:checked:hover, +#PanelApplet button.flat:hover:active, +#PanelApplet button.flat:checked, +#PanelApplet button.flat:checked:hover, +#PanelApplet button.toggle:hover:active, +#PanelApplet button.toggle:checked, +#PanelApplet button.toggle:checked:hover, +#PanelApplet button.flat.toggle:hover:active, +#PanelApplet button.flat.toggle:checked, +#PanelApplet button.flat.toggle:checked:hover { + background-image: none; + background-color: darker(#2d2d2d); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: lighter(#dedede); + text-shadow: none; + padding: 2px; } + +#PanelApplet button:hover, +#PanelApplet button.flat:hover, +#PanelApplet button.toggle:hover, +#PanelApplet button.flat.toggle:hover { + background-image: none; + background-color: #3b3b3b; + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: #dedede; + text-shadow: none; + padding: 2px; } + +.mate-panel-menu-bar menubar > menuitem { + padding: 3px 7px; } + +/********************* + ! Cinnamon Settings * +**********************/ +.cs-category-view, .cs-category-view:backdrop, .cs-category-view .view, .cs-category-view iconview, .cs-category-view .view:backdrop, .cs-category-view iconview:backdrop { + background-color: transparent; } + +/**************** + ! Gnome clocks * +*****************/ +.clocks-analog-frame.trough { + color: mix(#dedede,#2d2d2d,0.85); } +.clocks-analog-frame.progress { + color: mix(#2d2d2d,#990000,0.5); } +.clocks-analog-frame.progress-fast { + color: #6b0000; } + +/***************** + ! Gnome Builder * +******************/ +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: 0; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 0px 0px 0 0; } + +/************************ + ! Unity-Control-Center * +*************************/ +.background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame { + border: 0 none transparent; } + .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview.view:backdrop, .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical iconview:backdrop { + background-color: transparent; } + +/*********************** + ! Unity Greeter * + ***********************/ +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.lightdm.button, .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.9); + border-radius: 1px; + padding: 3px; + color: #fff; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.6); + border-color: rgba(255, 255, 255, 0.2); + border-radius: 0px; + padding: 1px; + color: #fff; } + .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { + color: #fff; } +.lightdm.menubar *, .lightdm.menubar.menuitem { + padding: 0px; } +.lightdm.option-button { + padding: 3px; + background: none; + border: 0; } +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.3); + border-width: 1px; } + .lightdm.toggle-button.selected:hover { + background-color: rgba(255, 255, 255, 0.3); } +.lightdm.button:hover { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.6); + text-shadow: none; } +.lightdm.entry, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.button:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.6); + border-radius: 1px; + padding: 5px; + color: #fff; + text-shadow: none; } +.lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { + background-image: none; + border-image: none; } +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.6); + border-width: 1px; + border-style: solid; + color: #fff; } +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.2); } + +.lightdm-combo.menu { + background-color: #313131; + border-radius: 0; + padding: 0; + color: #fff; } + +/********* + ! Gedit * +**********/ +GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; } + GeditWindow .pane-separator, GeditWindow .pane-separator:hover { + border-color: #292929; + background-color: #2d2d2d; } + +.gedit-document-panel { + background-color: #2d2d2d; + color: mix(#dedede,#2d2d2d,0.1); } + .gedit-document-panel list row { + padding: 3px; } + .gedit-document-panel list row button { + padding: 1px; + border-radius: 0px; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + -gtk-icon-shadow: none; } + .gedit-document-panel .prelight-row button { + border-color: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.8); } + .gedit-document-panel .prelight-row button:active { + border-color: rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.08); + color: #fff; } + .gedit-document-panel list row button:hover, .gedit-document-panel .prelight-row button:hover { + border-color: rgba(0, 0, 0, 0.1); + color: #fff; } + +.gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { + border-top: 1px solid #292929; + background-color: #2d2d2d; } + +.gedit-document-panel-document-row:hover { + background-color: #2f2f2f; } + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.5); + color: #fff; } + +.gedit-document-panel-placeholder-row { + border: 0; + background-color: rgba(0, 0, 0, 0.08); + transition: all 200ms ease-in; } + +statusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; } + statusbar GeditSmallButton button, GeditStatusMenuButton button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; } + statusbar GeditSmallButton button:hover, statusbar GeditSmallButton button:active, statusbar GeditSmallButton button:active:hover, GeditStatusMenuButton button:hover, GeditStatusMenuButton button:active, GeditStatusMenuButton button:active:hover { + border-color: #242424; } + statusbar GeditSmallButton button:active, GeditStatusMenuButton button:active { + background-color: #2b2b2b; + color: #dedede; } + +GeditViewFrame .gedit-search-slider { + padding: 3px; + border-radius: 0 0 0px 0px; + border-width: 0 1px 1px; + border-style: solid; + border-color: #242424; + background-color: #2d2d2d; } + GeditViewFrame .gedit-search-slider .not-found { + background-color: #f44336; + background-image: none; + color: #fff; } + +GeditFileBrowserWidget .toolbar { + padding: 1.5px; + border-top: 0; + background-color: #2d2d2d; + background-image: none; } + +.gedit-search-entry-occurrences-tag { + margin: 1.5px; + padding: 1.5px; + color: mix(#dedede,#2d2d2d,0.5); } + +.gedit-bottom-panel-paned, +.gedit-side-panel-paned, +paned.titlebar { + margin-right: 0; } + +.gedit-bottom-panel-paned notebook { + border-top: none; } + +/************ + ! Nautilus * +*************/ +.nautilus-desktop, .nautilus-desktop:backdrop, .nautilus-desktop *, .nautilus-desktop *:backdrop { + color: #fff; + text-shadow: 1px 1px #000; } + .nautilus-desktop:active, .nautilus-desktop:backdrop:active, .nautilus-desktop *:active, .nautilus-desktop *:backdrop:active { + color: #dedede; } + .nautilus-desktop:selected, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:selected { + color: #dedede; } + .nautilus-desktop:active, .nautilus-desktop:hover, .nautilus-desktop:selected, .nautilus-desktop:backdrop:active, .nautilus-desktop:backdrop:hover, .nautilus-desktop:backdrop:selected, .nautilus-desktop *:active, .nautilus-desktop *:hover, .nautilus-desktop *:selected, .nautilus-desktop *:backdrop:active, .nautilus-desktop *:backdrop:hover, .nautilus-desktop *:backdrop:selected { + text-shadow: none; } + +.nautilus-window toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: #242424; } +.nautilus-window .sidebar { + border: 0; } + .nautilus-window .sidebar frame { + border: 0; } +.nautilus-window notebook { + background-color: #2d2d2d; + border: 0; } + .nautilus-window notebook frame { + border: 0; } +.nautilus-window .searchbar-container { + margin-top: -1px; } + .nautilus-window .searchbar-container searchbar { + padding-top: 0px; + padding-bottom: 1px; + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.08); } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(200, 200, 200, 0.5); } + .disk-space-display.used { + background-color: rgba(153, 0, 0, 0.8); + border-color: rgba(138, 0, 0, 0.8); } + .disk-space-display.free { + background-color: #2b2b2b; + border-color: #262626; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: #fff; + background-color: #f44336; } +.conflict-row.activatable:hover { + background-color: #f65d52; } +.conflict-row.activatable:selected { + color: #dedede; + background-color: #990000; } + +/******** + ! Nemo * +*********/ +.nemo-desktop, .nemo-desktop:backdrop, .nemo-desktop *, .nemo-desktop *:backdrop { + color: #fff; + text-shadow: 1px 1px #000; } + .nemo-desktop:active, .nemo-desktop:backdrop:active, .nemo-desktop *:active, .nemo-desktop *:backdrop:active { + color: #dedede; } + .nemo-desktop:selected, .nemo-desktop:backdrop:selected, .nemo-desktop *:selected, .nemo-desktop *:backdrop:selected { + color: #dedede; } + .nemo-desktop:active, .nemo-desktop:hover, .nemo-desktop:selected, .nemo-desktop:backdrop:active, .nemo-desktop:backdrop:hover, .nemo-desktop:backdrop:selected, .nemo-desktop *:active, .nemo-desktop *:hover, .nemo-desktop *:selected, .nemo-desktop *:backdrop:active, .nemo-desktop *:backdrop:hover, .nemo-desktop *:backdrop:selected { + text-shadow: none; } + +.nemo-window { + /* Status Bar */ } + .nemo-window toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: #242424; + /* Path Bar */ } + .nemo-window toolbar button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .nemo-window toolbar button:focus, .nemo-window toolbar button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .nemo-window toolbar button:active, .nemo-window toolbar button:active:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover:focus, .nemo-window toolbar button:checked, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .nemo-window toolbar button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .nemo-window toolbar button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + .nemo-window toolbar button:hover:focus, .nemo-window toolbar button:hover:hover, .nemo-window toolbar button.flat:hover:focus, .nemo-window toolbar button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .nemo-window toolbar button:hover:active, .nemo-window toolbar button:hover:active:hover, .nemo-window toolbar button:hover:active:focus, .nemo-window toolbar button:hover:active:hover:focus, .nemo-window toolbar button:hover:checked, .nemo-window toolbar button:hover:checked:hover, .nemo-window toolbar button:hover:checked:focus, .nemo-window toolbar button:hover:checked:hover:focus, .nemo-window toolbar button.flat:hover:active, .nemo-window toolbar button.flat:hover:active:hover, .nemo-window toolbar button.flat:hover:active:focus, .nemo-window toolbar button.flat:hover:active:hover:focus, .nemo-window toolbar button.flat:hover:checked, .nemo-window toolbar button.flat:hover:checked:hover, .nemo-window toolbar button.flat:hover:checked:focus, .nemo-window toolbar button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .nemo-window toolbar button:hover:disabled, .nemo-window toolbar button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .nemo-window toolbar button:hover:active:disabled, .nemo-window toolbar button:hover:checked:disabled, .nemo-window toolbar button.flat:hover:active:disabled, .nemo-window toolbar button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .nemo-window toolbar button:focus, .nemo-window toolbar button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar button:focus:focus, .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:focus, .nemo-window toolbar button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .nemo-window toolbar button:focus:active, .nemo-window toolbar button:focus:active:hover, .nemo-window toolbar button:focus:active:focus, .nemo-window toolbar button:focus:active:hover:focus, .nemo-window toolbar button:focus:checked, .nemo-window toolbar button:focus:checked:hover, .nemo-window toolbar button:focus:checked:focus, .nemo-window toolbar button:focus:checked:hover:focus, .nemo-window toolbar button.flat:focus:active, .nemo-window toolbar button.flat:focus:active:hover, .nemo-window toolbar button.flat:focus:active:focus, .nemo-window toolbar button.flat:focus:active:hover:focus, .nemo-window toolbar button.flat:focus:checked, .nemo-window toolbar button.flat:focus:checked:hover, .nemo-window toolbar button.flat:focus:checked:focus, .nemo-window toolbar button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .nemo-window toolbar button:focus:disabled, .nemo-window toolbar button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .nemo-window toolbar button:focus:active:disabled, .nemo-window toolbar button:focus:checked:disabled, .nemo-window toolbar button.flat:focus:active:disabled, .nemo-window toolbar button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .nemo-window toolbar button:focus:hover, .nemo-window toolbar button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + .nemo-window toolbar button:focus:hover:focus, .nemo-window toolbar button:focus:hover:hover, .nemo-window toolbar button.flat:focus:hover:focus, .nemo-window toolbar button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + .nemo-window toolbar button:focus:hover:active, .nemo-window toolbar button:focus:hover:active:hover, .nemo-window toolbar button:focus:hover:active:focus, .nemo-window toolbar button:focus:hover:active:hover:focus, .nemo-window toolbar button:focus:hover:checked, .nemo-window toolbar button:focus:hover:checked:hover, .nemo-window toolbar button:focus:hover:checked:focus, .nemo-window toolbar button:focus:hover:checked:hover:focus, .nemo-window toolbar button.flat:focus:hover:active, .nemo-window toolbar button.flat:focus:hover:active:hover, .nemo-window toolbar button.flat:focus:hover:active:focus, .nemo-window toolbar button.flat:focus:hover:active:hover:focus, .nemo-window toolbar button.flat:focus:hover:checked, .nemo-window toolbar button.flat:focus:hover:checked:hover, .nemo-window toolbar button.flat:focus:hover:checked:focus, .nemo-window toolbar button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + .nemo-window toolbar button:focus:hover:disabled, .nemo-window toolbar button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + .nemo-window toolbar button:focus:hover:active:disabled, .nemo-window toolbar button:focus:hover:checked:disabled, .nemo-window toolbar button.flat:focus:hover:active:disabled, .nemo-window toolbar button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + .nemo-window toolbar button:checked, .nemo-window toolbar button:active, .nemo-window toolbar button.flat:checked, .nemo-window toolbar button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + .nemo-window toolbar button:checked:active, .nemo-window toolbar button:checked:active:hover, .nemo-window toolbar button:checked:active:focus, .nemo-window toolbar button:checked:active:hover:focus, .nemo-window toolbar button:checked:checked, .nemo-window toolbar button:checked:checked:hover, .nemo-window toolbar button:checked:checked:focus, .nemo-window toolbar button:checked:checked:hover:focus, .nemo-window toolbar button:active:active, .nemo-window toolbar button:active:active:hover, .nemo-window toolbar button:active:active:focus, .nemo-window toolbar button:active:active:hover:focus, .nemo-window toolbar button:active:checked, .nemo-window toolbar button:active:checked:hover, .nemo-window toolbar button:active:checked:focus, .nemo-window toolbar button:active:checked:hover:focus, .nemo-window toolbar button.flat:checked:active, .nemo-window toolbar button.flat:checked:active:hover, .nemo-window toolbar button.flat:checked:active:focus, .nemo-window toolbar button.flat:checked:active:hover:focus, .nemo-window toolbar button.flat:checked:checked, .nemo-window toolbar button.flat:checked:checked:hover, .nemo-window toolbar button.flat:checked:checked:focus, .nemo-window toolbar button.flat:checked:checked:hover:focus, .nemo-window toolbar button.flat:active:active, .nemo-window toolbar button.flat:active:active:hover, .nemo-window toolbar button.flat:active:active:focus, .nemo-window toolbar button.flat:active:active:hover:focus, .nemo-window toolbar button.flat:active:checked, .nemo-window toolbar button.flat:active:checked:hover, .nemo-window toolbar button.flat:active:checked:focus, .nemo-window toolbar button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button:active:disabled, .nemo-window toolbar button.flat:checked:disabled, .nemo-window toolbar button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + .nemo-window toolbar button:checked:active:disabled, .nemo-window toolbar button:checked:checked:disabled, .nemo-window toolbar button:active:active:disabled, .nemo-window toolbar button:active:checked:disabled, .nemo-window toolbar button.flat:checked:active:disabled, .nemo-window toolbar button.flat:checked:checked:disabled, .nemo-window toolbar button.flat:active:active:disabled, .nemo-window toolbar button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + .nemo-window toolbar button:focus, .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:focus, .nemo-window toolbar button.flat:hover { + color: #dedede; } + .nemo-window toolbar button:disabled:disabled, .nemo-window toolbar button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button.flat:active:disabled, .nemo-window toolbar button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + .nemo-window toolbar button.separator, .nemo-window toolbar button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + .nemo-window toolbar button.separator:disabled, .nemo-window toolbar button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } + .nemo-window toolbar .linked > button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .nemo-window toolbar .linked > button:focus, .nemo-window toolbar .linked > button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar .linked > button:active, .nemo-window toolbar .linked > button:active:hover, .nemo-window toolbar .linked > button:active:focus, .nemo-window toolbar .linked > button:active:hover:focus, .nemo-window toolbar .linked > button:checked, .nemo-window toolbar .linked > button:checked:hover, .nemo-window toolbar .linked > button:checked:focus, .nemo-window toolbar .linked > button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + .nemo-window toolbar .linked > button:disabled { + box-shadow: inset -1px 0 #242424; } + .nemo-window toolbar .linked > button:last-child, .nemo-window toolbar .linked > button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .nemo-window toolbar .linked > button:last-child:hover, .nemo-window toolbar .linked > button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar .linked > button:disabled:last-child, .nemo-window toolbar .linked > button:disabled:only-child, .nemo-window toolbar .linked > button:active:disabled:last-child, .nemo-window toolbar .linked > button:active:disabled:only-child, .nemo-window toolbar .linked > button:checked:disabled:last-child, .nemo-window toolbar .linked > button:checked:disabled:only-child { + box-shadow: none; } + .nemo-window toolbar .linked > button:active:last-child, .nemo-window toolbar .linked > button:active:last-child:focus, .nemo-window toolbar .linked > button:active:last-child:hover, .nemo-window toolbar .linked > button:active:last-child:hover:focus, .nemo-window toolbar .linked > button:checked:last-child, .nemo-window toolbar .linked > button:checked:last-child:focus, .nemo-window toolbar .linked > button:checked:last-child:hover, .nemo-window toolbar .linked > button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .nemo-window toolbar .linked > button:active:only-child, .nemo-window toolbar .linked > button:active:only-child:focus, .nemo-window toolbar .linked > button:active:only-child:hover, .nemo-window toolbar .linked > button:active:only-child:hover:focus, .nemo-window toolbar .linked > button:checked:only-child, .nemo-window toolbar .linked > button:checked:only-child:focus, .nemo-window toolbar .linked > button:checked:only-child:hover, .nemo-window toolbar .linked > button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .nemo-window toolbar separator, .nemo-window toolbar separator:disabled { + color: #292929; + border-color: currentColor; + -GtkWidget-window-dragging: true; } + .nemo-window toolbar.primary-toolbar button.image-button { + padding: 0 8px; } + .nemo-window toolbar combobox, .nemo-window toolbar button { + padding: 3px; } + .nemo-window toolbar combobox.text-button, .nemo-window toolbar button.text-button { + padding: 3px; } + .nemo-window toolbar combobox.image-button, .nemo-window toolbar button.image-button { + padding: 3px; } + .nemo-window toolbar toolitem stack { + margin-left: 15px; } + .nemo-window toolbar toolitem stack widget button { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(44, 44, 44, 0.22); + -NemoPathbarButton-border-radius: 0px; } + .nemo-window toolbar toolitem stack widget button:focus, .nemo-window toolbar toolitem stack widget button:hover { + box-shadow: inset -1px 0 mix(#990000,rgba(0, 0, 0, 0.22),0.3), 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar toolitem stack widget button:active, .nemo-window toolbar toolitem stack widget button:active:hover, .nemo-window toolbar toolitem stack widget button:active:focus, .nemo-window toolbar toolitem stack widget button:active:hover:focus, .nemo-window toolbar toolitem stack widget button:checked, .nemo-window toolbar toolitem stack widget button:checked:hover, .nemo-window toolbar toolitem stack widget button:checked:focus, .nemo-window toolbar toolitem stack widget button:checked:hover:focus { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + .nemo-window toolbar toolitem stack widget button:disabled { + box-shadow: inset -1px 0 #242424; } + .nemo-window toolbar toolitem stack widget button:last-child, .nemo-window toolbar toolitem stack widget button:only-child { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + .nemo-window toolbar toolitem stack widget button:last-child:hover, .nemo-window toolbar toolitem stack widget button:only-child:hover { + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + .nemo-window toolbar toolitem stack widget button:disabled:last-child, .nemo-window toolbar toolitem stack widget button:disabled:only-child, .nemo-window toolbar toolitem stack widget button:active:disabled:last-child, .nemo-window toolbar toolitem stack widget button:active:disabled:only-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:last-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:only-child { + box-shadow: none; } + .nemo-window toolbar toolitem stack widget button:active:last-child, .nemo-window toolbar toolitem stack widget button:active:last-child:focus, .nemo-window toolbar toolitem stack widget button:active:last-child:hover, .nemo-window toolbar toolitem stack widget button:active:last-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child, .nemo-window toolbar toolitem stack widget button:checked:last-child:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover:focus { + box-shadow: inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .nemo-window toolbar toolitem stack widget button:active:only-child, .nemo-window toolbar toolitem stack widget button:active:only-child:focus, .nemo-window toolbar toolitem stack widget button:active:only-child:hover, .nemo-window toolbar toolitem stack widget button:active:only-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child, .nemo-window toolbar toolitem stack widget button:checked:only-child:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover:focus { + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.06), inset 0 1px rgba(44, 44, 44, 0.07), inset -1px 0 rgba(44, 44, 44, 0.06); } + .nemo-window grid > widget:last-child button { + min-height: 16px; + min-width: 16px; + padding: 2px 4px; } + .nemo-window grid > widget:last-child button:first-child { + margin-left: 20px; } + .nemo-window grid > widget:last-child button:first-child + button { + margin-right: 15px; } + .nemo-window grid > widget:last-child button:first-child + button + separator + button { + margin-left: 15px; } + .nemo-window grid > widget:last-child > box > scale { + margin-right: 12px; } + .nemo-window grid > widget:last-child statusbar { + border: 0; } + .nemo-window .sidebar { + /* Nemo Query Editor (File Search Bar) */ } + .nemo-window .sidebar .frame { + border: 0; } + .nemo-window .sidebar image { + padding-left: 3px; + padding-right: 3px; } + .nemo-window .sidebar .nemo-places-sidebar, .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { + background-color: mix(#2d2d2d,#2d2d2d,0.5); } + .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview { + -NemoPlacesTreeView-disk-full-bg-color: #242424; + -NemoPlacesTreeView-disk-full-fg-color: #990000; + -NemoPlacesTreeView-disk-full-bar-width: 2px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 0; + -NemoPlacesTreeView-disk-full-max-length: 75px; } + .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected { + -NemoPlacesTreeView-disk-full-bg-color: #dedede; + -NemoPlacesTreeView-disk-full-fg-color: #b80000; } + .nemo-window .sidebar + separator + box .primary-toolbar { + background-color: #2c2c2c; + background-image: none; + padding-top: 0px; + padding-bottom: 0px; + border-bottom: 1px solid mix(#2d2d2d,#dedede,0.08); } + .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(2) { + border-right: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(3) { + margin-left: -6px; + border-left: none; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat { + background-color: #363636; + background-image: none; + border-color: rgba(0, 0, 0, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); + padding: 5px 6px; } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:hover { + border-color: mix(#990000,rgba(0, 0, 0, 0.22),0.3); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover:focus { + border-color: rgba(0, 0, 0, 0.22); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:disabled { + border-color: rgba(0, 0, 0, 0.22); } + .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:disabled, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:disabled { + border-color: rgba(0, 0, 0, 0.22); } + .nemo-window notebook { + background-color: #2d2d2d; + border-width: 0; } + .nemo-window notebook tabs { + border: 0; } + +/*********************** + ! Fallback mode panel * +************************/ +/************ + ! Synaptic * +*************/ +GtkWindow > GtkVBox > .dock, GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar { + background-color: #2d2d2d; + background-image: none; + padding: 3px; + border: 0; + color: #dedede; } + +/*********************** + ! Fallback mode panel * +************************/ +/*************** + ! Xfce styles * +****************/ +.XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: #2d2d2d; + color: #dedede; } + +.xfce4-panel { + font: inherit; } + .xfce4-panel menu { + -gtk-icon-effect: none; + text-shadow: none; } + +/*********************** + ! Fallback mode panel * +************************/ +/**************** + ! Unity styles * +*****************/ +UnityDecoration { + -UnityDecoration-extents: 24px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); + -UnityDecoration-inactive-shadow-radius: 5px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #990000; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; } + UnityDecoration .top { + border: 1px solid #990000; + border-bottom: 0; + border-radius: 0px 0px 0 0; + padding: 1px 6px 0 6px; + background-color: #2d2d2d; + color: mix(#dedede,#2d2d2d,0.1); + text-shadow: none; } + UnityDecoration .top:hover { + border-radius: 0; + border-color: mix(#2d2d2d,#dedede,0.21); + background-color: mix(#2d2d2d,#dedede,0.21); + background-image: none; + color: #f0f0f0; } + UnityDecoration .top:backdrop { + border: 1px solid #2d2d2d; + color: mix(#dedede,#2d2d2d,0.4); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom { + background-color: #2d2d2d; } + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: mix(#202020,#dedede,0.21); } + +UnityPanelWidget, .unity-panel { + border: 0; } + +.unity-panel.menuitem, .unity-panel .menuitem { + border-width: 0 1px; + color: #dedede; } + .unity-panel.menuitem:hover, .unity-panel.menuitem *:hover, .unity-panel .menuitem:hover, .unity-panel .menuitem *:hover { + border-color: mix(#2d2d2d,#dedede,0.21); + background-color: mix(#2d2d2d,#dedede,0.21); + background-image: none; + color: #f0f0f0; } + +SheetStyleDialog.unity-force-quit { + background-color: #2d2d2d; } + +/*********************** + ! LightDM GTK Greeter * + ***********************/ +#panel_window { + background-color: #2d2d2d; + background-image: none; + color: #fff; + font-weight: bold; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } + #panel_window menubar { + padding-left: 3px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + background-image: none; + border-style: none; + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); } + #panel_window menubar:hover, #panel_window menubar > menuitem:hover { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + color: #fff; } + #panel_window menubar *:hover, #panel_window menubar > menuitem *:hover { + color: #fff; } + #panel_window menubar:disabled, #panel_window menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.7); } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#content_frame { + padding-bottom: 9px; } + +#login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: 0px; + background-color: #2d2d2d; + color: #dedede; + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(#202020,#dedede,0.21), inset -1px 0 mix(#202020,#dedede,0.21), inset 0 1px mix(#202020,#dedede,0.21), inset 0 -1px mix(#202020,#dedede,0.21); } + +#login_window menu { + border-radius: 0; } +#login_window button { + background-color: #2d2d2d; + background-image: none; + border-color: rgba(178, 178, 178, 0.22); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + #login_window button:focus, #login_window button:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + #login_window button:active, #login_window button:active:hover, #login_window button:active:focus, #login_window button:active:hover:focus, #login_window button:checked, #login_window button:checked:hover, #login_window button:checked:focus, #login_window button:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + #login_window button:disabled { + border-color: rgba(189, 189, 189, 0.22); } + #login_window button:active:disabled, #login_window button:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + #login_window button.flat { + color: #dedede; + border-color: rgba(45, 45, 45, 0); + background-color: rgba(45, 45, 45, 0); + background-image: none; + box-shadow: none; } + #login_window button:hover, #login_window button.flat:hover { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + #login_window button:hover:focus, #login_window button:hover:hover, #login_window button.flat:hover:focus, #login_window button.flat:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + #login_window button:hover:active, #login_window button:hover:active:hover, #login_window button:hover:active:focus, #login_window button:hover:active:hover:focus, #login_window button:hover:checked, #login_window button:hover:checked:hover, #login_window button:hover:checked:focus, #login_window button:hover:checked:hover:focus, #login_window button.flat:hover:active, #login_window button.flat:hover:active:hover, #login_window button.flat:hover:active:focus, #login_window button.flat:hover:active:hover:focus, #login_window button.flat:hover:checked, #login_window button.flat:hover:checked:hover, #login_window button.flat:hover:checked:focus, #login_window button.flat:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + #login_window button:hover:disabled, #login_window button.flat:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + #login_window button:hover:active:disabled, #login_window button:hover:checked:disabled, #login_window button.flat:hover:active:disabled, #login_window button.flat:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + #login_window button:focus, #login_window button.flat:focus { + background-color: #2f2f2f; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + color: #dedede; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + #login_window button:focus:focus, #login_window button:focus:hover, #login_window button.flat:focus:focus, #login_window button.flat:focus:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + #login_window button:focus:active, #login_window button:focus:active:hover, #login_window button:focus:active:focus, #login_window button:focus:active:hover:focus, #login_window button:focus:checked, #login_window button:focus:checked:hover, #login_window button:focus:checked:focus, #login_window button:focus:checked:hover:focus, #login_window button.flat:focus:active, #login_window button.flat:focus:active:hover, #login_window button.flat:focus:active:focus, #login_window button.flat:focus:active:hover:focus, #login_window button.flat:focus:checked, #login_window button.flat:focus:checked:hover, #login_window button.flat:focus:checked:focus, #login_window button.flat:focus:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + #login_window button:focus:disabled, #login_window button.flat:focus:disabled { + border-color: rgba(189, 189, 189, 0.3); } + #login_window button:focus:active:disabled, #login_window button:focus:checked:disabled, #login_window button.flat:focus:active:disabled, #login_window button.flat:focus:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + #login_window button:focus:hover, #login_window button.flat:focus:hover { + background-color: #323232; + background-image: none; + border-color: rgba(178, 178, 178, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + #login_window button:focus:hover:focus, #login_window button:focus:hover:hover, #login_window button.flat:focus:hover:focus, #login_window button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.3),0.3); } + #login_window button:focus:hover:active, #login_window button:focus:hover:active:hover, #login_window button:focus:hover:active:focus, #login_window button:focus:hover:active:hover:focus, #login_window button:focus:hover:checked, #login_window button:focus:hover:checked:hover, #login_window button:focus:hover:checked:focus, #login_window button:focus:hover:checked:hover:focus, #login_window button.flat:focus:hover:active, #login_window button.flat:focus:hover:active:hover, #login_window button.flat:focus:hover:active:focus, #login_window button.flat:focus:hover:active:hover:focus, #login_window button.flat:focus:hover:checked, #login_window button.flat:focus:hover:checked:hover, #login_window button.flat:focus:hover:checked:focus, #login_window button.flat:focus:hover:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.3); } + #login_window button:focus:hover:disabled, #login_window button.flat:focus:hover:disabled { + border-color: rgba(189, 189, 189, 0.3); } + #login_window button:focus:hover:active:disabled, #login_window button:focus:hover:checked:disabled, #login_window button.flat:focus:hover:active:disabled, #login_window button.flat:focus:hover:checked:disabled { + border-color: rgba(178, 178, 178, 0.3); } + #login_window button:checked, #login_window button:active, #login_window button.flat:checked, #login_window button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(222, 222, 222, 0.06), inset 0 1px rgba(222, 222, 222, 0.07), inset -1px 0 rgba(222, 222, 222, 0.06), inset 0 -1px rgba(222, 222, 222, 0.05); + border-color: rgba(178, 178, 178, 0.22); } + #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { + border-color: mix(#990000,rgba(222, 222, 222, 0.22),0.3); } + #login_window button:checked:active, #login_window button:checked:active:hover, #login_window button:checked:active:focus, #login_window button:checked:active:hover:focus, #login_window button:checked:checked, #login_window button:checked:checked:hover, #login_window button:checked:checked:focus, #login_window button:checked:checked:hover:focus, #login_window button:active:active, #login_window button:active:active:hover, #login_window button:active:active:focus, #login_window button:active:active:hover:focus, #login_window button:active:checked, #login_window button:active:checked:hover, #login_window button:active:checked:focus, #login_window button:active:checked:hover:focus, #login_window button.flat:checked:active, #login_window button.flat:checked:active:hover, #login_window button.flat:checked:active:focus, #login_window button.flat:checked:active:hover:focus, #login_window button.flat:checked:checked, #login_window button.flat:checked:checked:hover, #login_window button.flat:checked:checked:focus, #login_window button.flat:checked:checked:hover:focus, #login_window button.flat:active:active, #login_window button.flat:active:active:hover, #login_window button.flat:active:active:focus, #login_window button.flat:active:active:hover:focus, #login_window button.flat:active:checked, #login_window button.flat:active:checked:hover, #login_window button.flat:active:checked:focus, #login_window button.flat:active:checked:hover:focus { + border-color: rgba(155, 155, 155, 0.22); } + #login_window button:checked:disabled, #login_window button:active:disabled, #login_window button.flat:checked:disabled, #login_window button.flat:active:disabled { + border-color: rgba(189, 189, 189, 0.22); } + #login_window button:checked:active:disabled, #login_window button:checked:checked:disabled, #login_window button:active:active:disabled, #login_window button:active:checked:disabled, #login_window button.flat:checked:active:disabled, #login_window button.flat:checked:checked:disabled, #login_window button.flat:active:active:disabled, #login_window button.flat:active:checked:disabled { + border-color: rgba(178, 178, 178, 0.22); } + #login_window button:checked:focus, #login_window button:checked:hover, #login_window button:active:focus, #login_window button:active:hover, #login_window button.flat:checked:focus, #login_window button.flat:checked:hover, #login_window button.flat:active:focus, #login_window button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #login_window button:focus, #login_window button:hover, #login_window button.flat:focus, #login_window button.flat:hover { + color: #dedede; } + #login_window button:disabled:disabled, #login_window button.flat:disabled:disabled { + background-color: alpha(mix(#2d2d2d,#dedede,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#2d2d2d,#dedede,0.5); + box-shadow: none; } + #login_window button:active:disabled, #login_window button:checked:disabled, #login_window button.flat:active:disabled, #login_window button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #login_window button.separator, #login_window button .separator { + border: 1px solid currentColor; + color: rgba(45, 45, 45, 0.9); } + #login_window button.separator:disabled, #login_window button .separator:disabled { + color: rgba(45, 45, 45, 0.85); } +#login_window entry { + background-color: #2d2d2d; + background-image: none; + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); + padding: 3px; + color: #dedede; + caret-color: #dedede; + -gtk-secondary-caret-color: #dedede; } + #login_window entry:focus, #login_window entry:hover { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.2),0.3); } + #login_window entry:active, #login_window entry:active:hover, #login_window entry:active:focus, #login_window entry:active:hover:focus, #login_window entry:checked, #login_window entry:checked:hover, #login_window entry:checked:focus, #login_window entry:checked:hover:focus { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.7); } + #login_window entry:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.85); } + #login_window entry:active:disabled, #login_window entry:checked:disabled { + border-color: shade(mix(#2d2d2d,#dedede,0.2),0.8); } + #login_window entry:focus, #login_window entry:active { + border-color: mix(#990000,mix(#2d2d2d,#dedede,0.08),0.3); } + #login_window entry:disabled { + background-color: #292929; + background-image: none; + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + color: mix(#2d2d2d,#dedede,0.5); } + #login_window entry:disabled:focus, #login_window entry:disabled:hover { + border-color: mix(#990000,alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.3); } + #login_window entry:disabled:active, #login_window entry:disabled:active:hover, #login_window entry:disabled:active:focus, #login_window entry:disabled:active:hover:focus, #login_window entry:disabled:checked, #login_window entry:disabled:checked:hover, #login_window entry:disabled:checked:focus, #login_window entry:disabled:checked:hover:focus { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.7); } + #login_window entry:disabled:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.85); } + #login_window entry:disabled:active:disabled, #login_window entry:disabled:checked:disabled { + border-color: shade(alpha(mix(#2d2d2d,#dedede,0.2),0.4),0.8); } + +#user_combobox { + color: #dedede; + font-size: 18px; } + #user_combobox menu { + font-weight: normal; } + #user_combobox arrow { + color: mix(#dedede,#2d2d2d,0.5); } + +#user_image { + border-radius: 0px; + /* draw border using box-shadow */ + box-shadow: inset 1px 0 #202020, inset -1px 0 #202020, inset 0 1px #202020, inset 0 -1px #202020; } + +#user_image_border { + border-radius: 0px; + background-color: #292929; + background-image: none; + box-shadow: inset 1px 0 rgba(44, 44, 44, 0.07), inset 0 1px rgba(44, 44, 44, 0.08), inset -1px 0 rgba(44, 44, 44, 0.07), inset 0 -1px rgba(44, 44, 44, 0.05); } + +#buttonbox_frame { + padding-top: 6px; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + background-color: transparent; + background-image: none; + box-shadow: none; } + +/* shutdown button */ +#shutdown_button button { + background-color: #f44336; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.12); } + #shutdown_button button:focus, #shutdown_button button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #shutdown_button button:active, #shutdown_button button:active:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover:focus, #shutdown_button button:checked, #shutdown_button button:checked:hover, #shutdown_button button:checked:focus, #shutdown_button button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #shutdown_button button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button.flat { + color: #fff; + border-color: rgba(244, 67, 54, 0); + background-color: rgba(244, 67, 54, 0); + background-image: none; + box-shadow: none; } + #shutdown_button button:hover, #shutdown_button button.flat:hover { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + #shutdown_button button:hover:focus, #shutdown_button button:hover:hover, #shutdown_button button.flat:hover:focus, #shutdown_button button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:hover:active, #shutdown_button button:hover:active:hover, #shutdown_button button:hover:active:focus, #shutdown_button button:hover:active:hover:focus, #shutdown_button button:hover:checked, #shutdown_button button:hover:checked:hover, #shutdown_button button:hover:checked:focus, #shutdown_button button:hover:checked:hover:focus, #shutdown_button button.flat:hover:active, #shutdown_button button.flat:hover:active:hover, #shutdown_button button.flat:hover:active:focus, #shutdown_button button.flat:hover:active:hover:focus, #shutdown_button button.flat:hover:checked, #shutdown_button button.flat:hover:checked:hover, #shutdown_button button.flat:hover:checked:focus, #shutdown_button button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:hover:disabled, #shutdown_button button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:hover:active:disabled, #shutdown_button button:hover:checked:disabled, #shutdown_button button.flat:hover:active:disabled, #shutdown_button button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:focus, #shutdown_button button.flat:focus { + background-color: #f55044; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + #shutdown_button button:focus:focus, #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:focus, #shutdown_button button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:focus:active, #shutdown_button button:focus:active:hover, #shutdown_button button:focus:active:focus, #shutdown_button button:focus:active:hover:focus, #shutdown_button button:focus:checked, #shutdown_button button:focus:checked:hover, #shutdown_button button:focus:checked:focus, #shutdown_button button:focus:checked:hover:focus, #shutdown_button button.flat:focus:active, #shutdown_button button.flat:focus:active:hover, #shutdown_button button.flat:focus:active:focus, #shutdown_button button.flat:focus:active:hover:focus, #shutdown_button button.flat:focus:checked, #shutdown_button button.flat:focus:checked:hover, #shutdown_button button.flat:focus:checked:focus, #shutdown_button button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:focus:disabled, #shutdown_button button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:focus:active:disabled, #shutdown_button button:focus:checked:disabled, #shutdown_button button.flat:focus:active:disabled, #shutdown_button button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:focus:hover, #shutdown_button button.flat:focus:hover { + background-color: #f65d52; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.38); } + #shutdown_button button:focus:hover:focus, #shutdown_button button:focus:hover:hover, #shutdown_button button.flat:focus:hover:focus, #shutdown_button button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #shutdown_button button:focus:hover:active, #shutdown_button button:focus:hover:active:hover, #shutdown_button button:focus:hover:active:focus, #shutdown_button button:focus:hover:active:hover:focus, #shutdown_button button:focus:hover:checked, #shutdown_button button:focus:hover:checked:hover, #shutdown_button button:focus:hover:checked:focus, #shutdown_button button:focus:hover:checked:hover:focus, #shutdown_button button.flat:focus:hover:active, #shutdown_button button.flat:focus:hover:active:hover, #shutdown_button button.flat:focus:hover:active:focus, #shutdown_button button.flat:focus:hover:active:hover:focus, #shutdown_button button.flat:focus:hover:checked, #shutdown_button button.flat:focus:hover:checked:hover, #shutdown_button button.flat:focus:hover:checked:focus, #shutdown_button button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #shutdown_button button:focus:hover:disabled, #shutdown_button button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #shutdown_button button:focus:hover:active:disabled, #shutdown_button button:focus:hover:checked:disabled, #shutdown_button button.flat:focus:hover:active:disabled, #shutdown_button button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #shutdown_button button:checked, #shutdown_button button:active, #shutdown_button button.flat:checked, #shutdown_button button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #shutdown_button button:checked:active, #shutdown_button button:checked:active:hover, #shutdown_button button:checked:active:focus, #shutdown_button button:checked:active:hover:focus, #shutdown_button button:checked:checked, #shutdown_button button:checked:checked:hover, #shutdown_button button:checked:checked:focus, #shutdown_button button:checked:checked:hover:focus, #shutdown_button button:active:active, #shutdown_button button:active:active:hover, #shutdown_button button:active:active:focus, #shutdown_button button:active:active:hover:focus, #shutdown_button button:active:checked, #shutdown_button button:active:checked:hover, #shutdown_button button:active:checked:focus, #shutdown_button button:active:checked:hover:focus, #shutdown_button button.flat:checked:active, #shutdown_button button.flat:checked:active:hover, #shutdown_button button.flat:checked:active:focus, #shutdown_button button.flat:checked:active:hover:focus, #shutdown_button button.flat:checked:checked, #shutdown_button button.flat:checked:checked:hover, #shutdown_button button.flat:checked:checked:focus, #shutdown_button button.flat:checked:checked:hover:focus, #shutdown_button button.flat:active:active, #shutdown_button button.flat:active:active:hover, #shutdown_button button.flat:active:active:focus, #shutdown_button button.flat:active:active:hover:focus, #shutdown_button button.flat:active:checked, #shutdown_button button.flat:active:checked:hover, #shutdown_button button.flat:active:checked:focus, #shutdown_button button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #shutdown_button button:checked:disabled, #shutdown_button button:active:disabled, #shutdown_button button.flat:checked:disabled, #shutdown_button button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #shutdown_button button:checked:active:disabled, #shutdown_button button:checked:checked:disabled, #shutdown_button button:active:active:disabled, #shutdown_button button:active:checked:disabled, #shutdown_button button.flat:checked:active:disabled, #shutdown_button button.flat:checked:checked:disabled, #shutdown_button button.flat:active:active:disabled, #shutdown_button button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #shutdown_button button:checked:focus, #shutdown_button button:checked:hover, #shutdown_button button:active:focus, #shutdown_button button:active:hover, #shutdown_button button.flat:checked:focus, #shutdown_button button.flat:checked:hover, #shutdown_button button.flat:active:focus, #shutdown_button button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #shutdown_button button:focus, #shutdown_button button:hover, #shutdown_button button.flat:focus, #shutdown_button button.flat:hover { + color: #fff; } + #shutdown_button button:disabled:disabled, #shutdown_button button.flat:disabled:disabled { + background-color: alpha(mix(#f44336,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#f44336,#fff,0.5); + box-shadow: none; } + #shutdown_button button:active:disabled, #shutdown_button button:checked:disabled, #shutdown_button button.flat:active:disabled, #shutdown_button button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #shutdown_button button.separator, #shutdown_button button .separator { + border: 1px solid currentColor; + color: rgba(244, 67, 54, 0.9); } + #shutdown_button button.separator:disabled, #shutdown_button button .separator:disabled { + color: rgba(244, 67, 54, 0.85); } + +/* restart button */ +#restart_button button { + background-color: #ef6c00; + background-image: none; + border-color: rgba(204, 204, 204, 0.22); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.22); } + #restart_button button:focus, #restart_button button:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #restart_button button:active, #restart_button button:active:hover, #restart_button button:active:focus, #restart_button button:active:hover:focus, #restart_button button:checked, #restart_button button:checked:hover, #restart_button button:checked:focus, #restart_button button:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #restart_button button:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #restart_button button:active:disabled, #restart_button button:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button.flat { + color: #fff; + border-color: rgba(239, 108, 0, 0); + background-color: rgba(239, 108, 0, 0); + background-image: none; + box-shadow: none; } + #restart_button button:hover, #restart_button button.flat:hover { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.32); } + #restart_button button:hover:focus, #restart_button button:hover:hover, #restart_button button.flat:hover:focus, #restart_button button.flat:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:hover:active, #restart_button button:hover:active:hover, #restart_button button:hover:active:focus, #restart_button button:hover:active:hover:focus, #restart_button button:hover:checked, #restart_button button:hover:checked:hover, #restart_button button:hover:checked:focus, #restart_button button:hover:checked:hover:focus, #restart_button button.flat:hover:active, #restart_button button.flat:hover:active:hover, #restart_button button.flat:hover:active:focus, #restart_button button.flat:hover:active:hover:focus, #restart_button button.flat:hover:checked, #restart_button button.flat:hover:checked:hover, #restart_button button.flat:hover:checked:focus, #restart_button button.flat:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:hover:disabled, #restart_button button.flat:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:hover:active:disabled, #restart_button button:hover:checked:disabled, #restart_button button.flat:hover:active:disabled, #restart_button button.flat:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:focus, #restart_button button.flat:focus { + background-color: #fb7100; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + color: #fff; + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.42); } + #restart_button button:focus:focus, #restart_button button:focus:hover, #restart_button button.flat:focus:focus, #restart_button button.flat:focus:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:focus:active, #restart_button button:focus:active:hover, #restart_button button:focus:active:focus, #restart_button button:focus:active:hover:focus, #restart_button button:focus:checked, #restart_button button:focus:checked:hover, #restart_button button:focus:checked:focus, #restart_button button:focus:checked:hover:focus, #restart_button button.flat:focus:active, #restart_button button.flat:focus:active:hover, #restart_button button.flat:focus:active:focus, #restart_button button.flat:focus:active:hover:focus, #restart_button button.flat:focus:checked, #restart_button button.flat:focus:checked:hover, #restart_button button.flat:focus:checked:focus, #restart_button button.flat:focus:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:focus:disabled, #restart_button button.flat:focus:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:focus:active:disabled, #restart_button button:focus:checked:disabled, #restart_button button.flat:focus:active:disabled, #restart_button button.flat:focus:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:focus:hover, #restart_button button.flat:focus:hover { + background-color: #ff7808; + background-image: none; + border-color: rgba(204, 204, 204, 0.3); + box-shadow: 0 1px 2px -1px rgba(44, 44, 44, 0.48); } + #restart_button button:focus:hover:focus, #restart_button button:focus:hover:hover, #restart_button button.flat:focus:hover:focus, #restart_button button.flat:focus:hover:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.3),0.3); } + #restart_button button:focus:hover:active, #restart_button button:focus:hover:active:hover, #restart_button button:focus:hover:active:focus, #restart_button button:focus:hover:active:hover:focus, #restart_button button:focus:hover:checked, #restart_button button:focus:hover:checked:hover, #restart_button button:focus:hover:checked:focus, #restart_button button:focus:hover:checked:hover:focus, #restart_button button.flat:focus:hover:active, #restart_button button.flat:focus:hover:active:hover, #restart_button button.flat:focus:hover:active:focus, #restart_button button.flat:focus:hover:active:hover:focus, #restart_button button.flat:focus:hover:checked, #restart_button button.flat:focus:hover:checked:hover, #restart_button button.flat:focus:hover:checked:focus, #restart_button button.flat:focus:hover:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.3); } + #restart_button button:focus:hover:disabled, #restart_button button.flat:focus:hover:disabled { + border-color: rgba(217, 217, 217, 0.3); } + #restart_button button:focus:hover:active:disabled, #restart_button button:focus:hover:checked:disabled, #restart_button button.flat:focus:hover:active:disabled, #restart_button button.flat:focus:hover:checked:disabled { + border-color: rgba(204, 204, 204, 0.3); } + #restart_button button:checked, #restart_button button:active, #restart_button button.flat:checked, #restart_button button.flat:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + background-color: #990000; + background-image: none; + color: #dedede; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset 0 1px rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px rgba(255, 255, 255, 0.05); + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { + border-color: mix(#990000,rgba(255, 255, 255, 0.22),0.3); } + #restart_button button:checked:active, #restart_button button:checked:active:hover, #restart_button button:checked:active:focus, #restart_button button:checked:active:hover:focus, #restart_button button:checked:checked, #restart_button button:checked:checked:hover, #restart_button button:checked:checked:focus, #restart_button button:checked:checked:hover:focus, #restart_button button:active:active, #restart_button button:active:active:hover, #restart_button button:active:active:focus, #restart_button button:active:active:hover:focus, #restart_button button:active:checked, #restart_button button:active:checked:hover, #restart_button button:active:checked:focus, #restart_button button:active:checked:hover:focus, #restart_button button.flat:checked:active, #restart_button button.flat:checked:active:hover, #restart_button button.flat:checked:active:focus, #restart_button button.flat:checked:active:hover:focus, #restart_button button.flat:checked:checked, #restart_button button.flat:checked:checked:hover, #restart_button button.flat:checked:checked:focus, #restart_button button.flat:checked:checked:hover:focus, #restart_button button.flat:active:active, #restart_button button.flat:active:active:hover, #restart_button button.flat:active:active:focus, #restart_button button.flat:active:active:hover:focus, #restart_button button.flat:active:checked, #restart_button button.flat:active:checked:hover, #restart_button button.flat:active:checked:focus, #restart_button button.flat:active:checked:hover:focus { + border-color: rgba(179, 179, 179, 0.22); } + #restart_button button:checked:disabled, #restart_button button:active:disabled, #restart_button button.flat:checked:disabled, #restart_button button.flat:active:disabled { + border-color: rgba(217, 217, 217, 0.22); } + #restart_button button:checked:active:disabled, #restart_button button:checked:checked:disabled, #restart_button button:active:active:disabled, #restart_button button:active:checked:disabled, #restart_button button.flat:checked:active:disabled, #restart_button button.flat:checked:checked:disabled, #restart_button button.flat:active:active:disabled, #restart_button button.flat:active:checked:disabled { + border-color: rgba(204, 204, 204, 0.22); } + #restart_button button:checked:focus, #restart_button button:checked:hover, #restart_button button:active:focus, #restart_button button:active:hover, #restart_button button.flat:checked:focus, #restart_button button.flat:checked:hover, #restart_button button.flat:active:focus, #restart_button button.flat:active:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + background-color: #a10000; + background-image: none; + color: #dedede; } + #restart_button button:focus, #restart_button button:hover, #restart_button button.flat:focus, #restart_button button.flat:hover { + color: #fff; } + #restart_button button:disabled:disabled, #restart_button button.flat:disabled:disabled { + background-color: alpha(mix(#ef6c00,#fff,0.2),0.4); + background-image: none; + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + color: mix(#ef6c00,#fff,0.5); + box-shadow: none; } + #restart_button button:active:disabled, #restart_button button:checked:disabled, #restart_button button.flat:active:disabled, #restart_button button.flat:checked:disabled { + background-color: rgba(153, 0, 0, 0.6); + background-image: none; + color: #dedede; + box-shadow: none; } + #restart_button button.separator, #restart_button button .separator { + border: 1px solid currentColor; + color: rgba(239, 108, 0, 0.9); } + #restart_button button.separator:disabled, #restart_button button .separator:disabled { + color: rgba(239, 108, 0, 0.85); } + +/* password warning */ +#greeter_infobar { + font-weight: bold; } + +/********************** + ! Genome Terminal * +***********************/ +VteTerminal { + background-color: #2d2d2d; + color: #dedede; } + +terminal-window junction, terminal-window scrollbar trough { + background-color: #2d2d2d; + border-color: #242424; } +terminal-window scrollbar.vertical slider { + background-color: mix(#2d2d2d,#dedede,0.2); } + terminal-window scrollbar.vertical slider:hover { + background-color: mix(#2d2d2d,#dedede,0.3); } + terminal-window scrollbar.vertical slider:hover:active { + background-color: #990000; } + terminal-window scrollbar.vertical slider:disabled { + background-color: transparent; } + +/****************** + ! Budgie Desktop * +*******************/ +.budgie-container { + background-color: transparent; } + +.raven { + background-color: rgba(45, 45, 45, 0.93); } + .raven .raven-header { + background-color: #2d2d2d; + border: solid mix(#2d2d2d,#dedede,0.08); + border-width: 1px 0; } + .raven .raven-background { + background-color: rgba(45, 45, 45, 0.93); } + +.raven-mpris { + background-color: rgba(45, 45, 45, 0.7); } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/Redcore-nighttime/gtk-3.20/dist/gtk.css.map b/Redcore-nighttime/gtk-3.20/dist/gtk.css.map new file mode 100644 index 0000000..3323380 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/dist/gtk.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../scss/_global.scss","../scss/_colors.scss","../scss/widgets/_base.scss","../scss/widgets/_button.scss","../scss/_functions.scss","../scss/widgets/_entry.scss","../scss/widgets/_toolbar.scss","../scss/widgets/_actionbar.scss","../scss/widgets/_calendar.scss","../scss/widgets/_choosers.scss","../scss/widgets/_grid.scss","../scss/widgets/_infobar.scss","../scss/widgets/_menu.scss","../scss/widgets/_misc.scss","../scss/widgets/_notebook.scss","../scss/widgets/_osd.scss","../scss/widgets/_overshoot.scss","../scss/widgets/_progress.scss","../scss/widgets/_scrollbar.scss","../scss/widgets/_sidebar.scss","../scss/widgets/_spinner.scss","../scss/widgets/_toggle.scss","../scss/widgets/_view.scss","../scss/widgets/_window.scss","../scss/apps/_panel.scss","../scss/apps/_mate-applications.scss","../scss/apps/_cinnamon-applications.scss","../scss/apps/_gnome-applications.scss","../scss/apps/_unity-greeter.scss","../scss/apps/_gedit.scss","../scss/apps/_nautilus.scss","../scss/apps/_nemo.scss","../scss/apps/_synaptic.scss","../scss/apps/_xfce.scss","../scss/apps/_unity.scss","../scss/apps/_lightdm.scss","../scss/apps/_gnome-terminal.scss","../scss/apps/_budgie.scss"], +"names": [], +"file": "gtk.css" +} diff --git a/Redcore-nighttime/gtk-3.20/gtk-dark.css b/Redcore-nighttime/gtk-3.20/gtk-dark.css new file mode 100644 index 0000000..198bb85 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/gtk-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/numixproject/gtk-3.20/dist/gtk-dark.css"); diff --git a/Redcore-nighttime/gtk-3.20/gtk.css b/Redcore-nighttime/gtk-3.20/gtk.css new file mode 100644 index 0000000..19b01e6 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/gtk.css @@ -0,0 +1 @@ +@import url("resource:///org/numixproject/gtk-3.20/dist/gtk.css"); diff --git a/Redcore-nighttime/gtk-3.20/gtk.gresource b/Redcore-nighttime/gtk-3.20/gtk.gresource new file mode 100644 index 0000000..0518d29 Binary files /dev/null and b/Redcore-nighttime/gtk-3.20/gtk.gresource differ diff --git a/Redcore-nighttime/gtk-3.20/gtk.gresource.xml b/Redcore-nighttime/gtk-3.20/gtk.gresource.xml new file mode 100644 index 0000000..98e3014 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/gtk.gresource.xml @@ -0,0 +1,53 @@ + + + + assets/checkbox-checked-dark.svg + assets/checkbox-checked-insensitive-dark.svg + assets/checkbox-checked-insensitive.svg + assets/checkbox-checked.svg + assets/checkbox-mixed-dark.svg + assets/checkbox-mixed-insensitive-dark.svg + assets/checkbox-mixed-insensitive.svg + assets/checkbox-mixed.svg + assets/checkbox-unchecked-dark.svg + assets/checkbox-unchecked-insensitive-dark.svg + assets/checkbox-unchecked-insensitive.svg + assets/checkbox-unchecked.svg + assets/grid-selection-checked-dark.svg + assets/grid-selection-checked.svg + assets/grid-selection-unchecked-dark.svg + assets/grid-selection-unchecked.svg + assets/menuitem-checkbox-checked-hover.svg + assets/menuitem-checkbox-checked-insensitive.svg + assets/menuitem-checkbox-checked.svg + assets/menuitem-checkbox-unchecked.svg + assets/menuitem-checkbox-mixed-hover.svg + assets/menuitem-checkbox-mixed-selected.svg + assets/menuitem-checkbox-mixed-insensitive.svg + assets/menuitem-checkbox-mixed.svg + assets/menuitem-radio-checked-hover.svg + assets/menuitem-radio-checked-insensitive.svg + assets/menuitem-radio-checked.svg + assets/menuitem-radio-unchecked.svg + assets/menuitem-radio-mixed-hover.svg + assets/menuitem-radio-mixed-selected.svg + assets/menuitem-radio-mixed-insensitive.svg + assets/menuitem-radio-mixed.svg + assets/radio-checked-dark.svg + assets/radio-checked-insensitive-dark.svg + assets/radio-checked-insensitive.svg + assets/radio-checked.svg + assets/radio-mixed-dark.svg + assets/radio-mixed-insensitive-dark.svg + assets/radio-mixed-insensitive.svg + assets/radio-mixed.svg + assets/radio-unchecked-dark.svg + assets/radio-unchecked-insensitive-dark.svg + assets/radio-unchecked-insensitive.svg + assets/radio-unchecked.svg + assets/pane-handle.png + assets/pane-handle@2.png + dist/gtk.css + dist/gtk-dark.css + + diff --git a/Redcore-nighttime/gtk-3.20/scss/_colors.scss b/Redcore-nighttime/gtk-3.20/scss/_colors.scss new file mode 100644 index 0000000..8593ba9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/_colors.scss @@ -0,0 +1,101 @@ +@import "global"; + +/* dark color scheme */ +@define-color dark_bg_color #{"" + $dark_bg_color}; +@define-color dark_fg_color #{"" + $dark_fg_color}; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_color}; +@define-color theme_tooltip_bg_color #{"" + $tooltip_bg_color}; +@define-color theme_tooltip_fg_color #{"" + $tooltip_fg_color}; + +/* shadow effects */ +@define-color light_shadow #{"" + $light_shadow}; +@define-color dark_shadow #{"" + $dark_shadow}; + +/* misc colors used by gtk+ */ +@define-color info_fg_color #{"" + $info_fg_color}; +@define-color info_bg_color #{"" + $info_bg_color}; +@define-color warning_fg_color #{"" + $warning_fg_color}; +@define-color warning_bg_color #{"" + $warning_bg_color}; +@define-color question_fg_color #{"" + $question_fg_color}; +@define-color question_bg_color #{"" + $question_bg_color}; +@define-color error_fg_color #{"" + $error_fg_color}; +@define-color error_bg_color #{"" + $error_bg_color}; +@define-color link_color #{"" + $link_color}; +@define-color success_color #{"" + $success_color}; +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; + +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; +@define-color borders #{"" + $borders_color}; +@define-color unfocused_borders #{"" + $backdrop_borders_color}; + +@define-color button_bg_color #{"" + $button_bg_color}; +@define-color button_fg_color #{"" + $button_fg_color}; +@define-color header_button_bg_color #{"" + $header_button_bg_color}; +@define-color header_button_fg_color #{"" + $header_button_fg_color}; + +@define-color insensitive_bg_color #{"" + $insensitive_bg_color}; +@define-color insensitive_fg_color #{"" + $insensitive_fg_color}; + +/* osd */ +@define-color osd_base #{"" + $osd_base}; +@define-color osd_bg #{"" + $osd_bg}; +@define-color osd_fg #{"" + $osd_fg}; +@define-color osd_insensitive_bg_color #{"" + $osd_insensitive_bg_color}; +@define-color osd_insensitive_fg_color #{"" + $osd_insensitive_fg_color}; +@define-color osd_borders_color #{"" + $osd_borders_color}; + +/* lightdm greeter colors */ +@define-color lightdm_bg_color #{"" + $lightdm_bg_color}; +@define-color lightdm_fg_color #{"" + $lightdm_fg_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}; + +/* insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color}; + +/* window manager colors */ +@define-color wm_bg #{"" + $wm_bg}; +@define-color wm_border_focused #{"" + $wm_border_focused}; +@define-color wm_border_unfocused #{"" + $wm_border_unfocused}; +@define-color wm_title_focused #{"" + $wm_title_focused}; +@define-color wm_title_unfocused #{"" + $wm_title_unfocused}; +@define-color wm_icons_focused #{"" + $wm_icons_focused}; +@define-color wm_icons_focused_prelight #{"" + $wm_icons_focused_prelight}; +@define-color wm_icons_focused_pressed #{"" + $wm_icons_unfocused_pressed}; +@define-color wm_icons_unfocused #{"" + $wm_icons_unfocused}; +@define-color wm_icons_unfocused_prelight #{"" + $wm_icons_unfocused_prelight}; +@define-color wm_icons_unfocused_pressed #{"" + $wm_icons_unfocused_pressed}; diff --git a/Redcore-nighttime/gtk-3.20/scss/_functions.scss b/Redcore-nighttime/gtk-3.20/scss/_functions.scss new file mode 100644 index 0000000..8eb18c6 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/_functions.scss @@ -0,0 +1,95 @@ +$modules: () !default; + +@mixin exports($name) { + @if (not index($modules, $name)) { + $modules: append($modules, $name) !global; + + @content; + } +} + +@function alpha($color, $amount) { + @if type-of($color) == "color" { + @return fade-out($color, (1 - $amount)); + } @else { + @return unquote("alpha(#{$color},#{$amount})"); + } +} + +@function shade($color, $amount) { + @if type-of($color) == "color" { + @if ($amount > 1) { + @return lighten($color, ($amount - 1) * lightness($color)) + } @else { + @return darken($color, (1 - $amount) * lightness($color)) + } + } @else { + @return unquote("shade(#{$color},#{$amount})"); + } +} + +@function mix($color1, $color2, $amount) { + @return unquote("mix(#{$color1},#{$color2},#{$amount})"); +} + +@function border_normal($color) { + @return shade($color, $contrast); +} + +@function border_focus($color) { + @return if($variant == 'light', mix($selected_bg_color, $color, .3), darken($selected_bg_color, 20%)); +} + +@function border_active($color) { + @return shade($color, ($contrast - .1)); +} + +@function border_insensitive($color) { + @return shade($color, ($contrast + .05)); +} + +@mixin linear-gradient($color, $direction: to bottom) { + @if $gradient == 0 { + background-color: $color; + background-image: none; + } @else { + $amount: $gradient / 2; + + background-color: $color; + background-image: linear-gradient($direction, + shade($color, (1 + $amount)), + shade($color, (1 - $amount)) + ); + } +} + +@mixin border($color) { + border-color: border_normal($color); + + &:focus, &:hover { border-color: border_focus($color); } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { border-color: border_active($color); } + + &:disabled { border-color: border_insensitive($color); } + + &:active:disabled, &:checked:disabled { border-color: border_normal($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 * .8); + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/_global.scss b/Redcore-nighttime/gtk-3.20/scss/_global.scss new file mode 100644 index 0000000..2e35a4e --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/_global.scss @@ -0,0 +1,150 @@ +// scss-lint:disable ColorVariable + +@import "functions"; + +// default color scheme +$bg_color: if($variant == "dark", #dedede, #2d2d2d); +$fg_color: if($variant == "dark", #2d2d2d, #dedede); +$base_color: if($variant == "dark", #dedede, #2d2d2d); +$text_color: if($variant == "dark", #2d2d2d, #dedede); +$button_bg_color: if($variant == "dark", #dedede, #2d2d2d); +$button_fg_color: if($variant == "dark", #2d2d2d, #dedede); +$header_button_bg_color: #2d2d2d; +$header_button_fg_color: #dedede; +$selected_bg_color: #990000; +$selected_fg_color: #dedede; +$tooltip_bg_color: #2d2d2d; +$tooltip_fg_color: #dedede; + +/*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ +/*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ +$selected_borders_color: if($variant == 'light', mix($selected_bg_color, $fg_color, .3), darken($selected_bg_color, 20%)); +$borders_color: if($variant == 'light', mix($bg_color, $fg_color, .08), shade($bg_color, .88)); +$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); + +// dark colors +$dark_bg_color: #2d2d2d; +$dark_fg_color: #dedede; + +// shadows +/*$dark_shadow: #000;*/ +/*$light_shadow: #fff;*/ +$dark_shadow: shade($fg_color, .2); +$light_shadow: lighten($bg_color, .4); + +// caret +$primary_caret_color: #dedede; +$secondary_caret_color: #dedede; +$caret_aspect_ratio: 0.04; + +// white and black +$black: #000; +$white: #fff; + +/*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ +/*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ +$button_border_strength: 0.1; +$button_border: alpha($button_fg_color, .06 + $button_border_strength); +$entry_border: $borders_color; + +$scrollbar_bg_color: if($variant == 'light', darken($bg_color, 5%), mix($base_color, $bg_color, .4)); +$scrollbar_slider_color: mix($bg_color, $fg_color, .5); +$scrollbar_slider_hover_color: mix($bg_color, $fg_color, .7); +$scrollbar_slider_active_color: if($variant == 'light', darken($selected_bg_color, 5%), lighten($selected_bg_color, 10%)); + +$switch_disabled_bg_color: mix($bg_color, $base_color, .5); +$switch_disabled_border_color: $bg_color; +$switch_disabled_fg_color: $bg_color; +$switch_disabled_slider_bg_color: $bg_color; +$switch_bg_color: mix($bg_color, $base_color, .3); +$switch_fg_color: $text_color; +$switch_slider_bg_color: mix($text_color, $bg_color, .5); + +// @TODO: replace to xrdb values: +// misc colors used by gtk+ +$info_fg_color: #fff; +$info_bg_color: #03a9f4; +$warning_fg_color: #fff; +$warning_bg_color: #ef6c00; +$question_fg_color: #fff; +$question_bg_color: #673ab7; +$error_fg_color: #fff; +$error_bg_color: #f44336; +$link_color: #3f51b5; +$success_color: #4caf50; +$warning_color: #ef6c00; +$error_color: #f44336; + +$toolbar_bg_color: $bg_color; +$toolbar_fg_color: $fg_color; + +$titlebar_bg_color: $dark_bg_color; +$titlebar_fg_color: $dark_fg_color; + +$menu_bg_color: $dark_bg_color; +$menu_fg_color: $dark_fg_color; + +$menubar_bg_color: $dark_bg_color; +$menubar_fg_color: $dark_fg_color; + +$panel_bg_color: $dark_bg_color; +$panel_fg_color: $dark_fg_color; + +$osd_base: $dark_bg_color; +$osd_text_color: $dark_fg_color; +$osd_bg: alpha($osd_base, .8); +$osd_fg: $osd_text_color; +$osd_insensitive_bg_color: mix($osd_fg, $osd_bg, .5); +$osd_insensitive_fg_color: mix($osd_fg, $osd_base, .6); +$osd_borders_color: shade($osd_bg, .85); + +$lightdm_bg_color: $dark_bg_color; +$lightdm_fg_color: $dark_fg_color; + +$wm_bg: $titlebar_bg_color; +$wm_border_focused: #990000; +$wm_border_unfocused: #2d2d2d; +$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_icons_focused_prelight: $selected_bg_color; +$wm_icons_focused_pressed: shade($selected_bg_color, .8); +$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_unfocused_prelight: $selected_bg_color; +$wm_icons_unfocused_pressed: shade($selected_bg_color, .8); + +//insensitive state derived colors +$insensitive_fg_color: mix($fg_color, $bg_color, .5); +$insensitive_bg_color: mix($bg_color, $base_color, .6); +$insensitive_borders_color: $borders_color; + +//colors for the backdrop state, derived from the main colors. +$backdrop_base_color: if($variant == 'light', darken($base_color, .01), lighten($base_color, .01)); +$backdrop_text_color: mix($backdrop_base_color, $text_color, .8); +$backdrop_bg_color: $bg_color; +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, .5); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_bg_color: $selected_bg_color; +$backdrop_selected_fg_color: mix($selected_bg_color, $selected_fg_color, .66); +$backdrop_borders_color: mix($bg_color, $borders_color, .9); +$backdrop_dark_fill: mix($backdrop_bg_color, $backdrop_borders_color, .35); +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, .5); + +$backdrop_osd_base: $osd_base; +$backdrop_osd_bg: $osd_bg; +$backdrop_osd_fg: mix($osd_fg, $backdrop_osd_base, .5); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, .4); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, .2)); + +$drop_target_color: #4e9a06; + +// widget styles +$_roundness: 0; +$_spacing: 3; +$roundness: 0px; +$spacing: 3px; +$gradient: 0.0; +$contrast: .8; diff --git a/Redcore-nighttime/gtk-3.20/scss/_widgets.scss b/Redcore-nighttime/gtk-3.20/scss/_widgets.scss new file mode 100644 index 0000000..719463b --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/_widgets.scss @@ -0,0 +1,41 @@ +@import "functions"; +@import "global"; +@import "colors"; + + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/actionbar"; +@import "widgets/calendar"; +@import "widgets/choosers"; +@import "widgets/grid"; +@import "widgets/infobar"; +@import "widgets/menu"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/osd"; +@import "widgets/overshoot"; +@import "widgets/progress"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinner"; +@import "widgets/toggle"; +@import "widgets/toolbar"; +@import "widgets/view"; +@import "widgets/window"; + +@import "apps/mate-applications"; +@import "apps/cinnamon-applications"; +@import "apps/gnome-applications"; +@import "apps/unity-greeter"; +@import "apps/gedit"; +@import "apps/nautilus"; +@import "apps/nemo"; +@import "apps/panel"; +@import "apps/synaptic"; +@import "apps/xfce"; +@import "apps/unity"; +@import "apps/lightdm"; +@import "apps/gnome-terminal"; +@import "apps/budgie"; diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_budgie.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_budgie.scss new file mode 100644 index 0000000..3b5ed0a --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_budgie.scss @@ -0,0 +1,27 @@ +/****************** + ! Budgie Desktop * +*******************/ + +@include exports("budgie-desktop") { + .budgie-container { + background-color: transparent; + } + + .raven { + background-color: transparentize($bg_color, .07); + + .raven-header { + background-color: $bg_color; + border: solid $borders_color; + border-width: 1px 0; + } + + .raven-background { + background-color: transparentize($bg_color, .07); + } + } + + .raven-mpris { + background-color: transparentize($bg_color, .3); + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_cinnamon-applications.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_cinnamon-applications.scss new file mode 100644 index 0000000..28511c7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_cinnamon-applications.scss @@ -0,0 +1,19 @@ +/********************* + ! Cinnamon Settings * +**********************/ + +@include exports("cinnamon-settings") { + .cs-category-view { + &, .view { + &, &:backdrop { + background-color: transparent; + } + + &:selected { + &:focus, & { + @extend %selected_items; + } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_gedit.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_gedit.scss new file mode 100644 index 0000000..c153930 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_gedit.scss @@ -0,0 +1,143 @@ +/********* + ! Gedit * +**********/ + +@include exports("gedit") { + GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + list row { + padding: $spacing; + + button { + padding: 1px; + border-radius: $roundness; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + -gtk-icon-shadow: none; + } + } + + .prelight-row button { + border-color: alpha($black, .1); + color: alpha($white, .8); + + &:active { + border-color: alpha($black, .2); + background-color: alpha($black, .08); + color: $white; + } + } + + list row, .prelight-row { + button:hover { + border-color: alpha($black, .1); + color: $white; + } + } + } + + .gedit-document-panel-group-row { + &, &:hover { + border-top: 1px solid shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel-document-row { + &:hover { background-color: shade($bg_color, 1.05); } + + &:selected { + &, &:hover { @extend %selected; } + } + } + + .gedit-document-panel-dragged-row { + border: 1px solid alpha($black, .1); + background-color: alpha($black, .5); + color: $white; + } + + .gedit-document-panel-placeholder-row { + border: 0; + background-color: alpha($black, .08); + transition: all 200ms ease-in; + } + + //Ignore: Global double border separator. + //statusbar { border-top: 1px solid border_normal($bg_color); } + + statusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; + + button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; + + &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); } + + &:active { + background-color: shade($bg_color, .95); + color: $fg_color; + } + } + } + + GeditViewFrame .gedit-search-slider { + padding: $spacing; + border-radius: 0 0 $roundness $roundness; + border-width: 0 1px 1px; + border-style: solid; + border-color: border_normal($base_color); + background-color: $base_color; + + .not-found { + background-color: $error_bg_color; + background-image: none; + color: $error_fg_color; + + &:selected { @extend %selected; } + } + } + + GeditFileBrowserWidget .toolbar { + padding: $spacing / 2; + border-top: 0; + background-color: $bg_color; + background-image: none; + } + + .gedit-search-entry-occurrences-tag { + margin: $spacing / 2; + padding: $spacing / 2; + color: mix($text_color, $base_color, .5); + } + + .gedit-bottom-panel-paned, + .gedit-side-panel-paned, + paned.titlebar { + margin-right: 0; + } + + .gedit-bottom-panel-paned notebook { + border-top: none; + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_gnome-applications.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_gnome-applications.scss new file mode 100644 index 0000000..dc20144 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_gnome-applications.scss @@ -0,0 +1,59 @@ +/**************** + ! Gnome clocks * +*****************/ + +@include exports("gnome-clocks") { + .clocks-analog-frame { + &.trough { color: mix($fg_color, $bg_color, .85); } + + &.progress { color: mix($bg_color, $selected_bg_color, .5); } + + &.progress-fast { color: shade($selected_bg_color, .7); } + } +} + + +/***************** + ! Gnome Builder * +******************/ + +@include exports("gnome-builder") { + workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: 0; + box-shadow: none; + + headerbar { + &, &:first-child, &:last-child { border-radius: $roundness $roundness 0 0; } + } + } +} + + +/************************ + ! Unity-Control-Center * +*************************/ + +@include exports("unity-control-center") { + // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/634 + .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame { + // hide unwanted frames + border: 0 none transparent; + + > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical { + // reset $base_color; + iconview.view { + &, &:backdrop { + background-color: transparent; + } + + &:selected { + &:focus, & { + @extend %selected_items; + } + } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_gnome-terminal.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_gnome-terminal.scss new file mode 100644 index 0000000..c23893c --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_gnome-terminal.scss @@ -0,0 +1,37 @@ +/********************** + ! Genome Terminal * +***********************/ + +@include exports("gnome-terminal") { + //noinspection ScssLintInspection,ScssLintInspection + VteTerminal { + background-color: $osd_base; + color: $osd_fg; + } + + terminal-window { + junction, scrollbar trough { + background-color: $osd_base; + border-color: border_normal($osd_base); + + //&:backdrop { + // background-color: shade($backdrop_osd_bg, .9); + // border-color: border_normal(shade($backdrop_osd_bg, .9)); + //} + } + + scrollbar.vertical { + slider { + background-color: mix($osd_base, $osd_fg, .2); + + &:hover { background-color: mix($osd_base, $osd_fg, .3); } + + &:hover:active { background-color: $selected_bg_color; } + + //&:backdrop { background-color: mix($backdrop_osd_fg, $backdrop_osd_bg, .4); } + + &:disabled { background-color: transparent; } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_lightdm.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_lightdm.scss new file mode 100644 index 0000000..76d189c --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_lightdm.scss @@ -0,0 +1,117 @@ +/*********************** + ! LightDM GTK Greeter * + ***********************/ + +@include exports("lightdm") { + #panel_window { + background-color: $lightdm_bg_color; + background-image: none; + color: $white; + font-weight: bold; + text-shadow: 0 1px alpha($black, .5); + -gtk-icon-shadow: 0 1px alpha($black, .5); + + menubar { + padding-left: $spacing; + + &, > menuitem { + background-color: transparent; + background-image: none; + border-style: none; + color: $white; + text-shadow: 0 1px alpha($black, .5); + -gtk-icon-shadow: 0 1px alpha($black, .5); + + &:hover { + background-color: alpha($white, .2); + background-image: none; + color: $white; + } + + *:hover { color: $white; } + + &:disabled { color: alpha($white, .7); } + } + + menu > menuitem { font-weight: normal; } + } + } + + #content_frame { padding-bottom: $spacing * 3; } + + #login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: $roundness; + background-color: $lightdm_bg_color; + color: $lightdm_fg_color; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21); + + @extend %panelbutton; + } + + #login_window { + menu { border-radius: 0; } + + button { @include button($lightdm_bg_color, $lightdm_fg_color); } + + entry { @include entry($lightdm_bg_color, $lightdm_fg_color); } + } + + #user_combobox { + color: $lightdm_fg_color; + font-size: 18px; + + menu { font-weight: normal; } + + arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); } + } + + #user_image { + border-radius: $roundness; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 shade($lightdm_bg_color, .7), + inset -1px 0 shade($lightdm_bg_color, .7), + inset 0 1px shade($lightdm_bg_color, .7), + inset 0 -1px shade($lightdm_bg_color, .7); + } + + #user_image_border { + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + box-shadow: inset 1px 0 alpha($dark_shadow, .07), + inset 0 1px alpha($dark_shadow, .08), + inset -1px 0 alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + #buttonbox_frame { + padding-top: $spacing * 2; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + background-color: transparent; + background-image: none; + box-shadow: none; + } + + /* shutdown button */ + #shutdown_button { + button { @include button($error_bg_color, $error_fg_color); } + } + + /* restart button */ + #restart_button { + button { @include button($warning_bg_color, $warning_fg_color); } + } + + /* password warning */ + #greeter_infobar { font-weight: bold; } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_mate-applications.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_mate-applications.scss new file mode 100644 index 0000000..87e76a0 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_mate-applications.scss @@ -0,0 +1,86 @@ +@import "panel"; + +/**************** + ! MATE styles * +*****************/ + +@include exports("mate-applications") { + .mate-panel-menu-bar { + @extend %panel; + + border: 0; + padding: 0; + text-shadow: none; + } + + #PanelApplet label, + .mate-panel-menu-bar menubar > menuitem { + color: $panel_fg_color; + } + + PanelSeparator, MatePanelAppletFrameDBus { + border-width: 0; + color: transparent; + background-image: -gtk-scaled(url("../assets/pane-handle.png"), + url("../assets/pane-handle@2.png")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; + } + + #PanelApplet button, + #PanelApplet button.flat, + #PanelApplet button.toggle + #PanelApplet button.flat.toggle { + background-image: none; + background-color: transparent; + border-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 1px; + color: $panel_fg_color; + text-shadow: none; + box-shadow: none; + padding: 2px; + } + + #PanelApplet button:hover:active, + #PanelApplet button:checked, + #PanelApplet button:checked:hover, + #PanelApplet button.flat:hover:active, + #PanelApplet button.flat:checked, + #PanelApplet button.flat:checked:hover, + #PanelApplet button.toggle:hover:active, + #PanelApplet button.toggle:checked, + #PanelApplet button.toggle:checked:hover, + #PanelApplet button.flat.toggle:hover:active, + #PanelApplet button.flat.toggle:checked, + #PanelApplet button.flat.toggle:checked:hover { + background-image: none; + background-color: darker($panel_bg_color); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: lighter($panel_fg_color); + text-shadow: none; + padding: 2px; + } + + #PanelApplet button:hover, + #PanelApplet button.flat:hover, + #PanelApplet button.toggle:hover, + #PanelApplet button.flat.toggle:hover { + background-image: none; + background-color: shade($panel_bg_color, 1.3); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: $selected_fg_color; + text-shadow: none; + padding: 2px; + } + + .mate-panel-menu-bar menubar > menuitem { + padding: 3px 7px; + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_nautilus.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_nautilus.scss new file mode 100644 index 0000000..1b51e55 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_nautilus.scss @@ -0,0 +1,92 @@ +/************ + ! Nautilus * +*************/ + +@include exports("nautilus") { + .nautilus-desktop, .nautilus-desktop * { + &, &:backdrop { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + } + + .nautilus-window { + toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($toolbar_bg_color); + } + + .sidebar { + border: 0; + + frame { border: 0; } + } + + notebook { + background-color: $base_color; + border: 0; + + frame { border: 0; } + } + + .searchbar-container { + margin-top: -1px; + + searchbar { + padding-top: $spacing - 3px; + padding-bottom: $spacing - 2px; + border-bottom: 1px solid $borders_color; + } + } + } + + button.nautilus-circular-button.image-button { + @extend button.circular; + } + + $disk_space_unknown: alpha($fg_color, .5); + $disk_space_used: alpha($selected_bg_color, .8); + $disk_space_free: shade($bg_color, .95); + + .disk-space-display { + border-style: solid; + border-width: 1px; + + &.unknown { + background-color: $disk_space_unknown; + border-color: shade($disk_space_unknown, .9); + } + + &.used { + background-color: $disk_space_used; + border-color: shade($disk_space_used, .9); + } + + &.free { + background-color: $disk_space_free; + border-color: shade($disk_space_free, .9); + } + } + + // Batch renaming dialog + .conflict-row.activatable { + &, &:active { + color: $error_fg_color; + background-color: $error_color; + } + + &:hover { background-color: shade($error_color, 1.1); } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_nemo.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_nemo.scss new file mode 100644 index 0000000..e2fe671 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_nemo.scss @@ -0,0 +1,174 @@ +/******** + ! Nemo * +*********/ + +@include exports("nemo") { + .nemo-desktop, .nemo-desktop * { + &, &:backdrop { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + } + + .nemo-window { + toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($toolbar_bg_color); + + button { + @include button($bg_color, $fg_color); + } + + .linked > button { @include linked_button($bg_color); } + + separator, separator:disabled { + color: shade($bg_color, ($contrast + .1)); + border-color: currentColor; + -GtkWidget-window-dragging: true; + } + + &.primary-toolbar button.image-button { + padding: 0 ($spacing + 5px); + } + + combobox, button { + padding: $spacing; + + &.text-button { padding: $spacing; } + + &.image-button { padding: $spacing; } + } + + /* Path Bar */ + toolitem stack { + margin-left: 15px; + + widget button { + @include linked_button($toolbar_bg_color); + -NemoPathbarButton-border-radius: $roundness; + } + } + } // END toolbar + + /* Status Bar */ + grid { + > widget:last-child { + button { + min-height: 16px; + min-width: 16px; + padding: ($spacing - 1px) (($spacing * 2) - 2px); + } + + button:first-child { + margin-left: 20px; + } + + button:first-child + button { + margin-right: 15px; + } + + button:first-child + button + separator + button { + margin-left: 15px; + } + + > box > scale { + margin-right: 12px; + } + + statusbar { + border: 0; + } + } + } // END Status Bar + + .sidebar { + .frame { + border: 0; + } + + image { + padding-left: $spacing; + padding-right: $spacing; + } + + .nemo-places-sidebar { + &, & .view { + background-color: mix($bg_color, $base_color, .5); + } + + .view { + -NemoPlacesTreeView-disk-full-bg-color: shade($bg_color, .8); + -NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color; + -NemoPlacesTreeView-disk-full-bar-width: 2px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 0; + -NemoPlacesTreeView-disk-full-max-length: 75px; + + &:selected { + -NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color; + -NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2); + + &:focus, & { + @extend %selected_items; + } + } + } + } + + /* Nemo Query Editor (File Search Bar) */ + + separator + box .primary-toolbar { + @include linear-gradient(shade($bg_color, .98)); // Searchbar color (_actionbar.scss) + + padding-top: $spacing - 3px; + padding-bottom: $spacing - 3px; + border-bottom: 1px solid $borders_color; + + button:nth-child(2) { + border-right: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + button:nth-child(3) { + margin-left: -6px; + border-left: none; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + button.flat { + $bg: $bg_color; + $fg: $fg_color; + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + $button_bg: if(hue($bg) == 0deg, shade($bg, 1.2), $bg); + + @extend %button; + @include linear-gradient($button_bg); + @include border(rgba(0, 0, 0, .12 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + padding: 5px 6px; + } + } // END Nemo Query Editor + } // END .sidebar + + notebook { + background-color: $base_color; + border-width: 0; + + tabs { + border: 0; + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_panel.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_panel.scss new file mode 100644 index 0000000..814a450 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_panel.scss @@ -0,0 +1,91 @@ +/*********************** + ! Fallback mode panel * +************************/ + +@include exports("panel") { + %panel { + @include linear-gradient($panel_bg_color); + + color: $panel_fg_color; + } + + %panellabel { + font-weight: normal; + color: $panel_fg_color; + } + + %panelbutton { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: $panel_fg_color; + + &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11)); + + border-color: mix($panel_bg_color, $panel_fg_color, .11); + color: shade($panel_fg_color, 1.08); + } + + &:active, &:checked { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .21); + color: shade($panel_fg_color, 1.08); + + &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .31); + } + } + } + + panel-plug, + panel-toplevel.background { + @extend %panel; + + padding: 0; + } + + .gp-text-color { + color: $black; + } + + #clock-applet-button { &, &:backdrop { @extend %panelbutton; } } + + panel-applet { + border: 0; + + button { + &, &:backdrop { @extend %panelbutton; } + } + } + + clock-box, + panel-applet > menubar, + panel-toplevel .gnome-panel-menu-bar { + &, &:backdrop { + @extend %panel; + + menuitem { + @extend %panel; + + border: 0; + + label { @extend %panellabel; } + } + } + } + + gp-calendar-window, + #tasklist-button, + #clock-applet-button, + #showdesktop-button { + label { @extend %panellabel; } + } + + wnck-pager, wnck-tasklist { @extend %panel; } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_synaptic.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_synaptic.scss new file mode 100644 index 0000000..c19b78e --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_synaptic.scss @@ -0,0 +1,15 @@ +/************ + ! Synaptic * +*************/ + +@include exports("synaptic") { + GtkWindow > GtkVBox > .dock { + &, > GtkHBox > GtkToolbar { + @include linear-gradient($toolbar-bg-color); + + padding: $spacing; + border: 0; + color: $toolbar_fg_color; + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_unity-greeter.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_unity-greeter.scss new file mode 100644 index 0000000..70f5c3a --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_unity-greeter.scss @@ -0,0 +1,105 @@ +/*********************** + ! Unity Greeter * + ***********************/ + +@include exports("unity-greeter") { + @keyframes dashentry_spinner { + to { -gtk-icon-transform: rotate(1turn); } + } + + %lightdm-button { + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .1); + border-radius: ($roundness * 2) + 1px; + padding: $spacing; + color: $white; + } + + .lightdm { + &.menu { + background-image: none; + background-color: fade-out($black, .4); + border-color: fade-out($white, .8); + border-radius: $roundness * 2; + padding: 1px; + + color: $white; + + .menuitem { *, &.check:active, &.radio:active { color: $white; } } + } + + &.menubar { *, &.menuitem { padding: $spacing - 3px; } } + + &.option-button { + padding: $spacing; + background: none; + border: 0; + } + + &.toggle-button { + background: none; + border-width: 0; + + &.selected { + background-color: fade-out($black, .7); + border-color: fade-out($white, .7); + border-width: 1px; + + &:hover { background-color: fade-out($white, .7); } + } + } + + &.button { + @extend %lightdm-button; + + &:hover { + background-color: fade-out($white, .7); + border-color: fade-out($white, .4); + text-shadow: none; + } + } + + &.entry, &.button:active, &.button:active:focus, &.button:focus { + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .4); + border-radius: ($roundness * 2) + 1px; + padding: $spacing + 2px; + color: $white; + text-shadow: none; + } + + &.entry { + &:hover, &:active, &:active:focus { + background-image: none; + border-image: none; + } + + &:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; + } + + &:focus { + border-color: fade-out($white, .4); + border-width: 1px; + border-style: solid; + color: $white; + } + + &:selected { background-color: fade-out($white, .8); } + } + } + + .lightdm-combo { + &.combobox-entry .button, .cell, .button, .entry { @extend %lightdm-button; } + + &.menu { + background-color: shade($dark_bg_color, 1.08); + border-radius: 0; + padding: 0; + color: $white; + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_unity.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_unity.scss new file mode 100644 index 0000000..54477cb --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_unity.scss @@ -0,0 +1,80 @@ +@import "panel"; + +/**************** + ! Unity styles * +*****************/ + +@include exports("unity") { + UnityDecoration { + -UnityDecoration-extents: 24px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5); + -UnityDecoration-inactive-shadow-radius: 5px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; + + + .top { + border: 1px solid $wm_border_focused; + border-bottom: 0; + border-radius: $roundness $roundness 0 0; + padding: 1px ($spacing + 3px) 0 ($spacing + 3px); + background-color: $titlebar_bg_color; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + text-shadow: none; + + // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/632 + // for L.I.M's selected menuitem + &:hover { + border-radius: 0; + border-color: mix($panel_bg_color, $panel_fg_color, .21); + background-color: mix($panel_bg_color, $panel_fg_color, .21); + background-image: none; + color: shade($panel_fg_color, 1.08); + } + + &:backdrop { + border: 1px solid $wm_border_unfocused; + color: mix($titlebar_fg_color, $titlebar_bg_color, .4); + } + } + + .left, .right, .bottom { + background-color: $titlebar_bg_color; + + &:backdrop { background-color: mix(shade($titlebar_bg_color, .7), $titlebar_fg_color, .21); } + } + } + + UnityPanelWidget, .unity-panel { + @extend %panel; + + border: 0; + } + + .unity-panel { + &.menuitem, .menuitem { + border-width: 0 1px; + color: $panel_fg_color; + + &:hover, *:hover { + border-color: mix($panel_bg_color, $panel_fg_color, .21); + background-color: mix($panel_bg_color, $panel_fg_color, .21); + background-image: none; + color: shade($panel_fg_color, 1.08); + } + } + } + + SheetStyleDialog.unity-force-quit { background-color: $bg_color; } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/apps/_xfce.scss b/Redcore-nighttime/gtk-3.20/scss/apps/_xfce.scss new file mode 100644 index 0000000..4300474 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/apps/_xfce.scss @@ -0,0 +1,30 @@ +@import "panel"; + +/*************** + ! Xfce styles * +****************/ + +@include exports("xfce") { + .XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: $base_color; + color: $text_color; + } + + .xfce4-panel { + @extend %panel; + + font: inherit; + + button { @extend %panelbutton; } + + menu { + -gtk-icon-effect: none; + + text-shadow: none; + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/gtk.scss b/Redcore-nighttime/gtk-3.20/scss/gtk.scss new file mode 100644 index 0000000..4455669 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/gtk.scss @@ -0,0 +1,3 @@ +$variant: "light"; + +@import "widgets"; diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_actionbar.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_actionbar.scss new file mode 100644 index 0000000..3c6aa02 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_actionbar.scss @@ -0,0 +1,99 @@ +@import "button"; +@import "toolbar"; + +/************** + ! Action-bar * +***************/ + +@include exports("actionbar") { + actionbar > revealer > box { + padding: $spacing; + border-top: 1px solid $borders_color; + + &:backdrop { border-color: $backdrop_borders_color; } + } +} + + +/**************************** + ! Search and Location bars * +*****************************/ + +@include exports("searchbar") { + searchbar, + .location-bar { + @include linear-gradient(shade($bg_color, .98)); + + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + } +} + + +/****************** + ! Action buttons * +*******************/ + +@include exports("actionbuttons") { + $types: ( + suggested: $success_color, + destructive: $error-color + ); + + @each $type, $color in $types { + .#{$type}-action { + @include button($color, $selected_fg_color); + } + } +} + + +/****************** + ! Selection mode * +*******************/ + +@include exports("selectionmode") { + headerbar, + .titlebar:not(headerbar) { + &.selection-mode { + @include toolbar($selected_bg_color, $selected_fg_color); + + button { + @include button($selected_bg_color, $selected_fg_color); + + &.suggested-action { @extend .suggested-action; } + } + + &:backdrop { + background-color: $backdrop_selected_bg_color; + background-image: none; + } + + .selection-menu { + &:backdrop, & { + color: shade($selected_bg_color, $contrast); + background-color: transparent; + background-image: none; + box-shadow: none; + border: 0; + + &:hover { color: shade($selected_bg_color, ($contrast - .1)); } + + &:active { color: shade($selected_bg_color, ($contrast - .05)); } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: transparentize($selected_fg_color, .5); + -gtk-icon-shadow: none; + } + } + } + + .dim-label { + &, .selection-menu & { color: shade($selected_bg_color, ($contrast - .1)); } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_base.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_base.scss new file mode 100644 index 0000000..52a78e2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_base.scss @@ -0,0 +1,133 @@ +/************** + ! GTK settings +***************/ + +* { + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + -GtkWidget-cursor-aspect-ratio: $caret_aspect_ratio; + + outline-color: alpha($selected_bg_color, .5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + -gtk-outline-radius: $roundness; +} + + +/************* + ! Base states + *************/ + +%selected { + &, &:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +* { + /* hyperlinks */ + -GtkIMHtml-hyperlink-color: $link_color; + + &:selected { @extend %selected; } + + &:disabled, + &:disabled:disabled { color: mix($fg_color, $bg_color, .5); } + + &:disabled, &:disabled { -gtk-icon-effect: dim; } + + &:hover { -gtk-icon-effect: highlight; } + + &:link, &:visited { color: $link_color; } +} + +.background { + background-color: $bg_color; + color: $fg_color; + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + } + + &.csd { background-color: $bg_color; } +} + +.gtkstyle-fallback { + background-color: alpha($bg_color, .5); + color: $fg_color; + + &:hover { + background-color: shade($bg_color, 1.1); + color: $fg_color; + } + + &:active { + background-color: shade($bg_color, .9); + color: $fg_color; + } + + &:disabled { + background-color: shade(shade($bg_color, .95), 1.05); + color: mix($fg_color, $bg_color, .5); + } + + &:selected { @extend %selected; } +} + +image, label, box, grid { + &, &:disabled { background-color: transparent; } +} + +label { + &.separator { + @extend .dim-label; + + color: $fg_color; + + &:backdrop { color: $backdrop_fg_color; } + } + + row:selected &, + &:selected { @extend %nobg_selected_items; } + + selection { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:disabled { + color: $insensitive_fg_color; + + selection { @extend %selected_items:disabled; } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop { + color: $backdrop_fg_color; + + selection { @extend %selected_items:backdrop; } + } +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { padding: $spacing ($spacing * 2); } + + .sidebar label.highlight { background-color: mix($fg_color, $bg_color, .8); } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_button.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_button.scss new file mode 100644 index 0000000..263c037 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_button.scss @@ -0,0 +1,566 @@ +/********* + ! Buttons +**********/ + +@include exports("button_extends") { + // 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, .01, to($_dot_color), to(transparent)); + } + + to { + background-image: -gtk-gradient(radial, center center, 0, center center, .5, to($selected_bg_color), to(transparent)); + } + } + + %needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: _text_shadow_color(); + $_dot_shadow_r: if($variant == 'light', .5, .45); + background-image: -gtk-gradient(radial, center center, 0, center center, .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; + } + } + } + + %button { + min-height: 14px + $spacing * 2; + min-width: 14px + $spacing * 2; + padding: $spacing ($spacing + 2px); + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: 150ms ease; + outline-color: transparent; + } + + %undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + } + + %linked_middle { + border-radius: 0; + border-left-style: none; + border-right-style: solid; + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_middle:dir(rtl) + border-right-style: none; + border-left-style: solid; + } + } + + %linked_vertical_middle { + border-radius: 0; + border-top-style: none; + border-bottom-style: solid; + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_vertical_middle:dir(rtl) + border-top-style: none; + border-bottom-style: solid; + } + } + + %linked_button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-left-style: none; + border-right-style: solid; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + &:dir(rtl) { + border-left-style: solid; + border-right-style: none; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + border-style: solid; + } + + &:only-child { + border-radius: $roundness; + } + } + + %linked_vertical_button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-top-style: solid; + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-top-style: none; + border-bottom-style: solid; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-top-style: none; + border-bottom-style: solid; + border-top-left-radius: 0; + border-top-right-radius: 0; + + &:dir(rtl) { + border-top-style: solid; + border-bottom-style: none; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + border-style: solid; + } + + &:only-child { + border-radius: $roundness; + } + } +} + +@mixin linked_button($bg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + @extend %linked_button; + + box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &:focus, &:hover { + box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { + box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)), + inset 0 1px alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + &:disabled { box-shadow: inset -1px 0 shade($bg, .8); } + + &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } + + &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } + + &:disabled:last-child, &:disabled:only-child, + &:active:disabled:last-child, &:active:disabled:only-child, + &:checked:disabled:last-child, &:checked:disabled:only-child { box-shadow: none; } + + &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, + &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { + box-shadow: inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } + + &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, + &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } +} + +@mixin linked_vertical_button($bg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + @extend %linked_vertical_button; + + box-shadow: inset 0 -1px border_normal(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &:focus, &:hover { + box-shadow: inset 0 -1px border_focus(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { + box-shadow: inset 0 -1px border_active(rgba(0, 0, 0, .12 + $border_strength)), + inset 1px 0 alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .05); + } + + &:disabled { box-shadow: inset 0 -1px shade($bg, .8); } + + &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } + + &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } + + &:disabled:last-child, &:disabled:only-child, + &:active:disabled:last-child, &:active:disabled:only-child, + &:checked:disabled:last-child, &:checked:disabled:only-child { box-shadow: none; } + + &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, + &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { + box-shadow: inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } + + &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, + &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } +} + +@mixin button($bg, $fg) { + $border_strength: if(lightness($fg) > 50, .1, .2); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + $button_bg: $bg; + + @extend %button; + @include linear-gradient($button_bg); + @include border(alpha($fg, .12 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + + &.flat { + //color: mix($bg, $fg, .2); + color: $fg; + border-color: alpha($button_bg, 0); + background-color: alpha($button_bg, 0); + background-image: none; + box-shadow: none; + } + + &, &.flat { + + &:hover { + @include linear-gradient(shade($bg, 1.05)); + @include border(alpha($fg, .20 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .22 + $shadow_strength); + } + + &:focus { + @include linear-gradient(shade($bg, 1.05)); + @include border(alpha($fg, .20 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + &:hover { + @include linear-gradient(shade($bg, 1.1)); + @include border(alpha($fg, .20 + $border_strength)); + + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .38 + $shadow_strength); + } + } + + &:checked, &:active { + /*@include linear-gradient(shade($bg, .7), to top);*/ + @include linear-gradient($selected_bg_color, to top); + + color: $selected_fg_color; + box-shadow: inset 1px 0 alpha($fg, .06), + inset 0 1px alpha($fg, .07), + inset -1px 0 alpha($fg, .06), + inset 0 -1px alpha($fg, .05); + @include border(alpha($fg, .12 + $border_strength)); + + &:focus, &:hover { + /*@include linear-gradient(shade($bg, .65), to top);*/ + @include linear-gradient(shade($selected_bg_color, 1.05), to top); + + color: $selected_fg_color; + } + } + + &:focus, &:hover { color: $fg; } + + &:disabled:disabled { + @include linear-gradient(alpha(mix($bg, $fg, .2), .4)); + /*border: 1px solid alpha($bg, .2);*/ + opacity: .4; + + color: mix($bg, $fg, .5); + box-shadow: none; + } + + &:active:disabled, &:checked:disabled { + @include linear-gradient(alpha($selected_bg_color, .6)); + + color: $selected_fg_color; + box-shadow: none; + } + } + + &.separator, .separator { + border: 1px solid currentColor; + color: alpha($bg, ($contrast + .1)); + + &:disabled { color: alpha($bg, .85); } + } +} + +@include exports("button") { + %close_button { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + + &:focus, &:hover { + border: 1px solid alpha($bg_color, .3); + background-color: alpha($fg_color, .2); + background-image: none; + box-shadow: none; + } + + &:active, &:checked, &:active:hover, &:checked:hover { + border: 1px solid alpha($selected_bg_color, .3); + background-color: alpha($selected_fg_color, .1); + background-image: none; + box-shadow: none; + } + } + + button { + @include button($button_bg_color, $button_fg_color); + + + .inline-toolbar &, + .linked > & { @include linked_button($button_bg_color); } + + .linked.vertical > & { @include linked_vertical_button($button_bg_color); } + + &.circular, + &.circular-button { // FIXME: aggregate to buttons + padding: 0; + min-width: 28px; + min-height: 28px; + border-radius: 9999px; // Fixed: https://github.com/GNOME/gtk/commit/a6409458f0d50d673a4dc370b9251993b7835b6b + -gtk-outline-radius: 9999px; + + label { padding: 0; } + } + } + + spinbutton { + + &:disabled { + opacity: .4; + } + + button { + color: $button_fg_color; + + &:active, &:checked, &:hover { + @include linear-gradient(shade($button_bg_color, 1.2)); + } + + &:disabled { color: mix($button_fg_color, $bg_color, .7); } + + &:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .9); } + + &:backdrop:disabled { color: alpha($backdrop_insensitive_color, .8); } + } + + &:not(.vertical) { + /*@extend %entry;*/ + @include linear-gradient($base_color, to top); + /*@include border($base_color);*/ + + padding: 0; + border-radius: $roundness; + + color: $text_color; + caret-color: $text_color; + + /*&:focus, &:active { border-color: border_focus($borders_color); }*/ + + &:disabled { + @include linear-gradient(shade($base_color, .9), to top); + + color: mix($base_color, $text_color, .5); + } + + entry { + border-radius: $roundness 0 0 $roundness; + border-right-width: 0; + box-shadow: none; + } + + button { + @extend %linked_middle; + border-radius: 0; + /*border-color: alpha($borders_color, .8);*/ + /*border-style: none none none solid;*/ + background-image: none; + box-shadow: none; + + /* + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.08); + } + + &:hover { + @if (lightness($bg_color) > 50) { + background-color: shade($bg_color, 1.11); + } + } + */ + + &:dir(rtl) { border-style: none solid none none; } + + &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .8); } + + &:backdrop { border-color: alpha($backdrop_borders_color, .8); } + + &:backdrop:disabled { + border-style: none none none solid; // It is needed or it gets overridden + &:dir(rtl) { border-style: none solid none none; } + } + + &:dir(rtl):first-child { border-radius: $roundness 0 0 $roundness; } + + &:dir(ltr):last-child { border-radius: 0 $roundness $roundness 0; } + } + } + + &.vertical { + button, entry { + min-width: 0; + padding-left: $spacing - 2px; + padding-right: $spacing - 2px; + } + + entry { + // reset all the other props since the spinbutton node is styled here + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + } + + button { + &.up { + border-style: solid solid none solid; + border-radius: $roundness $roundness 0 0; + } + + &.down { + border-style: none solid solid solid; + border-radius: 0 0 $roundness $roundness; + } + } + } + } +} + +/****************** +! ComboBoxes * +*******************/ + +@include exports("combobox") { + combobox { + button.combo { + // otherwise the arrow placement is not symmetric + min-width: 0; + padding-left: $spacing + 2px; + padding-right: $spacing + 2px; + } + + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + box button, box entry { + @extend %linked_button; + padding: $spacing ($spacing + 2px); + } + + .linked:not(.vertical) > & > box > button.combo { + // the combo is a composite widget so the way we do button linked doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr) { @extend %linked_middle; } + // specificity bump + &:dir(rtl) { @extend %linked_middle:dir(rtl); } + } + + .linked:not(.vertical) > &:first-child > box > button.combo { @extend %linked_button:first-child; } + + .linked:not(.vertical) > &:last-child > box > button.combo { @extend %linked_button:last-child; } + + .linked:not(.vertical) > &:only-child > box > button.combo { @extend %linked_button:only-child; } + + .linked.vertical > & > box > button.combo { @extend %linked_vertical_middle; } + + .linked.vertical > &:first-child > box > button.combo { @extend %linked_vertical_button:first-child; } + + .linked.vertical > &:last-child > box > button.combo { @extend %linked_vertical_button:last-child; } + + .linked.vertical > &:only-child > box > button.combo { @extend %linked_vertical_button:only-child; } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_calendar.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_calendar.scss new file mode 100644 index 0000000..c2243b9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_calendar.scss @@ -0,0 +1,73 @@ +/********** + ! Calendar +***********/ + +@include exports("calendar") { + calendar { + padding: 1px 3px; + outline-offset: -1px; + + color: $text_color; + + &.view { + &, &:backdrop { @extend %undecorated_button; } + } + + &:selected { + @extend %selected_items; + + border-radius: $roundness; + } + + &.header { + border-bottom: 1px solid transparentize($black, .9); + border-radius: 0; + + &:backdrop { border-color: transparentize($black, .9); } + } + + &.button { + @extend %undecorated_button; + + color: alpha($fg_color, .55); + + &:hover { + @extend %undecorated_button; + + color: $fg_color; + } + + &:backdrop { + @extend %undecorated_button; + + color: alpha($backdrop_fg_color, .55); + } + + &:disabled { + @extend %undecorated_button; + + color: alpha($insensitive_fg_color, .55); + } + } + + &:indeterminate, + &:indeterminate:backdrop { color: mix($fg_color, $bg_color, .5); } + + &.highlight, + &.highlight:backdrop { + font-size: smaller; + color: mix($selected_bg_color, $fg_color, .5); + } + + &:backdrop { + color: $backdrop_text_color; + } + } + + /* gnome-calendar */ + .calendar-view { + background-color: $base_color; + color: $text_color; + } +} + diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_choosers.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_choosers.scss new file mode 100644 index 0000000..6741bd8 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_choosers.scss @@ -0,0 +1,181 @@ +/*************** + ! Color chooser +****************/ + +@include exports("colorchooser") { + 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 + // applied to the overlay box. + + &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: $roundness; + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + .5px; + border-top-right-radius: $_colorswatch_radius + .5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + .5px; + border-bottom-right-radius: $_colorswatch_radius + .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 + .5px; + border-bottom-left-radius: $_colorswatch_radius + .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 + .5px; + border-bottom-right-radius: $_colorswatch_radius + .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, .2), $borders_color); } + + &:backdrop { color: $backdrop_selected_fg_color; } + } + + &.light overlay { + color: $text_color; + + &:hover { border-color: if($variant == 'light', transparentize($black, .5), $borders_color); } + + &:backdrop { color: $backdrop_text_color; } + } + + &:drop(active) { + box-shadow: none; + + &.light overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize($black, .7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + overlay { + border: 1px solid if($variant == 'light', transparentize($black, .7), $borders_color); + + &:hover { + box-shadow: inset 0 1px transparentize($white, .6), + inset 0 -1px transparentize($black, .8); + } + + &:backdrop, + &:backdrop:hover { + border-color: if($variant == 'light', transparentize($black, .7), $borders_color); + box-shadow: none; + } + } + + &:disabled { + opacity: .5; + + overlay { + border-color: transparentize($black, .4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#add-color-button { + border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; + + &:only-child { border-radius: $_colorswatch_radius; } + + overlay { + background-color: shade($bg_color, .95); + color: $fg_color; + + &:hover { background-color: shade($bg_color, .9); } + + &:backdrop { background-color: shade($backdrop_bg_color, .95); } + } + } + + &#editor-color-sample { + border-radius: $_colorswatch_radius; + + overlay { border-radius: $_colorswatch_radius + .5px; } + } + } + + button.color { + padding: $spacing; + + colorswatch:only-child { + &, overlay { border-radius: 0; } + + @if $variant == 'light' { box-shadow: 0 1px _text_shadow_color(); } + } + + @if $variant == 'light' { + &:disabled, + &:backdrop, + &:active, + &:checked { colorswatch:only-child { box-shadow: none; } } + } + } +} + + +/*********************** +! Font and file choosers +************************/ + +@include exports("miscchoosers") { + filechooser { + /* for fallback when header bar not used */ + .dialog-action-box { + border-top: 1px solid $borders_color; + + &:backdrop { border-top-color: $backdrop_borders_color; } + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } + } + + filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_entry.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_entry.scss new file mode 100644 index 0000000..1b65044 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_entry.scss @@ -0,0 +1,186 @@ +/********* + ! Entry * +**********/ + +%linked_entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + + &:dir(rtl) { + border-left-width: 0; + border-right-width: 1px; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + + &:dir(rtl) { + border-left-width: 1px; + border-right-width: 0; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + } + + &:only-child { + border-radius: $roundness; + } +} + +%linked_vertical_entry { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-top-width: 1px; + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-top-width: 0; + border-bottom-width: 1px; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-top-width: 0; + border-bottom-width: 1px; + border-top-left-radius: 0; + border-top-right-radius: 0; + + &:dir(rtl) { + border-top-width: 1px; + border-bottom-width: 0; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + } + + &:only-child { + border-radius: $roundness; + } +} + +%entry { + border-width: 1px; + border-style: solid; + border-radius: $roundness; + border-color: border_normal($bg_color); + transition: border 100ms ease-out; + &:focus, &:hover, &:active { transition: border 100ms ease-in; } + + box-shadow: inset 1px 0 alpha($dark_shadow, 0.10), + inset 0 1px alpha($dark_shadow, 0.12), + inset -1px 0 alpha($dark_shadow, 0.10), + inset 0 -1px alpha($dark_shadow, 0.05); + + + + &:selected { + &, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &:disabled { box-shadow: none; } + + progress { + @include linear-gradient($selected_bg_color); + + border-width: 0; + border-radius: $roundness; + color: $selected_fg_color; + } + + image.left { padding-right: $spacing; } + + image.right { padding-left: $spacing; } + + selection { @extend %selected_items; } + + // entry error and warning style + @each $e_type, $e_color, $e_fg_color in (warning, $warning_bg_color, $warning_fg_color), + (error, $error_bg_color, $error_fg_color), + // entry.search-missing for Gnome-Builder + (search-missing, $error_bg_color, $error_fg_color) { + &.#{$e_type} { + color: $e_fg_color; + border-color: border_normal($e_color); + background-color: mix($base_color, $e_color, .6); + + image { color: $e_fg_color; } + + &:focus { + color: $e_fg_color; + border-color: border_focus($e_color); + background-color: $e_color; + box-shadow: none; + } + + selection { + background-color: $e_fg_color; + color: $e_color; + } + } + } +} + +@mixin entry($bg, $fg, $border: $borders_color) { + @extend %entry; + @include linear-gradient($bg, to top); + @include border(mix($bg, $fg, .20)); + + padding: $spacing; + + color: $fg; + caret-color: $primary_caret_color; + -gtk-secondary-caret-color: $secondary_caret_color; + + &:focus, &:active { border-color: border_focus($border); } + + &:disabled { + @include linear-gradient(shade($bg, .9), to top); + @include border(alpha(mix($bg, $fg, .20), .4)); + /*@include border(mix($bg, $fg, .20));*/ + /*border-color: alpha(mix($bg, $fg, .15), .8);*/ + /*opacity: .8;*/ + + color: mix($bg, $fg, .5); + } +} + +@include exports("entry") { + entry { + @include entry($base_color, $text_color); + + .linked:not(.vertical) > & { @extend %linked_entry; } + + .linked.vertical > & { @extend %linked_vertical_entry; } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_grid.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_grid.scss new file mode 100644 index 0000000..7a16dca --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_grid.scss @@ -0,0 +1,63 @@ +/****************** + ! Grid and flowbox +*******************/ + +@include exports("grid") { + list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + + row { padding: $spacing; } + } + + row { + transition: all 150ms cubic-bezier(.25, .46, .45, .94); + + &:hover { transition: none; } + + &:backdrop { transition: 200ms ease-out; } + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: if(variant == light, transparentize($fg_color, .9), transparentize($fg_color, .95)); } + + &:active { box-shadow: inset 0 2px 2px -2px transparentize($black, .8); } + + &:backdrop:hover { background-color: transparent; } + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .5); } + + &.has-open-popup, + &:hover { background-color: mix($selected_bg_color, $fg_color, .1); } + + &:backdrop { background-color: $selected_bg_color; } + } + } + + &:selected { @extend %selected_items; } + } + + flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: $spacing; + border-radius: $roundness; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } + } +} + diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_infobar.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_infobar.scss new file mode 100644 index 0000000..bf82db2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_infobar.scss @@ -0,0 +1,41 @@ +@import "button"; + + +/********* + ! Infobar +**********/ + +@include exports("infobar") { + infobar { + border: 0; + + $types: ( + info: ($info_fg_color, $info_bg_color), + warning: ($warning_fg_color, $warning_bg_color), + question: ($question_fg_color, $question_bg_color), + error: ($error_fg_color, $error_bg_color), + ); + + @each $type, $colors in $types { + $fg_color: nth($colors, 1); + $bg_color: nth($colors, 2); + + &.#{$type} { + &, &:backdrop { // Backdrop button fix: https://github.com/numixproject/numix-gtk-theme/issues/544 + @include linear-gradient($bg_color); + + border: 1px solid shade($bg_color, .8); + caret-color: currentColor; + + label, & { color: $fg_color; } + } + + button { + @include button($bg_color, $fg_color); + + &.close { @extend %close_button; } + } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_menu.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_menu.scss new file mode 100644 index 0000000..1a7f248 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_menu.scss @@ -0,0 +1,319 @@ +@import "entry"; + + + +@mixin menu_calendar($bg, $fg) { + color: $fg; + + &.header { + border-bottom: 1px solid shade($bg, ($contrast + .1)); + border-radius: 0; + + &:backdrop { border-color: shade($bg, ($contrast + .1)); } + } + + &.button { + @extend %undecorated_button; + color: alpha($fg, .55); + + &:hover { + @extend %undecorated_button; + color: $fg; + } + } + + &:indeterminate, + &:indeterminate:backdrop { color: mix($fg, $bg, .5); } +} + + +/********* + ! Menubar +**********/ + +@include exports("menubar") { + menubar, .menubar { + -GtkWidget-window-dragging: true; + + padding: 0; + border: 0; + background-color: $menubar_bg_color; + background-image: none; + //box-shadow: inset 0 -1px shade($menubar_bg_color, .9); + color: $menubar_fg_color; + + > menuitem { + min-height: 16px; + padding: $spacing*1.5 $spacing * 2.5; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: $menubar_fg_color; + + &:hover { + border-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-image: none; + color: shade($menubar_fg_color, 1.08); + } + + *:hover { color: shade($menubar_fg_color, 1.08); } + } + } +} + + +/****** + ! Menu +*******/ + +@include exports("menu") { + menu, + .menu, + .context-menu { + border: 0; + border-radius: 0; + padding: $spacing; + background-color: $menu_bg_color; + color: $menu_fg_color; + + .csd & { border: 0; } // axes borders in a composited env + + &:selected { background-color: $selected_bg_color; } + + // A little hack to get some extra space above/below menuitem separators + separator, + .csd & separator { + background-color: shade($menu_bg_color, ($contrast + .1)); + margin: ($spacing - 2px) 0; + } + + // Firefox workaround + .separator, + .csd & .separator { color: shade($menu_bg_color, ($contrast + .1)); } + + menuitem { + min-height: 16px; + min-width: 40px; + padding: $spacing; + border-radius: 0; + + &:active, &:hover { + border: 0; + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + + *:active, *:hover { color: $selected_fg_color; } + + &:disabled, *:disabled { color: mix($menu_fg_color, $menu_bg_color, .5); } + + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &: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; + } + } + + &.button, &.button.flat { + &, &:focus, &:active, &:disabled, &:active:disabled { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; + } + + &:hover, &:focus:hover, &:active:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + calendar { @include menu_calendar($menu_bg_color, $menu_fg_color); } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { &:dir(rtl), &:dir(ltr) { color: inherit; } } + } + + // overflow arrows + > arrow { + //@include button(undecorated); + + min-height: 16px; + min-width: 16px; + padding: $spacing; + background-color: $menu_bg_color; + border-radius: 0; + + &.top { + margin-top: -6px; + border-bottom: 1px solid mix($fg_color, $base_color, .1); + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-bottom: -6px; + border-top: 1px solid mix($fg_color, $base_color, .1); + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { background-color: mix($fg_color, $base_color, .1); } + + &:backdrop { background-color: $backdrop_menu_color; } + + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; + } + } + } + + .context-menu { font: initial; } // Decouple the font of context menus from their entry/textview + + .monospace { font-family: monospace; } + + menuitem { + accelerator { + color: alpha($menu_fg_color, .6); + + &:hover { color: alpha($selected_fg_color, .8); } + + &:disabled { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); } + } + + check, radio { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { margin-right: 7px; } + &:dir(rtl) { margin-left: 7px; } + } + + window decoration { + box-shadow: 0 2px 3px alpha($black, .2); + } + + entry { @include entry($menu_bg_color, $menu_fg_color); } + } +} + + +/********* + ! Popover +**********/ + +@include exports("popover") { + popover.background { + padding: $spacing - 3px; + border-radius: $roundness; + background-clip: border-box; + background-color: $menu_bg_color; + background-image: none; + color: $menu_fg_color; + box-shadow: 0 3px 6px alpha($black, .16); + + .csd &, & { + /*@include border($menu_bg_color);*/ + @include border(alpha($menu_fg_color, .5)); + border-width: 1px; + border-style: solid; + } + + &:backdrop { box-shadow: none; } + + treeview.view { + &:hover, &:selected, &:selected:focus, &:backdrop:selected, &:backdrop:selected:focus { border-top-color: $selected_bg_color; } + + &, &:backdrop { border-top-color: shade($menu_bg_color, ($contrast + .4)); } + } + + view, .view, list { + &:hover { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &, &:backdrop { + background-color: shade($menu_bg_color, ($contrast + .5)); + background-image: none; + color: $menu_fg_color; + border-color: border_normal($menu_bg_color); + } + } + + list row { + &, & .button { + background-color: transparent; + background-image: none; + color: $menu_fg_color; + + &:focus, &:hover, &:active { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .frame { + border-color: border_normal($menu_bg_color); + border-radius: $roundness; + } + + entry { @include entry($base_color, $text_color); } + + button { @include button($header_button_bg_color, $header_button_fg_color); } + .linked > button { @include linked_button($header_button_bg_color); } + + > list, > .view, > toolbar { + border-style: none; + background-color: transparent; + } + } + + modelbutton.flat, + menuitem.button.flat { + padding: $spacing ($spacing + 2px); + outline-color: transparent; + transition: none; + + @extend %undecorated_button; + + &:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:active, &:selected { &, arrow { @extend %selected_items; } } + + &:checked { color: $fg_color; } + + arrow { + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + } + + // FIXME: temporary workaround + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_misc.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_misc.scss new file mode 100644 index 0000000..da1c7dc --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_misc.scss @@ -0,0 +1,320 @@ +/*************** +! Dimmed label * +****************/ + +@include exports("dimlabel") { + .dim-label { + opacity: .5; + text-shadow: none; + } +} + + +/*********** + ! Tooltip * +************/ + +@include exports("tooltip") { + .tooltip, // Firefox fix + tooltip { + &.background { + &, &.csd { + background-color: $tooltip_bg_color; + background-clip: padding-box; + border: 1px solid border_normal($tooltip_bg_color); + border-radius: $roundness; + color: $tooltip_fg_color; + } + } + + * { + background-color: transparent; + color: inherit; + } + } +} + + +/*********** + ! Dialogs * +************/ + +@include exports("dialogs") { + messagedialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: 0; + -GtkDialog-action-area-border: 0; + -GtkDialog-button-spacing: $spacing; + + margin: 0; + padding: 0; + } + + printdialog { + paper { + color: $fg_color; + border: 1px solid $borders_color; + background: $white; + padding: 0; + + &:backdrop { + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + } + } + + .dialog-action-box { margin: $spacing * 2; } + } +} + + +/********************* + ! App notifications * +**********************/ + +@include exports("notifications") { + frame.app-notification { + border-style: solid; + border-color: border_normal($osd_bg); + border-width: 0 1px 1px; + border-radius: 0 0 $roundness $roundness; + padding: $spacing * 2; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + button { + @include button($osd_bg, $osd_fg); + } + + border { + border: 0; + } + } +} + + +/************* + ! Expanders * +**************/ + +@include exports("expander") { + expander { + arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover { color: alpha(currentColor, .8); } //only lightens the arrow + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + } +} + + +/******************* + ! Symbolic images * +********************/ + +@include exports("symbolicimage") { + .image { + color: alpha(currentColor, .5); + + &:hover { color: alpha(currentColor, .9); } + + &:selected, &:selected:hover { color: $selected_fg_color; } + } +} + + +/**************** + ! Floating bar * +*****************/ + +@include exports("floatingbar") { + .floating-bar { + @include linear-gradient($bg_color); + + border: 1px solid border_normal($bg_color); + border-radius: $roundness; + color: $fg_color; + + &.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + &.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + button { + border: 0; + background-color: transparent; + background-image: none; + } + } +} + + +/************************* + ! Touch text selections * +**************************/ + +@include exports("touchbubble") { + GtkBubbleWindow { + border-radius: $roundness; + background-clip: border-box; + + &.osd.background { background-color: $osd_bg; } + + .toolbar { background-color: transparent; } + } +} + +/*************** + ! Font-viewer * +****************/ + +@include exports("fontviewer") { + SushiFontWidget { + padding: $spacing ($spacing * 2); + } +} + + +/************* + ! Gucharmap * +**************/ + +@include exports("charmap") { + GucharmapChartable { + background-color: $base_color; + color: $text_color; + + &:focus, &:hover, &:active, &:selected { @extend %selected; } + } +} + + +/************* + ! Evolution * +**************/ + +@include exports("evolution") { + EPreviewPane .entry { + background-color: $base_color; + color: $text_color; + } +} + + +/******************* + ! Gnome Bluetooth * +********************/ + +@include exports("gnome-bluetooth") { + // Base code: https://github.com/GNOME/gnome-bluetooth/blob/a93575c4b590e2b831da32f739294bb2f197d420/lib/bluetooth-settings.css + entry.entry.pin-entry { + font-style: normal; + font-size: 50px; + padding-left: $spacing * 5; + padding-right: $spacing * 5; + } + + label.pin-label { + font-style: normal; + font-size: 50px; + } +} + + +/************************ + ! Shortcut window keys * +*************************/ + +@include exports("keycap") { + // shortcut window keys + .keycap { + min-width: 20px; + min-height: 24px; + margin-top: 2px; + padding-bottom: $spacing / 2; + padding-left: $spacing; + padding-right: $spacing; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, .5), $borders_color); + border-radius: $roundness; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, .2), inset 0 -3px mix($borders_color, $base_color, .6)); + font-size: smaller; + + &:backdrop { + background-color: $backdrop_base_color; + color: $backdrop_fg_color; + transition: 200ms ease-out; + } + } +} + + +/***************** + ! Stackswitcher * +******************/ + +@include exports("stackswitcher") { + stackswitcher button { + &.text-button { min-width: 80px; } // FIXME aggregate with buttons + + &.circular { // FIXME aggregate with buttons + min-width: 28px; + min-height: 28px; + padding: 0; + } + } +} + + +/******************* + ! Selected Items * +********************/ + +@include exports("selected_items") { + %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, .7); } + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, .5); } + + &:backdrop { + background-color: $backdrop_selected_bg_color; // Fixed Issue #430 + color: $backdrop_selected_fg_color; + + &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, .3); } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_notebook.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_notebook.scss new file mode 100644 index 0000000..92fa86b --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_notebook.scss @@ -0,0 +1,149 @@ +@import "button"; + + +/********** + ! Notebook +***********/ + +@include exports("notebook") { + +notebook { + padding: 0; + + &.frame { + border: 1px solid $borders_color; + + > header { + // ugly hack to hide the borders around the header + margin: -1px; + &.top { margin-bottom: 0; } + &.bottom { margin-top: 0; } + &.left { margin-right: 0; } + &.right { margin-left: 0; } + + &.top, &.bottom { padding-left: 0; padding-right: 0; } + &.left, &.right { padding-top: 0; padding-bottom: 0; } + } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $bg_color; + } + + > header { + padding: $spacing; + background-color: $bg_color; + + &.top { box-shadow: inset 0 -1px $borders_color; } + &.bottom { box-shadow: inset 0 1px $borders_color; } + &.right { box-shadow: inset 1px 0 $borders_color; } + &.left { box-shadow: inset -1px 0 $borders_color; } + + @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) { + // sizing and borders + &.#{$_pos} { + padding-#{$_bpos}: 0; + + > tabs > tab { + padding: $spacing $spacing + 8px; + min-width: 20px; + min-height: 20px; + + outline-offset: -4px; + + border: 1px solid transparent; + border-#{$_bpos}: none; + border-#{$_pos}-width: 3px; + + &:checked { + border-#{$_pos}-color: $selected_bg_color; + } + + // tab overlap + + tab { + @if $_pos==top or $_pos==bottom { margin-left: -1px; } + @else { margin-top: -1px; } + } + + + // tab border radius + @if $_pos==top { border-radius: 1px 1px 0 0; } + @else if $_pos==bottom { border-radius: 0 0 1px 1px; } + @else if $_pos==left { border-radius: 1px 0 0 1px; } + @else if $_pos==right { border-radius: 0 1px 1px 0; } + } + } + } + // overflow arrows + &.top, &.bottom { + > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:last-child { margin-left: 2px; } + } + > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + &:first-child { margin-right: 2px; } + } + } + &.left, &.right { + > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + &:last-child { margin-top: 2px; } + } + > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + &:first-child { margin-bottom: 2px; } + } + } + > tabs > arrow { + @extend %close_button; + color: $insensitive_fg_color; + + &:hover { color: mix($fg_color, $insensitive_fg_color, 0.5); } + &:active { color: $fg_color; } + &:disabled { color: alpha($insensitive_fg_color,0.3); } + } + + // tab colors + + &.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px $borders_color; } + &.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px $borders_color; } + &.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 $borders_color; } + &.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 $borders_color; } + + > tabs > tab { + color: alpha($fg_color, 0.8); + background-color: alpha(mix($bg_color, $fg_color, .1), 0.7); + + &:hover:not(:checked) { + color: mix($fg_color, $insensitive_fg_color, 0.5); + background-color: transparentize($base_color, 0.5); + border-color: $borders_color; + } + &:checked { + border-color: $borders_color; + color: $fg_color; + background-color: $bg_color; + } + // close button + button.flat { + min-height: 22px; + min-width: 16px; + padding: 0; + color: mix($bg_color, $fg_color, 0.35); + + &:hover { + @extend %undecorated_button; + color: lighten(red, 15%); + } + &:active, &:active:hover { + @extend %undecorated_button; + color: $selected_bg_color; + } + } + } + + } +} + +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_osd.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_osd.scss new file mode 100644 index 0000000..8a4d8d2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_osd.scss @@ -0,0 +1,268 @@ +@import "button"; + + +/******* + ! OSD * +********/ + +@include exports("osd") { + overlay.osd { background-color: transparent; } + + colorchooser .popover.osd { border-radius: $roundness; } + + button.color { + .osd colorswatch:only-child { box-shadow: none; } + + @if $variant == 'light' { + .osd & { + &:disabled, + &:backdrop, + &:active, + &:checked { colorswatch:only-child { box-shadow: none; } } + } + } + } + + button.osd, + #XfceNotifyWindow button { + @include button($osd_bg, $osd_fg); + + &.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; + } + } + + // stand-alone OSD toolbars + toolbar.osd { + -GtkToolbar-button-relief: normal; + + padding: $spacing; + border: 1px solid border_normal($osd_bg); + border-radius: $roundness; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + separator { color: shade($osd_bg, ($contrast + .1)); } + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + progressbar.osd { // progressbar.osd used for epiphany page loading progress + margin: 2px; + min-height: 2px; + min-width: 2px; + + trough { + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; + } + + progress { + border-style: none; + border-radius: 0; + background-color: $selected_bg_color; + background-image: none; + } + } + + .osd, + #XfceNotifyWindow { + background-color: $osd_bg; + color: $osd_fg; + + &.background { + background-color: alpha($osd_bg, .8); + color: $osd_fg; + } + + .frame { + background-clip: border-box; + background-origin: border-box; + } + + button { @include button($osd_bg, $osd_fg); } + + entry { @include entry($osd_base, $osd_text_color, $osd_borders_color); } + + /* used by gnome-settings-daemon's media-keys OSD */ + trough, + &.trough { + background-color: alpha($osd_fg, .3); + } + + progressbar, + &.progressbar { + background-color: $osd_fg; + } + + // Old GTK 3.0 code + scale { + slider { + @include linear-gradient(shade($osd_bg, 1.08)); + @include border($osd_bg); + + &:disabled { @include linear-gradient(shade($osd_bg, .9)); } + } + + trough { + border-color: shade($osd_bg, .8); + background-color: shade($osd_bg, 1.08); + background-image: none; + + &.highlight { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + background-image: none; + } + + &:disabled, &.highlight:disabled { + border-color: shade($osd_bg, .85); + background-color: shade($osd_bg, .9); + background-image: none; + } + } + } + + // New GTK 3.20 code + scale { + //OSD troughs + trough { + background-color: lighten($osd_bg, 7%); + + highlight { background-color: $selected_bg_color; } + } + + // OSD sliders + slider { + background-clip: border-box; + background-color: $selected_bg_color; + border-color: $selected_bg_color; + + &:hover { + background-color: lighten($selected_bg_color, 10%); + border-color: lighten($selected_bg_color, 10%); + } + + &:active { + background-color: darken($selected_bg_color, 10%); + border-color: darken($selected_bg_color, 10%); + } + } + } + + &.view, .view, view { background-color: $osd_bg; } + + scrollbar { + trough { background-color: $osd_bg; } + + slider { + border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: 0; + background-color: mix($osd_bg, $osd_fg, .21); + + &:hover { + border-color: mix(shade($osd_bg, .87), $osd_fg, .31); + background-color: mix($osd_bg, $osd_fg, .31); + } + + &:active { + border-color: shade($selected_bg_color, .9); + background-color: $selected_bg_color; + } + } + } + + iconview.cell { + &:selected, &:selected:focus { + background-color: transparent; + border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: $roundness; + outline-color: transparent; + } + } + + /* used by Documents */ + .page-thumbnail { + border: 1px solid shade($osd_bg, .9); + /* when there's no pixbuf yet */ + background-color: $osd_bg; + } + + popover.background { + box-shadow: 0 2px 7px 3px alpha($black, .5); + + > toolbar button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; + } + } + + spinbutton { + // OSD horizontal + &:not(.vertical) { + @include linear-gradient($osd_base, to top); + @include border($osd_base); + + padding: 0; + + color: $osd_text_color; + caret-color: $osd_text_color; + + &:focus, &:active { border-color: border_focus($osd_borders_color); } + + &:disabled { + @include linear-gradient(shade($osd_base, .9), to top); + + color: mix($osd_base, $osd_text_color, .5); + } + + button { + @include button($osd_bg, $osd_fg); + + border-radius: 0; + border-color: transparentize($osd_borders_color, .3); + border-style: none none none solid; + background-image: none; + box-shadow: none; + + &:dir(rtl) { border-style: none solid none none; } + + &:active, &:checked, &:hover { color: $osd_text_color; } + + &:disabled { color: alpha($osd_insensitive_fg_color, .8); } + + &:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .9); } + + &:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .8); } + + &:backdrop:disabled { + color: alpha($backdrop_insensitive_color, .8); + + border-style: none none none solid; // It is needed or it gets overridden + + &:dir(rtl) { border-style: none solid none none; } + } + + &:dir(rtl):first-child { border-radius: $roundness 0 0 $roundness; } + + &:dir(ltr):last-child { border-radius: 0 $roundness $roundness 0; } + } + } + + // OSD vertical + &.vertical button:first-child { + @include button($osd_bg, $osd_fg); + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_overshoot.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_overshoot.scss new file mode 100644 index 0000000..a46fc07 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_overshoot.scss @@ -0,0 +1,150 @@ +@mixin overshoot($position, $type: normal, $color: $selected_bg_color) { + $_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 $position == bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } @else if $position == right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } @else if $position == left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $color; + $_big_gradient_color: $color; + + @if $color == $fg_color { + $_small_gradient_color: shade($borders_color, .9); + $_big_gradient_color: $fg_color; + + @if $type == backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .5, + to(alpha($_small_gradient_color, .35)), + to(alpha($_small_gradient_color, .25))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .6, + from(alpha($_big_gradient_color, .2)), + to(alpha($_big_gradient_color, 0))); + + @if $type == normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } @else if $type == 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: 0; + box-shadow: none; +} + +@mixin undershoot($position) { + $_undershoot_color_dark: alpha($black, .2); + $_undershoot_color_light: alpha($white, .2); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $position; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($position == left) or ($position == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $position center; + } + + // Disable + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + + padding-#{$position}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + border: 0; + box-shadow: none; +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. + // This 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: 200ms ease-out; + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_progress.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_progress.scss new file mode 100644 index 0000000..de095ef --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_progress.scss @@ -0,0 +1,364 @@ +/***************** + ! Progress bars * +******************/ + +@include exports("progressbar") { + progressbar { + padding: 0; + border-radius: $roundness; + font-size: smaller; + color: alpha($fg_color, .6); + + // sizing + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + trough { + border: 1px solid mix($bg_color, $fg_color, .17); + background-color: shade($bg_color, 1.08); + background-image: none; + border-radius: $roundness; + } + + progress { + @include linear-gradient($selected_bg_color); + + border-radius: 0; + + &.left { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + } + } + + levelbar { + &.horizontal block { + min-width: 34px; + min-height: 4px; + } + + &.vertical block { + min-width: 4px; + min-height: 34px; + } + + &:backdrop { transition: 200ms ease-out; } + + trough { + @include linear-gradient(shade($bg_color, 1.08), to top); + + border: 1px solid mix($bg_color, $fg_color, .17); + border-radius: $roundness; + padding: 2px; // make discrete block appear inside levelbar + } + + &.horizontal.discrete block { + margin: 0 1px; + + &:first-child { margin: 0; } + } + + &.vertical.discrete block { + margin: 1px 0; + + &:first-child { margin: 0; } + } + + block { + @include linear-gradient($selected_bg_color); + + border-color: transparent; + border-radius: $roundness; + + &.low { + background-color: $warning_color; + border-color: transparent; + } + + &.high, + &:not(.empty) { + background-color: $success_color; + border-color: transparent; + } + + &.full { + background-color: shade($selected_bg_color, .8); + border-color: transparent; + } + + &.empty { + background-color: transparent; + border-color: transparent; + box-shadow: none; + } + } + } + + scale { + $_marks_length: 3px; + $_marks_distance: 1px; + $button_bg: $button_bg_color; + $ease-out-quad: cubic-bezier(.25, .46, .45, .94); + $button_transition: all 200ms $ease-out-quad; + + min-height: 10px; + min-width: 10px; + padding: $spacing; + + &.horizontal { + trough { padding: 0 3px; } + + highlight, fill { margin: 0 -4px; } + } + + &.vertical { + trough { padding: 3px 0; } + + highlight, fill { margin: -4px 0; } + } + + // The slider is inside the trough, negative margin to make it bigger + slider { + min-height: 15px; + min-width: 15px; + margin: -7px; + } + + // Click-and-hold the slider to activate + &.fine-tune { + // Make the trough grow in fine-tune mode + slider { margin: -7px; } + + highlight { background-color: shade($selected_bg_color, 1.1); } + + fill, + highlight, + trough { + border-radius: 5px; + -gtk-outline-radius: 7px; + } + } + + // Trough + trough { + $_scale_trough_bg: mix($bg_color, $fg_color, .2); + + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + + border-radius: 2.5px; + background-color: $_scale_trough_bg; + + &:disabled { background-color: mix($bg_color, $fg_color, .1); } + + // Troughs in selected list-rows and infobars + menuitem:hover &, + row:selected &, + infobar & { + background-color: transparentize($black, .8); + + highlight { + background-color: $selected_fg_color; + + &:disabled { background-color: mix($selected_fg_color, $selected_bg_color, .55); } + } + + &:disabled { background-color: transparentize($black, .9); } + } + } + + // The colored part of trough + highlight { + border-radius: 2.5px; + background-color: $selected_bg_color; + + &:disabled { background-color: transparentize($selected_bg_color, .45); } + } + + // this is another differently styled part of the trough, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + border-radius: 2.5px; + background-color: transparentize($selected_bg_color, .5); + + &:disabled { background-color: transparent; } + } + + slider { + $_slider_border: $button_border; + + background-color: $button_bg; + border: 1px solid $_slider_border; + border-radius: 100%; + + transition: $button_transition; + transition-property: background, border; + + &:hover { background-color: lighten($button_bg, 5%); } + + &:active { + background-clip: border-box; + background-color: $selected_bg_color; + border-color: $selected_bg_color; + } + + &:disabled { + background-color: mix($button_bg, $bg_color, .55); + border-color: transparentize($_slider_border, .2); + } + + // Selected list-row and infobar sliders + menuitem:hover &, + row:selected &, + infobar & { + background-clip: border-box; + background-color: $selected_fg_color; + border-color: $selected_fg_color; + + &:hover { + background-color: mix($selected_fg_color, $selected_bg_color, .85); + border-color: mix($selected_fg_color, $selected_bg_color, .85); + } + + &:active { + background-color: mix($selected_fg_color, $selected_bg_color, .5); + border-color: mix($selected_fg_color, $selected_bg_color, .5); + } + + &:disabled { + background-color: mix($selected_fg_color, $selected_bg_color, .55); + border-color: mix($selected_fg_color, $selected_bg_color, .55); + } + } + } + + value { color: alpha(currentColor, .4); } + + marks { + color: alpha(currentColor, .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 - 1px); + margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 2px); + } + } + } + + &.horizontal { + indicator { + min-height: $_marks_length; + min-width: 1px; + } + + &.fine-tune indicator { min-height: ($_marks_length - 1px); } + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_length; + } + + &.fine-tune indicator { min-width: ($_marks_length - 1px); } + } + + &.color { + trough { + padding: 0; + border: 0; + background-image: none; + } + + highlight, fill { margin: 0; } + + &.horizontal { + padding: 0 0 6px 0; + + trough { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: 0; + margin-top: 0; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 6px; + + trough { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: 0; + margin-right: 0; + } + } + } + + &:dir(rtl) { + padding: 0 6px 0 0; + + trough { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: 0; + margin-left: 0; + } + } + } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_scrollbar.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_scrollbar.scss new file mode 100644 index 0000000..beff309 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_scrollbar.scss @@ -0,0 +1,134 @@ +/*********** + ! Scrollbar +************/ + +@include exports("scrollbar") { + scrollbar { + $_slider_min_length: 40px; + $_slider_normal_width: 7px; + $_slider_small_width: 4px; + + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: $scrollbar_bg_color; + transition: 300ms ease-out; + + // scrollbar border on the content side + &.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: 400ms ease-in; + } + + slider { + min-width: $_slider_normal_width; + min-height: $_slider_normal_width; + border: 1px solid transparent; + border-radius: $roundness; + 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; } + &:disabled { background-color: transparent; } + } + + &.horizontal slider { min-width: $_slider_min_length; } + &.vertical slider { min-height: $_slider_min_length; } + + &.fine-tune slider:active { + background-color: lighten($scrollbar_slider_active_color, 10%); + } + + &.overlay-indicator { + opacity: .8; + + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: .4; + background-color: transparent; + + slider { + min-width: $_slider_small_width; + min-height: $_slider_small_width; + background-color: $fg_color; + border: 1px solid if($variant == 'light', $white, $black); + } + + // hide steppers + button { + min-width: $_slider_small_width; + min-height: $_slider_small_width; + border-color: transparent; + -gtk-icon-source: none; + } + + &.horizontal { + slider { min-width: $_slider_min_length; } + button { min-width: $_slider_normal_width; } + } + + &.vertical { + slider { min-height: $_slider_min_length; } + button { min-height: $_slider_normal_width; } + } + } + } + + // stepper styling + button { + min-width: $_slider_normal_width; + min-height: $_slider_normal_width; + padding: 0; + border: 0; + border-radius: 0; + border-color: $borders_color; // FIXME overwritten by global button definition + background-color: transparent; + box-shadow: none; + color: $scrollbar_slider_color; + + &:hover { color: $scrollbar_slider_hover_color; } + &:active, &:checked { color: $scrollbar_slider_active_color; } + &:backdrop { color: $backdrop_scrollbar_slider_color; } + } + + // button icons + &.vertical { + button { + &.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid $borders_color; + } + + &.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid $borders_color; + } + } + } + + &.horizontal { + button { + &.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + border-left: 1px solid $borders_color; + } + + &.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + border-right: 1px solid $borders_color; + } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_sidebar.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_sidebar.scss new file mode 100644 index 0000000..ab068f6 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_sidebar.scss @@ -0,0 +1,226 @@ +/********* + ! Sidebar +**********/ + +@include exports("sidebar") { + .sidebar { + border-style: none; + background-color: mix($bg_color, $base_color, .5); + + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + @at-root %sidebar_right + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + + &:backdrop { + background-color: $backdrop_sidebar_bg_color; + border-color: $backdrop_borders_color; + transition: 200ms ease-out; + } + + .frame, frame { border-width: 0; } + + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; } } + } + + stacksidebar { + &.sidebar { + &:dir(ltr), + &.left, + &.left:dir(rtl) { + list { @extend %sidebar_left; } + } + + &:dir(rtl), + &.right { + list { @extend %sidebar_right; } + } + } + + row { + padding: $spacing * 2 $spacing; + + > label { + padding-left: $spacing; + padding-right: $spacing; + } + + &.needs-attention > label { + @extend %needs_attention; + + background-size: 6px 6px, 0 0; + } + } + } + + $_placesidebar_icons_opacity: .7; + + placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 32px; + padding: 0; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 $spacing * 2; } + + &:selected { color: $selected_fg_color; } + + &:disabled { color: $insensitive_fg_color; } + + &:backdrop { + color: $backdrop_fg_color; + + &:selected { color: $backdrop_selected_fg_color; } + + &:disabled { color: $backdrop_insensitive_color; } + } + + image.sidebar-icon { + opacity: $_placesidebar_icons_opacity; // dim the device icons + + &:dir(ltr) { + padding-right: $spacing*2 + 2; + padding-left: $spacing; + } + + &:dir(rtl) { + padding-left: $spacing*2 + 2; + padding-right: $spacing; + } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + //@extend %button_basic.flat; + + //@extend %button_selected.flat; + + min-height: 20px; + min-width: 20px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; + + &:not(:hover):not(:active), + &:backdrop { + > image { opacity: $_placesidebar_icons_opacity; } + } + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } + } +} + + +/****** +! Paned +*******/ + +@include exports("paned") { + paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image(shade($bg_color, .9)); + background-size: 1px 1px; + background-position: center center; + + &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &:backdrop { background-image: image($backdrop_borders_color); } + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + background-image: image(border_normal($bg_color)), image(border_normal($bg_color)); + background-size: 1px 1px, 1px 1px; + + &:backdrop { + background-color: $backdrop_bg_color; + background-image: image($backdrop_borders_color), + image($backdrop_borders_color); + } + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + padding: 0 2px; + margin: 0 -2px; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + background-repeat: repeat-x; + padding: 2px 0; + margin: -2px 0; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } + + &.titlebar > separator { + background-image: image(shade($titlebar_bg_color, ($contrast + .1))); + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_spinner.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_spinner.scss new file mode 100644 index 0000000..9184446 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_spinner.scss @@ -0,0 +1,24 @@ +/******************* + ! Spinner animation +********************/ + +@include exports("spinner") { + @keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } + } + + spinner { + background-image: none; + color: $selected_bg_color; + opacity: 0; // non spinning spinner makes no sense + + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: .5; } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_toggle.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_toggle.scss new file mode 100644 index 0000000..2cdf121 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_toggle.scss @@ -0,0 +1,155 @@ +/*********************** + ! Check and Radio items +************************/ + +$suffix: if($variant == "dark", "-dark", ""); + +@mixin toggle($type) { + background-image: none; + + -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.svg"); + + &:disabled { -gtk-icon-source: url("../assets/#{$type}-unchecked-disabled#{$suffix}.svg"); } + + &:checked, &:active { + -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.svg"); + + &:disabled { -gtk-icon-source: url("../assets/#{$type}-checked-disabled#{$suffix}.svg"); } + } + + &:indeterminate { + -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.svg"); + + &:disabled { -gtk-icon-source: url("../assets/#{$type}-mixed-disabled#{$suffix}.svg"); } + } + + menuitem &, modelbutton & { + -gtk-icon-source: url("../assets/menuitem-#{$type}-unchecked.svg"); + + &:disabled { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-disabled.svg"); + } + + &:checked, &:active { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.svg"); } + + &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-disabled.svg"); } + } + + &:indeterminate { + -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.svg"); } + + &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-disabled.svg"); } + } + } +} + +@include exports("checkradio") { + radio { + @include toggle("radio"); + min-width: 16px; + min-height: 16px; + margin-right: $spacing; + } + + check { + @include toggle("checkbox"); + min-width: 16px; + min-height: 16px; + margin-right: $spacing; + } + + radio:dir(rtl), check:dir(rtl) { + margin-right: 0; + margin-left: $spacing; + } + + //selection-mode + @each $s,$as in ('', '-unchecked'), + (':hover', '-unchecked'), + (':active', '-checked'), + (':backdrop', '-unchecked'), + (':checked', '-checked'), + (':checked:hover', '-checked'), + (':checked:active', '-checked'), + (':backdrop:checked', '-checked') { + .view.content-view.check#{$s}:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.svg"); + background-color: transparent; + } + } +} + + +/******** + ! Switch +*********/ + +@include exports("switch") { + switch { + border-radius: $roundness; + padding: $spacing - 1px; + border: none; + outline: none; + transition: background-color .3s linear; + min-width: 88px; + min-height: 24px; + background-color: $switch_bg_color; + color: $switch_fg_color; + box-shadow: inset 1px -1px 0 alpha($dark_shadow, .06), inset -1px 1px 0 alpha($dark_shadow, .06); + + slider { + background-color: $switch_slider_bg_color; + transition: all 0.3s ease-in; + box-shadow: 0 1px 2px 0 alpha($dark_shadow, .07), 1px 0 2px 0 alpha($dark_shadow, .07); + border-radius: $roundness; + } + + &:checked { + background-color: $selected_bg_color; + background-image: none; + border-color: $selected_bg_color; + color: $base_color; + + slider { + background-color: $white; + box-shadow: 0 1px 3px 0 alpha($dark_shadow, .1); + } + } + + &:disabled { + background-color: $switch_disabled_bg_color; + background-image: none; + border-color: $switch_disabled_border_color; + color: $switch_disabled_fg_color; + box-shadow: none; + + slider { + background-color: $switch_disabled_slider_bg_color; + } + } + + list row:selected & { + background-color: $switch_disabled_slider_bg_color; + color: $switch_disabled_bg_color; + + slider { + background-color: mix($switch_disabled_bg_color, $base_color, .4); + } + + &:checked { + color: $selected_bg_color; + background-color: $switch_slider_bg_color; + + slider { + background-color: $selected_bg_color; + } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_toolbar.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_toolbar.scss new file mode 100644 index 0000000..0b6f30e --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_toolbar.scss @@ -0,0 +1,237 @@ +@import "button"; + + +/********* + ! Toolbar +**********/ + +@mixin toolbar($bg, $fg) { + @include linear-gradient($bg); + @include border($bg); + + color: $fg; + + &:disabled { + @include linear-gradient(shade($bg, .9)); + + color: mix($fg, $bg, .5); + } + + .title { + font-weight: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font-size: smaller; + padding: 0 ($spacing * 2); + } + + button { @include button($bg, $fg); } + + .linked > button { @include linked_button($bg); } + + combobox, button { + padding: $spacing; + + &.text-button { padding: $spacing; } + + &.image-button { padding: $spacing; } + } + + separator { + &, &:disabled { + color: shade($bg, ($contrast - .2)); + border-color: currentColor; + + -GtkWidget-window-dragging: true; + } + } +} + +@mixin inline-toolbar($bg, $fg) { + padding: 1px; + border-width: 0 1px 1px; + border-style: solid; + border-color: $borders_color; + background-color: mix($borders_color, $bg_color, .7);; + background-image: none; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + transition: 200ms ease-out; + } + + button { @include button($toolbar_bg_color, $toolbar_fg_color); } + + toolbutton, + toolbutton:backdrop { + > button.flat { @extend %linked_middle; } + + &:first-child > button.flat { @extend %linked_button:first-child; } + + &:last-child > button.flat { @extend %linked_button:last-child; } + + &:only-child > button.flat { @extend %linked_button:only-child; } + } +} + +@include exports("toolbar_extends") { + %toolbar { + padding: $spacing - 1px; + border-style: none; + + // toolbar separators + &.horizontal separator { margin: 0 ($spacing + 2px) 1px; } + + &.vertical separator { margin: ($spacing + 2px) 1px ($spacing + 2px) 0; } + } + + %headerbar { + border-width: 0 0 1px; + border-style: solid; + + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator, + button { // Size height + margin-top: $spacing + 3px; + margin-bottom: $spacing + 3px; + } + + switch { // Size height + margin-top: $spacing + 1px; + margin-bottom: $spacing + 1px; + } + + window:not(.tiled):not(.maximized) separator:first-child + &, // tackles the paned container case + window:not(.tiled):not(.maximized) &:first-child { &:backdrop, & { border-top-left-radius: $roundness; } } + + window:not(.tiled):not(.maximized) &:last-child { &:backdrop, & { border-top-right-radius: $roundness; } } + } + + %titlebar { // Default headerbar and titlebar code. + @include toolbar($titlebar_bg_color, $titlebar_fg_color); + @include linear-gradient($titlebar_bg_color); + + border-radius: $roundness $roundness 0 0; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + padding: 0 $spacing * 2; + min-height: 42px; + + &:backdrop { + @include linear-gradient($titlebar_bg_color); + + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + text-shadow: none; + } + + &.default-decoration { // Default titlebar (old metacity) + min-height: 24px; + box-shadow: none; + border: 0; + + button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0; + padding: 0; + } + } + + .tiled &, + .maximized & { &:backdrop, & { border-radius: 0; } } // squared corners when the window is maximized or tiled + + .title { font-weight: bold; } + + separator.titlebutton { margin-left: $spacing; } + + button { + @include button($header_button_bg_color, $header_button_fg_color); + } + + button.titlebutton + separator.titlebutton { + margin-left: 0; + margin-right: $spacing; + } + + button.titlebutton { + border: 0; + background-image: none; + background-color: transparent; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + box-shadow: none; + + &:hover, &:hover:focus { + background-image: none; + background-color: transparent; + color: $selected_bg_color; + box-shadow: none; + } + + &:active, &:active:hover { + background-image: none; + background-color: transparent; + color: shade($selected_bg_color, .9); + box-shadow: none; + } + + &:backdrop { + background: none; + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + -gtk-icon-shadow: none; + } + } + } +} + +@include exports("toolbar") { + toolbar { + @include toolbar($toolbar_bg_color, $toolbar_fg_color); + + @extend %toolbar; + + &.inline-toolbar { @include inline-toolbar($toolbar_bg_color, $toolbar_fg_color); } + } + + headerbar { + @extend %titlebar; + @extend %headerbar; + } + + .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: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + } + + > separator { background-color: shade($titlebar_bg_color, .88); } // $borders_color + + @extend %titlebar; + } + + .background:not(.tiled):not(.maximized) .titlebar { + &:backdrop, & { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + } + + // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/585 + // workaround for ugly Ubuntu-related CSD patches + .background:not(.csd):not(.ssd):not(.solid-csd) headerbar { + &, &:backdrop { + &, &:not(:last-child) { + border-radius: 0; + border-top-color: transparent; + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_view.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_view.scss new file mode 100644 index 0000000..ece8b41 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_view.scss @@ -0,0 +1,354 @@ +/*************** + ! Generic views +****************/ + +@include exports("view") { + .view, + %view { + color: $text_color; + background-color: $base_color; + caret-color: $primary_caret_color; + -gtk-secondary-caret-color: $secondary_caret_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: $roundness; + } + } + } + + .view, + textview { + text { + @extend %view; + + selection { &:focus, & { @extend %selected_items; } } + } + } + + textview border { background-color: mix($bg_color, $base_color, .5); } + + iconview { @extend .view; } +} + + +/************ +! Treeview +*************/ + +@include exports("treeview") { + .rubberband, + rubberband { + border: 1px solid darken($selected_bg_color, .1); + background-color: transparentize(darken($selected_bg_color, .1), .8); + } + + treeview entry { + &:focus { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } + } + + %column_header_button { + padding: ($spacing - 2px) ($spacing + 1px); + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: $bg_color; + + &:disabled { + 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, .5); + background-image: none; + background-color: $backdrop_base_color; + + &:disabled { + border-color: $backdrop_bg_color; + background-image: none; + } + } + } + + treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + + border-left-color: mix($fg_color, $base_color, .5); // this is actually the tree lines color, + border-top-color: $bg_color; // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 0; + } + + &:backdrop, & { + border-left-color: mix($selected_fg_color, $selected_bg_color, .5); + border-top-color: transparentize($fg_color, .9); // doesn't work unfortunatelly + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, .4); + + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, .3); } + } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &.separator { + min-height: 2px; + color: $bg_color; + + &:backdrop { color: transparentize($bg_color, .9); } + } + + &:backdrop { + border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, .5); + border-top: $backdrop_bg_color; + } + + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + color: mix($base_color, $fg_color, .7); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_bg_color, $selected_fg_color, .7); + + &:hover { color: $selected_fg_color; } + + &:backdrop { color: mix($selected_bg_color, $backdrop_selected_fg_color, .7); } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:backdrop { color: mix($backdrop_base_color, $backdrop_fg_color, .7); } + } + + &.progressbar { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + border-radius: $roundness; + border: 1px solid $selected_borders_color; + background-color: $selected_bg_color; + //background-image: linear-gradient(to bottom, $selected_bg_color, darken($selected_bg_color, .1)); + //box-shadow: inset 0 1px $fg_color, + //0 1px if($variant == 'light', transparentize($black, .8), transparentize($black, .9)); + + &:selected { + &:focus, & { + @if $variant == 'light' { + color: $selected_fg_color; + box-shadow: none; + } @else { + box-shadow: inset 0 1px transparentize($white, .95); + } + + @include linear-gradient($selected_bg_color); + border-radius: $roundness; + + &:backdrop { + @if $variant == 'light' { + color: $backdrop_selected_fg_color; + border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) + } @else { + border-color: $backdrop_base_color; + } + + background-color: mix($backdrop_base_color, $selected_bg_color, .9); + } + } + border: 1px solid mix($selected_bg_color, $selected_fg_color, .2); + } + + &:disabled { + @include linear-gradient($bg_color); + border-color: border_insensitive($bg_color); + } + + &:backdrop { + @if $variant == 'light' { + color: $backdrop_base_color; + } @else { + border-color: $backdrop_base_color; + } + + background-image: none; + box-shadow: none; + } + } + + &.trough { // progress bar trough in treeviews + background-color: transparentize($fg_color, .9); + border-radius: $roundness; + + &:selected { + &:focus, & { + background-color: if($variant == 'light', transparentize($selected_fg_color, .7), darken($selected_bg_color, .1)); + + @if $variant == 'light' { + border-width: 1px 0; + border-style: solid; + border-color: $selected_bg_color; + } + border-radius: $roundness; + } + } + } + + header { + button { + $_column_header_color: mix($fg_color, $base_color, .5); + + @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, .5); + 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; } } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 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; + } + } + + acceleditor > label { background-color: $selected_bg_color; } + } +} + + +/*********** + ! Separator +************/ + +@include exports("separator") { + separator { // vbox and hbox separators + background: transparentize($black, .9); + min-width: 1px; + min-height: 1px; + } +} + + +/********** + ! Frames * +***********/ + +@include exports("frame") { + frame > border, .frame { + border: 1px solid $borders_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: $backdrop_borders_color; } + } + + /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ + scrolledwindow viewport.frame { border: 0; } +} + + +/*************** + ! Places view * +****************/ + +@include exports("placesview") { + placesview { + .server-list-button > image { + transition: 200ms cubic-bezier(.25, .46, .45, .94); + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms cubic-bezier(.25, .46, .45, .94); + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; + } + } +} + diff --git a/Redcore-nighttime/gtk-3.20/scss/widgets/_window.scss b/Redcore-nighttime/gtk-3.20/scss/widgets/_window.scss new file mode 100644 index 0000000..c58a1b3 --- /dev/null +++ b/Redcore-nighttime/gtk-3.20/scss/widgets/_window.scss @@ -0,0 +1,63 @@ +/************** + ! Window frame +***************/ + +@include exports("window") { + decoration { + $_wm_border: if($variant == 'light', transparentize($black, .77), transparentize($borders_color, .1)); + + border-radius: $roundness $roundness 0 0; + // lamefun trick to get rounded borders regardless of CSD use + //border-width: 0; + + //box-shadow: 0 3px 9px 1px transparentize($black, .3), 0 0 0 1px $wm_border_focused; //doing borders with box-shadow + /* this is used for the resize cursor area */ + //margin: $spacing * 3; + + border-width: $spacing % 2; + border-style: solid; + //border-color: $wm_border_focused; + //@TODO: + border-color: $wm_border_unfocused; + + + &:backdrop { + //box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px transparentize($black, .6), 0 0 0 1px $wm_border_unfocused; + border-color: $wm_border_unfocused; + transition: 200ms ease-out; + } + + .maximized &, .fullscreen &, .tiled & { border-radius: 0; } + + .popup & { box-shadow: none; } + + // this needs to be transparent + // see bug #722563 + // server-side decorations as used by mutter + // Fixed gtk-3.18 Unity bug (https://github.com/numixproject/numix-gtk-theme/issues/270) + .ssd & { box-shadow: 0 0 0 1px $wm_border_focused; } //just doing borders, wm draws actual shadows + + .solid-csd & { + border-radius: 0; + //margin: 1px; + //background-color: $bg_color; + // Unity/compiz regression: Issue: https://github.com/numixproject/numix-gtk-theme/issues/206 + box-shadow: none; + } + + .csd.popup & { + border-radius: 0; + box-shadow: 0 1px 2px transparentize($black, .8), 0 0 0 1px transparentize($_wm_border, .1); + } + + tooltip.csd & { + border-radius: $roundness; + box-shadow: none; + } + + messagedialog.csd & { + border-radius: $roundness; + box-shadow: 0 1px 2px transparentize($black, .8), 0 0 0 1px transparentize($_wm_border, .1); + } + } +} diff --git a/Redcore-nighttime/index.theme b/Redcore-nighttime/index.theme index 3dc839c..ad32f3b 100755 --- a/Redcore-nighttime/index.theme +++ b/Redcore-nighttime/index.theme @@ -1,10 +1,10 @@ [X-GNOME-Metatheme] -Name=Kogaion-nighttime +Name=Redcore-nighttime Type=X-GNOME-Metatheme -Comment=Kogaion Linux nighttime theme +Comment=Redcore Linux nighttime theme Encoding=UTF-8 -GtkTheme=Kogaion-nighttime -MetacityTheme=Kogaion-nighttime +GtkTheme=Redcore-nighttime +MetacityTheme=Redcore-nighttime IconTheme=Numix-Circle CursorTheme=Default CursorSize=24 -- cgit v1.2.3