paper-gtk-theme/Paper/gtk-3.0/gtk-dark.css

10005 lines
395 KiB
CSS

/* Copyright 2016 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
* The Paper GTK theme is free software: you can redistribute it
* and/or modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* The Paper GTK theme is distributed in the hope that it will be
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
* Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
*/
/**********
* Common *
**********/
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #f34235;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkTreeView-expander-size: 11;
-GtkTreeView-horizontal-separator: 4;
-GtkWidget-text-handle-width: 20;
-GtkWidget-text-handle-height: 24;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
-GtkPaned-handle-size: 1;
-gtk-secondary-caret-color: #667f8c; }
/***************
* Action bars *
***************/
.action-bar {
background-color: #373e41;
border: solid #33393b;
border-width: 1px 0 0 0;
color: #A1A8AB;
box-shadow: none; }
.action-bar:backdrop {
background-color: #373e41;
box-shadow: none;
-gtk-image-effect: dim; }
.action-bar:first-child {
border-radius: 6px 6px 0px 0px;
border-width: 1px 1px 0px 1px; }
.action-bar:last-child {
border-radius: 0 0 6px 6px;
border-width: 0px 1px 1px 1px; }
/*********************
* App Notifications *
*********************/
.app-notification,
.app-notification.frame {
padding: 10px;
border-radius: 0 0 5px 5px;
background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box; }
.app-notification:backdrop,
.app-notification.frame:backdrop {
background-image: none;
transition: 200ms ease-out; }
.app-notification border,
.app-notification.frame border {
border: none; }
/***************
* Base States *
***************/
.background {
color: #A1A8AB;
background-color: #4F585C; }
.background:backdrop {
color: #788084;
background-color: #4F585C;
text-shadow: none;
-gtk-icon-shadow: none; }
/*
These wildcard seems unavoidable, need to investigate.
Wildcards are bad and troublesome, use them with care,
or better, just don't.
Everytime a wildcard is used a kitten dies, painfully.
*/
*:insensitive {
-gtk-icon-effect: dim; }
*:disabled {
-gtk-icon-effect: dim; }
.gtkstyle-fallback {
color: #A1A8AB;
background-color: #4F585C; }
.gtkstyle-fallback:hover {
color: #A1A8AB;
background-color: #677277; }
.gtkstyle-fallback:active {
color: #A1A8AB;
background-color: #373e41; }
.gtkstyle-fallback:disabled {
color: #788084;
background-color: #576165; }
.gtkstyle-fallback:selected {
color: #ffffff;
background-color: #667f8c; }
.view, GtkIconView,
iconview,
GtkTextView text,
textview text {
color: #A1A8AB;
background-color: #636E73; }
.view:backdrop, GtkIconView:backdrop,
iconview:backdrop,
GtkTextView text:backdrop,
textview text:backdrop {
color: #959da0;
background-color: #657176; }
.view:selected:focus, GtkIconView:selected:focus,
iconview:selected:focus, .view:selected, GtkIconView:selected,
iconview:selected,
GtkTextView text:selected:focus,
textview text:selected:focus,
GtkTextView text:selected,
textview text:selected {
border-radius: 3px; }
GtkTextView,
textview border {
background-color: #596368;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
GtkTextView:backdrop,
textview border:backdrop {
background-color: #5a6569; }
GtkTextView.bottom,
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
GtkTextView.top,
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
GtkTextView.left,
textview border.left {
background-size: 1px 100%;
background-position: right; }
GtkTextView.right,
textview border.right {
background-size: 1px 100%;
background-position: left; }
GtkIconView,
iconview {
background-color: transparent; }
GtkIconView:backdrop,
iconview:backdrop {
background-color: transparent; }
.rubberband,
rubberband,
GtkFlow rubberband,
flowbox rubberband,
.content-view rubberband,
GtkTreeView.view .rubberband,
GtkTreeView.view rubberband,
treeview.view .rubberband,
treeview.view rubberband {
border: 1px solid #51646e;
background-color: rgba(81, 100, 110, 0.2); }
GtkFlow flowboxchild,
flowbox flowboxchild {
padding: 3px;
border-radius: 3px; }
GtkFlow flowboxchild:selected,
flowbox flowboxchild:selected {
outline-offset: -2px; }
GtkLabel.separator,
label.separator {
color: #A1A8AB; }
GtkLabel.separator:backdrop,
label.separator:backdrop {
color: #788084; }
GtkLabel selection,
label selection {
background-color: #667f8c;
color: #ffffff; }
GtkLabel:disabled,
label:disabled {
color: #788084; }
GtkLabel:disabled:backdrop,
label:disabled:backdrop {
color: #727f85; }
GtkLabel:backdrop,
label:backdrop {
color: #788084; }
.dim-label, GtkLabel.separator,
label.separator, .titlebar:not(headerbar) .subtitle,
.header-bar .subtitle,
headerbar .subtitle {
opacity: 0.55;
text-shadow: none; }
GtkAssistant,
assistant {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
GtkAssistant .sidebar,
assistant .sidebar {
background-color: #636E73;
border-top: 1px solid #33393b;
border-bottom-left-radius: 4px; }
GtkAssistant .sidebar:backdrop,
assistant .sidebar:backdrop {
background-color: #657176;
border-color: #363c3e; }
GtkAssistant.csd .sidebar,
assistant.csd .sidebar {
border-top-style: none; }
GtkAssistant .sidebar GtkLabel,
GtkAssistant .sidebar label,
assistant .sidebar GtkLabel,
assistant .sidebar label {
padding: 6px 12px; }
GtkAssistant .sidebar GtkLabel.highlight,
GtkAssistant .sidebar label.highlight,
assistant .sidebar GtkLabel.highlight,
assistant .sidebar label.highlight {
background-color: #5f686c; }
.app-notification,
.app-notification.frame, .osd .scale-popup, .csd .popover.background.touch-selection, .csd .popover.background.magnifier, .popover.background.touch-selection, .popover.background.magnifier, .csd
popover.background.touch-selection, .csd
popover.background.magnifier,
popover.background.touch-selection,
popover.background.magnifier, .csd .popover.background.osd, .popover.background.osd, .csd
popover.background.osd,
popover.background.osd,
.osd {
color: #A1A8AB;
border: none;
background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box;
outline-color: rgba(161, 168, 171, 0.3);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
.app-notification:backdrop, .osd .scale-popup:backdrop, .popover.background.touch-selection:backdrop, .popover.background.magnifier:backdrop,
popover.background.touch-selection:backdrop,
popover.background.magnifier:backdrop, .popover.background.osd:backdrop,
popover.background.osd:backdrop,
.osd:backdrop {
text-shadow: none;
-gtk-icon-shadow: none; }
/***********
* Buttons *
***********/
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#90a4ae), to(transparent)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#667f8c), to(transparent)); } }
notebook > header > tabs > arrow,
.button,
button {
min-height: 20px;
min-width: 16px;
padding: 4px 9px;
border: 1px solid #33393b;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #A1A8AB;
outline-color: rgba(161, 168, 171, 0.3);
border-color: #33393b;
background-image: linear-gradient(to bottom, #4F585C, #434b4e);
text-shadow: 0 1px rgba(0, 0, 0, 0.73176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.sidebar-button, notebook > header > tabs > arrow,
.button.flat,
button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
transition: none; }
button.sidebar-button:hover, notebook > header > tabs > arrow:hover,
.button.flat:hover,
button.flat:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; }
button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active,
.button.flat:hover:active,
button.flat:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook > header > tabs > arrow:hover,
.button:hover,
button:hover {
color: #A1A8AB;
outline-color: rgba(161, 168, 171, 0.3);
border-color: #33393b;
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
text-shadow: 0 1px rgba(0, 0, 0, 0.68376);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
-gtk-icon-effect: highlight; }
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
.button:active,
.button:checked,
button:active,
button:checked {
color: #A1A8AB;
outline-color: rgba(161, 168, 171, 0.3);
border-color: #33393b;
background-image: linear-gradient(to bottom, #3f4649, #4a5357);
text-shadow: 0 1px rgba(0, 0, 0, 0.81176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05);
transition-duration: 50ms; }
button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop,
.button:backdrop.flat,
.button:backdrop,
button:backdrop.flat,
button:backdrop {
border-color: #363c3e;
background-image: linear-gradient(to bottom, #4F585C);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
transition: 200ms ease-out;
-gtk-icon-effect: none; }
button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop,
.button:backdrop.flat GtkLabel,
.button:backdrop.flat,
.button:backdrop GtkLabel,
.button:backdrop,
button:backdrop.flat GtkLabel,
button:backdrop.flat,
button:backdrop GtkLabel,
button:backdrop {
color: #788084; }
button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop,
.button:backdrop.flat label,
.button:backdrop.flat,
.button:backdrop label,
.button:backdrop,
button:backdrop.flat label,
button:backdrop.flat,
button:backdrop label,
button:backdrop {
color: #788084; }
button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
.button:backdrop.flat:active,
.button:backdrop.flat:checked,
.button:backdrop:active,
.button:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
border-color: #363c3e;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked,
.button:backdrop.flat:active GtkLabel,
.button:backdrop.flat:active,
.button:backdrop.flat:checked GtkLabel,
.button:backdrop.flat:checked,
.button:backdrop:active GtkLabel,
.button:backdrop:active,
.button:backdrop:checked GtkLabel,
.button:backdrop:checked,
button:backdrop.flat:active GtkLabel,
button:backdrop.flat:active,
button:backdrop.flat:checked GtkLabel,
button:backdrop.flat:checked,
button:backdrop:active GtkLabel,
button:backdrop:active,
button:backdrop:checked GtkLabel,
button:backdrop:checked {
color: #788084; }
button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked,
.button:backdrop.flat:active label,
.button:backdrop.flat:active,
.button:backdrop.flat:checked label,
.button:backdrop.flat:checked,
.button:backdrop:active label,
.button:backdrop:active,
.button:backdrop:checked label,
.button:backdrop:checked,
button:backdrop.flat:active label,
button:backdrop.flat:active,
button:backdrop.flat:checked label,
button:backdrop.flat:checked,
button:backdrop:active label,
button:backdrop:active,
button:backdrop:checked label,
button:backdrop:checked {
color: #788084; }
button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
.button:backdrop.flat:disabled,
.button:backdrop:disabled,
button:backdrop.flat:disabled,
button:backdrop:disabled {
border-color: #363c3e;
background-image: none;
background-color: #576165;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled,
.button:backdrop.flat:disabled GtkLabel,
.button:backdrop.flat:disabled,
.button:backdrop:disabled GtkLabel,
.button:backdrop:disabled,
button:backdrop.flat:disabled GtkLabel,
button:backdrop.flat:disabled,
button:backdrop:disabled GtkLabel,
button:backdrop:disabled {
color: #727f85; }
button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled,
.button:backdrop.flat:disabled label,
.button:backdrop.flat:disabled,
.button:backdrop:disabled label,
.button:backdrop:disabled,
button:backdrop.flat:disabled label,
button:backdrop.flat:disabled,
button:backdrop:disabled label,
button:backdrop:disabled {
color: #727f85; }
button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
.button:backdrop.flat:disabled:active,
.button:backdrop.flat:disabled:checked,
.button:backdrop:disabled:active,
.button:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
border-color: #363c3e;
background-image: none;
background-color: #4b5457;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label,
.button:backdrop.flat:disabled:active label,
.button:backdrop.flat:disabled:checked label,
.button:backdrop:disabled:active label,
.button:backdrop:disabled:checked label,
button:backdrop.flat:disabled:active label,
button:backdrop.flat:disabled:checked label,
button:backdrop:disabled:active label,
button:backdrop:disabled:checked label {
color: #727f85; }
button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
.button.flat:backdrop,
.button.flat:disabled,
.button.flat:backdrop:disabled,
button.flat:backdrop,
button.flat:disabled,
button.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled,
.button:insensitive,
.button:disabled,
button:insensitive,
button:disabled {
border-color: #33393b;
background-image: none;
background-color: #576165;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:insensitive GtkLabel, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled,
.button:insensitive GtkLabel,
.button:insensitive,
.button:disabled GtkLabel,
.button:disabled,
button:insensitive GtkLabel,
button:insensitive,
button:disabled GtkLabel,
button:disabled {
color: #788084; }
notebook > header > tabs > arrow:insensitive label, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled,
.button:insensitive label,
.button:insensitive,
.button:disabled label,
.button:disabled,
button:insensitive label,
button:insensitive,
button:disabled label,
button:disabled {
color: #788084; }
notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
.button:insensitive:active,
.button:insensitive:checked,
.button:disabled:active,
.button:disabled:checked,
button:insensitive:active,
button:insensitive:checked,
button:disabled:active,
button:disabled:checked {
border-color: #33393b;
background-image: none;
background-color: #576165;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
notebook > header > tabs > arrow:insensitive:active GtkLabel, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked GtkLabel, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked,
.button:insensitive:active GtkLabel,
.button:insensitive:active,
.button:insensitive:checked GtkLabel,
.button:insensitive:checked,
.button:disabled:active GtkLabel,
.button:disabled:active,
.button:disabled:checked GtkLabel,
.button:disabled:checked,
button:insensitive:active GtkLabel,
button:insensitive:active,
button:insensitive:checked GtkLabel,
button:insensitive:checked,
button:disabled:active GtkLabel,
button:disabled:active,
button:disabled:checked GtkLabel,
button:disabled:checked {
color: #788084; }
notebook > header > tabs > arrow:insensitive:active label, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked label, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked,
.button:insensitive:active label,
.button:insensitive:active,
.button:insensitive:checked label,
.button:insensitive:checked,
.button:disabled:active label,
.button:disabled:active,
.button:disabled:checked label,
.button:disabled:checked,
button:insensitive:active label,
button:insensitive:active,
button:insensitive:checked label,
button:insensitive:checked,
button:disabled:active label,
button:disabled:active,
button:disabled:checked label,
button:disabled:checked {
color: #788084; }
notebook > header > tabs > arrow.image-button,
.button.image-button,
button.image-button {
min-width: 24px;
padding-left: 4px;
padding-right: 4px; }
notebook > header > tabs > arrow.text-button,
.button.text-button,
button.text-button {
padding-left: 16px;
padding-right: 16px; }
notebook > header > tabs > arrow.text-button.image-button,
.button.text-button.image-button,
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px; }
notebook > header > tabs > arrow.text-button.image-button GtkLabel,
notebook > header > tabs > arrow.text-button.image-button label,
.button.text-button.image-button GtkLabel,
.button.text-button.image-button label,
button.text-button.image-button GtkLabel,
button.text-button.image-button label {
padding-left: 8px;
padding-right: 8px; }
GtkComboBox:drop(active) button.combo,
combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
.button:drop(active),
button:drop(active) {
color: #4e9a06;
border-color: #4e9a06;
box-shadow: inset 0 0 0 1px #4e9a06; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected
.button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
color: #ffffff;
border-color: transparent; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected
.button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
color: #788084; }
.button.osd,
button.osd {
min-width: 24px;
min-height: 32px;
color: #A1A8AB;
border-radius: 5px;
outline-color: rgba(161, 168, 171, 0.3);
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3);
border: none;
box-shadow: none; }
.button.osd.image-button,
button.osd.image-button {
min-width: 32px; }
.button.osd:hover,
button.osd:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3);
border: none;
box-shadow: none; }
.button.osd:active,
.button.osd:checked,
button.osd:active,
button.osd:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(161, 168, 171, 0.3);
border: none;
box-shadow: none; }
.button.osd:insensitive:backdrop,
.button.osd:insensitive,
.button.osd:disabled:backdrop,
.button.osd:disabled,
button.osd:insensitive:backdrop,
button.osd:insensitive,
button.osd:disabled:backdrop,
button.osd:disabled {
color: #616769;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
.button.osd:backdrop,
button.osd:backdrop {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
.app-notification .button, .app-notification button,
.app-notification.frame .button,
.app-notification.frame button, .csd .popover.background.touch-selection button, .csd .popover.background.magnifier button, .popover.background.touch-selection button, .popover.background.magnifier button, .csd
popover.background.touch-selection button, .csd
popover.background.magnifier button,
popover.background.touch-selection button,
popover.background.magnifier button, .osd
.button, .osd
button {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.app-notification .button:hover, .app-notification button:hover, .popover.background.touch-selection button:hover, .popover.background.magnifier button:hover,
popover.background.touch-selection button:hover,
popover.background.magnifier button:hover, .osd
.button:hover, .osd
button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover.background.touch-selection button:active:backdrop, .popover.background.magnifier button:active:backdrop,
popover.background.touch-selection button:active:backdrop,
popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover.background.touch-selection button:active, .popover.background.magnifier button:active,
popover.background.touch-selection button:active,
popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover.background.touch-selection button:checked:backdrop, .popover.background.magnifier button:checked:backdrop,
popover.background.touch-selection button:checked:backdrop,
popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover.background.touch-selection button:checked, .popover.background.magnifier button:checked,
popover.background.touch-selection button:checked,
popover.background.magnifier button:checked, .osd
.button:active:backdrop, .osd
.button:active, .osd
.button:checked:backdrop, .osd
.button:checked, .osd
button:active:backdrop, .osd
button:active, .osd
button:checked:backdrop, .osd
button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(161, 168, 171, 0.3); }
.app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, .popover.background.touch-selection button:disabled:backdrop, .popover.background.magnifier button:disabled:backdrop,
popover.background.touch-selection button:disabled:backdrop,
popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, .popover.background.touch-selection button:disabled, .popover.background.magnifier button:disabled,
popover.background.touch-selection button:disabled,
popover.background.magnifier button:disabled, .osd
.button:disabled:backdrop, .osd
.button:disabled, .osd
button:disabled:backdrop, .osd
button:disabled {
color: #616769;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.app-notification .button:backdrop, .app-notification button:backdrop, .popover.background.touch-selection button:backdrop, .popover.background.magnifier button:backdrop,
popover.background.touch-selection button:backdrop,
popover.background.magnifier button:backdrop, .osd
.button:backdrop, .osd
button:backdrop {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.app-notification .flat.button, .app-notification button.flat, .popover.background.touch-selection button.flat, .popover.background.magnifier button.flat,
popover.background.touch-selection button.flat,
popover.background.magnifier button.flat, .osd
.button.flat, .osd
button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
.app-notification .flat.button:hover, .app-notification button.flat:hover, .popover.background.touch-selection button.flat:hover, .popover.background.magnifier button.flat:hover,
popover.background.touch-selection button.flat:hover,
popover.background.magnifier button.flat:hover, .osd
.button.flat:hover, .osd
button.flat:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.app-notification .flat.button:disabled, .app-notification button.flat:disabled, .popover.background.touch-selection button.flat:disabled, .popover.background.magnifier button.flat:disabled,
popover.background.touch-selection button.flat:disabled,
popover.background.magnifier button.flat:disabled, .osd
.button.flat:disabled, .osd
button.flat:disabled {
color: #616769;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-image: none;
border-color: transparent;
box-shadow: none; }
.app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, .popover.background.touch-selection button.flat:backdrop, .popover.background.magnifier button.flat:backdrop,
popover.background.touch-selection button.flat:backdrop,
popover.background.magnifier button.flat:backdrop, .osd
.button.flat:backdrop, .osd
button.flat:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.app-notification .flat.button:active, .app-notification button.flat:active, .popover.background.touch-selection button.flat:active, .popover.background.magnifier button.flat:active,
popover.background.touch-selection button.flat:active,
popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, .popover.background.touch-selection button.flat:checked, .popover.background.magnifier button.flat:checked,
popover.background.touch-selection button.flat:checked,
popover.background.magnifier button.flat:checked, .osd
.button.flat:active, .osd
.button.flat:checked, .osd
button.flat:active, .osd
button.flat:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(161, 168, 171, 0.3); }
.button.suggested-action,
button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #303c42;
background-image: linear-gradient(to bottom, #667f8c, #5b717d);
text-shadow: 0 1px rgba(0, 0, 0, 0.62039);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62039);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action.flat,
button.suggested-action.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #667f8c; }
.button.suggested-action:hover,
button.suggested-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #303c42;
background-image: linear-gradient(to bottom, #68828f, #627986 60%, #5d7480);
text-shadow: 0 1px rgba(0, 0, 0, 0.57239);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.57239);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
.button.suggested-action:active,
.button.suggested-action:checked,
button.suggested-action:active,
button.suggested-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #303c42;
background-image: linear-gradient(to bottom, #576c77, #627986);
text-shadow: 0 1px rgba(0, 0, 0, 0.70039);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70039);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action:backdrop,
.button.suggested-action.flat:backdrop,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
border-color: #303c42;
background-image: linear-gradient(to bottom, #667f8c);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.button.suggested-action:backdrop GtkLabel,
.button.suggested-action:backdrop,
.button.suggested-action.flat:backdrop GtkLabel,
.button.suggested-action.flat:backdrop,
button.suggested-action:backdrop GtkLabel,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop GtkLabel,
button.suggested-action.flat:backdrop {
color: #e0e5e8; }
.button.suggested-action:backdrop label,
.button.suggested-action:backdrop,
.button.suggested-action.flat:backdrop label,
.button.suggested-action.flat:backdrop,
button.suggested-action:backdrop label,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop label,
button.suggested-action.flat:backdrop {
color: #e0e5e8; }
.button.suggested-action:backdrop:active,
.button.suggested-action:backdrop:checked,
.button.suggested-action.flat:backdrop:active,
.button.suggested-action.flat:backdrop:checked,
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked {
border-color: #303c42;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action:backdrop:active GtkLabel,
.button.suggested-action:backdrop:active,
.button.suggested-action:backdrop:checked GtkLabel,
.button.suggested-action:backdrop:checked,
.button.suggested-action.flat:backdrop:active GtkLabel,
.button.suggested-action.flat:backdrop:active,
.button.suggested-action.flat:backdrop:checked GtkLabel,
.button.suggested-action.flat:backdrop:checked,
button.suggested-action:backdrop:active GtkLabel,
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked GtkLabel,
button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active GtkLabel,
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked GtkLabel,
button.suggested-action.flat:backdrop:checked {
color: #dce0e2; }
.button.suggested-action:backdrop:active label,
.button.suggested-action:backdrop:active,
.button.suggested-action:backdrop:checked label,
.button.suggested-action:backdrop:checked,
.button.suggested-action.flat:backdrop:active label,
.button.suggested-action.flat:backdrop:active,
.button.suggested-action.flat:backdrop:checked label,
.button.suggested-action.flat:backdrop:checked,
button.suggested-action:backdrop:active label,
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked label,
button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active label,
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked label,
button.suggested-action.flat:backdrop:checked {
color: #dce0e2; }
.button.suggested-action:backdrop:disabled,
.button.suggested-action.flat:backdrop:disabled,
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled {
border-color: #363c3e;
background-image: none;
background-color: #576165;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.button.suggested-action:backdrop:disabled GtkLabel,
.button.suggested-action:backdrop:disabled,
.button.suggested-action.flat:backdrop:disabled GtkLabel,
.button.suggested-action.flat:backdrop:disabled,
button.suggested-action:backdrop:disabled GtkLabel,
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled GtkLabel,
button.suggested-action.flat:backdrop:disabled {
color: #727f85; }
.button.suggested-action:backdrop:disabled label,
.button.suggested-action:backdrop:disabled,
.button.suggested-action.flat:backdrop:disabled label,
.button.suggested-action.flat:backdrop:disabled,
button.suggested-action:backdrop:disabled label,
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled label,
button.suggested-action.flat:backdrop:disabled {
color: #727f85; }
.button.suggested-action:backdrop:disabled:active,
.button.suggested-action:backdrop:disabled:checked,
.button.suggested-action.flat:backdrop:disabled:active,
.button.suggested-action.flat:backdrop:disabled:checked,
button.suggested-action:backdrop:disabled:active,
button.suggested-action:backdrop:disabled:checked,
button.suggested-action.flat:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked {
border-color: #303c42;
background-image: none;
background-color: #5b6f79;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action:backdrop:disabled:active label,
.button.suggested-action:backdrop:disabled:checked label,
.button.suggested-action.flat:backdrop:disabled:active label,
.button.suggested-action.flat:backdrop:disabled:checked label,
button.suggested-action:backdrop:disabled:active label,
button.suggested-action:backdrop:disabled:checked label,
button.suggested-action.flat:backdrop:disabled:active label,
button.suggested-action.flat:backdrop:disabled:checked label {
color: #94a1a8; }
.button.suggested-action.flat:backdrop,
.button.suggested-action.flat:disabled,
.button.suggested-action.flat:backdrop:disabled,
button.suggested-action.flat:backdrop,
button.suggested-action.flat:disabled,
button.suggested-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(102, 127, 140, 0.8); }
.button.suggested-action:disabled,
button.suggested-action:disabled {
border-color: #33393b;
background-image: none;
background-color: #576165;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
.button.suggested-action:disabled GtkLabel,
.button.suggested-action:disabled,
button.suggested-action:disabled GtkLabel,
button.suggested-action:disabled {
color: #788084; }
.button.suggested-action:disabled label,
.button.suggested-action:disabled,
button.suggested-action:disabled label,
button.suggested-action:disabled {
color: #788084; }
.button.suggested-action:disabled:active,
.button.suggested-action:disabled:checked,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
border-color: #303c42;
background-image: none;
background-color: #5b6f79;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action:disabled:active GtkLabel,
.button.suggested-action:disabled:active,
.button.suggested-action:disabled:checked GtkLabel,
.button.suggested-action:disabled:checked,
button.suggested-action:disabled:active GtkLabel,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked GtkLabel,
button.suggested-action:disabled:checked {
color: #bdc5c9; }
.button.suggested-action:disabled:active label,
.button.suggested-action:disabled:active,
.button.suggested-action:disabled:checked label,
.button.suggested-action:disabled:checked,
button.suggested-action:disabled:active label,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked label,
button.suggested-action:disabled:checked {
color: #bdc5c9; }
.osd
.button.suggested-action, .osd
button.suggested-action {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.osd
.button.suggested-action:hover, .osd
button.suggested-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.osd
.button.suggested-action:active:backdrop, .osd
.button.suggested-action:active, .osd
.button.suggested-action:checked:backdrop, .osd
.button.suggested-action:checked, .osd
button.suggested-action:active:backdrop, .osd
button.suggested-action:active, .osd
button.suggested-action:checked:backdrop, .osd
button.suggested-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #667f8c);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(161, 168, 171, 0.3); }
.osd
.button.suggested-action:disabled:backdrop, .osd
.button.suggested-action:disabled, .osd
button.suggested-action:disabled:backdrop, .osd
button.suggested-action:disabled {
color: #616769;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
.button.suggested-action:backdrop, .osd
button.suggested-action:backdrop {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.button.destructive-action,
button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #4c0e0d;
background-image: linear-gradient(to bottom, #b9221f, #a31e1b);
text-shadow: 0 1px rgba(0, 0, 0, 0.66118);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.66118);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action.flat,
button.destructive-action.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #b9221f; }
.button.destructive-action:hover,
button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #4c0e0d;
background-image: linear-gradient(to bottom, #bd2320, #b0201e 60%, #a71f1c);
text-shadow: 0 1px rgba(0, 0, 0, 0.61318);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61318);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
.button.destructive-action:active,
.button.destructive-action:checked,
button.destructive-action:active,
button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #4c0e0d;
background-image: linear-gradient(to bottom, #9a1c1a, #b0201e);
text-shadow: 0 1px rgba(0, 0, 0, 0.74118);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.74118);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop,
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
border-color: #4c0e0d;
background-image: linear-gradient(to bottom, #b9221f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.button.destructive-action:backdrop GtkLabel,
.button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop GtkLabel,
.button.destructive-action.flat:backdrop,
button.destructive-action:backdrop GtkLabel,
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop GtkLabel,
button.destructive-action.flat:backdrop {
color: #f1d3d2; }
.button.destructive-action:backdrop label,
.button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop label,
.button.destructive-action.flat:backdrop,
button.destructive-action:backdrop label,
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop label,
button.destructive-action.flat:backdrop {
color: #f1d3d2; }
.button.destructive-action:backdrop:active,
.button.destructive-action:backdrop:checked,
.button.destructive-action.flat:backdrop:active,
.button.destructive-action.flat:backdrop:checked,
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked {
border-color: #4c0e0d;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:backdrop:active GtkLabel,
.button.destructive-action:backdrop:active,
.button.destructive-action:backdrop:checked GtkLabel,
.button.destructive-action:backdrop:checked,
.button.destructive-action.flat:backdrop:active GtkLabel,
.button.destructive-action.flat:backdrop:active,
.button.destructive-action.flat:backdrop:checked GtkLabel,
.button.destructive-action.flat:backdrop:checked,
button.destructive-action:backdrop:active GtkLabel,
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked GtkLabel,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active GtkLabel,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked GtkLabel,
button.destructive-action.flat:backdrop:checked {
color: #e8d1d1; }
.button.destructive-action:backdrop:active label,
.button.destructive-action:backdrop:active,
.button.destructive-action:backdrop:checked label,
.button.destructive-action:backdrop:checked,
.button.destructive-action.flat:backdrop:active label,
.button.destructive-action.flat:backdrop:active,
.button.destructive-action.flat:backdrop:checked label,
.button.destructive-action.flat:backdrop:checked,
button.destructive-action:backdrop:active label,
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked label,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active label,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked label,
button.destructive-action.flat:backdrop:checked {
color: #e8d1d1; }
.button.destructive-action:backdrop:disabled,
.button.destructive-action.flat:backdrop:disabled,
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled {
border-color: #363c3e;
background-image: none;
background-color: #576165;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.button.destructive-action:backdrop:disabled GtkLabel,
.button.destructive-action:backdrop:disabled,
.button.destructive-action.flat:backdrop:disabled GtkLabel,
.button.destructive-action.flat:backdrop:disabled,
button.destructive-action:backdrop:disabled GtkLabel,
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled GtkLabel,
button.destructive-action.flat:backdrop:disabled {
color: #727f85; }
.button.destructive-action:backdrop:disabled label,
.button.destructive-action:backdrop:disabled,
.button.destructive-action.flat:backdrop:disabled label,
.button.destructive-action.flat:backdrop:disabled,
button.destructive-action:backdrop:disabled label,
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled label,
button.destructive-action.flat:backdrop:disabled {
color: #727f85; }
.button.destructive-action:backdrop:disabled:active,
.button.destructive-action:backdrop:disabled:checked,
.button.destructive-action.flat:backdrop:disabled:active,
.button.destructive-action.flat:backdrop:disabled:checked,
button.destructive-action:backdrop:disabled:active,
button.destructive-action:backdrop:disabled:checked,
button.destructive-action.flat:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked {
border-color: #4c0e0d;
background-image: none;
background-color: #982827;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:backdrop:disabled:active label,
.button.destructive-action:backdrop:disabled:checked label,
.button.destructive-action.flat:backdrop:disabled:active label,
.button.destructive-action.flat:backdrop:disabled:checked label,
button.destructive-action:backdrop:disabled:active label,
button.destructive-action:backdrop:disabled:checked label,
button.destructive-action.flat:backdrop:disabled:active label,
button.destructive-action.flat:backdrop:disabled:checked label {
color: #bc7373; }
.button.destructive-action.flat:backdrop,
.button.destructive-action.flat:disabled,
.button.destructive-action.flat:backdrop:disabled,
button.destructive-action.flat:backdrop,
button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(185, 34, 31, 0.8); }
.button.destructive-action:disabled,
button.destructive-action:disabled {
border-color: #33393b;
background-image: none;
background-color: #576165;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
.button.destructive-action:disabled GtkLabel,
.button.destructive-action:disabled,
button.destructive-action:disabled GtkLabel,
button.destructive-action:disabled {
color: #788084; }
.button.destructive-action:disabled label,
.button.destructive-action:disabled,
button.destructive-action:disabled label,
button.destructive-action:disabled {
color: #788084; }
.button.destructive-action:disabled:active,
.button.destructive-action:disabled:checked,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked {
border-color: #4c0e0d;
background-image: none;
background-color: #982827;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:disabled:active GtkLabel,
.button.destructive-action:disabled:active,
.button.destructive-action:disabled:checked GtkLabel,
.button.destructive-action:disabled:checked,
button.destructive-action:disabled:active GtkLabel,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked GtkLabel,
button.destructive-action:disabled:checked {
color: #d6a9a9; }
.button.destructive-action:disabled:active label,
.button.destructive-action:disabled:active,
.button.destructive-action:disabled:checked label,
.button.destructive-action:disabled:checked,
button.destructive-action:disabled:active label,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked label,
button.destructive-action:disabled:checked {
color: #d6a9a9; }
.osd
.button.destructive-action, .osd
button.destructive-action {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(185, 34, 31, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.osd
.button.destructive-action:hover, .osd
button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(185, 34, 31, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.osd
.button.destructive-action:active:backdrop, .osd
.button.destructive-action:active, .osd
.button.destructive-action:checked:backdrop, .osd
.button.destructive-action:checked, .osd
button.destructive-action:active:backdrop, .osd
button.destructive-action:active, .osd
button.destructive-action:checked:backdrop, .osd
button.destructive-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #b9221f);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(161, 168, 171, 0.3); }
.osd
.button.destructive-action:disabled:backdrop, .osd
.button.destructive-action:disabled, .osd
button.destructive-action:disabled:backdrop, .osd
button.destructive-action:disabled {
color: #616769;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
.button.destructive-action:backdrop, .osd
button.destructive-action:backdrop {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(185, 34, 31, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.stack-switcher >
.button, .stack-switcher >
button {
outline-offset: -3px; }
.stack-switcher >
.button > label, .stack-switcher >
button > label {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher >
.button > image, .stack-switcher >
button > image {
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px; }
.stack-switcher >
.button.text-button, .stack-switcher >
button.text-button {
padding-left: 10px;
padding-right: 10px; }
.stack-switcher >
.button.image-button, .stack-switcher >
button.image-button {
padding-left: 2px;
padding-right: 2px; }
.stack-switcher >
.button.needs-attention:active > label,
.stack-switcher >
.button.needs-attention:active > image, .stack-switcher >
.button.needs-attention:checked > label,
.stack-switcher >
.button.needs-attention:checked > image, .stack-switcher >
button.needs-attention:active > label,
.stack-switcher >
button.needs-attention:active > image, .stack-switcher >
button.needs-attention:checked > label,
.stack-switcher >
button.needs-attention:checked > image {
animation: none;
background-image: none; }
.inline-toolbar
.button, .inline-toolbar
.button:backdrop, .inline-toolbar
button, .inline-toolbar
button:backdrop {
border-radius: 2px;
border-width: 1px; }
.primary-toolbar
.button, .primary-toolbar
button {
-gtk-icon-shadow: none; }
.stack-switcher >
.button.needs-attention > label,
.stack-switcher >
.button.needs-attention > image, .stack-switcher >
button.needs-attention > label,
.stack-switcher >
button.needs-attention > image, .sidebar .list-row.needs-attention > label,
.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label,
stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#90a4ae), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
.stack-switcher >
.button.needs-attention > label:backdrop,
.stack-switcher >
.button.needs-attention > image:backdrop, .stack-switcher >
button.needs-attention > label:backdrop,
.stack-switcher >
button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop,
.sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop,
stacksidebar row.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0; }
.stack-switcher >
.button.needs-attention > label:dir(rtl),
.stack-switcher >
.button.needs-attention > image:dir(rtl), .stack-switcher >
button.needs-attention > label:dir(rtl),
.stack-switcher >
button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl),
.sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl),
stacksidebar row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 2px; }
.inline-toolbar toolbutton > button {
color: #A1A8AB;
outline-color: rgba(161, 168, 171, 0.3);
border-color: #33393b;
background-image: linear-gradient(to bottom, #4F585C, #434b4e);
text-shadow: 0 1px rgba(0, 0, 0, 0.73176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:hover {
color: #A1A8AB;
outline-color: rgba(161, 168, 171, 0.3);
border-color: #33393b;
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
text-shadow: 0 1px rgba(0, 0, 0, 0.68376);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #A1A8AB;
outline-color: rgba(161, 168, 171, 0.3);
border-color: #33393b;
background-image: linear-gradient(to bottom, #3f4649, #4a5357);
text-shadow: 0 1px rgba(0, 0, 0, 0.81176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:disabled {
border-color: #33393b;
background-image: none;
background-color: #576165;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled {
color: #788084; }
.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
color: #788084; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
border-color: #33393b;
background-image: none;
background-color: #576165;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked {
color: #788084; }
.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
color: #788084; }
.inline-toolbar toolbutton > button:backdrop {
border-color: #363c3e;
background-image: linear-gradient(to bottom, #4F585C);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop {
color: #788084; }
.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
color: #788084; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: #363c3e;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked {
color: #788084; }
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
color: #788084; }
.inline-toolbar toolbutton > button:backdrop:disabled {
border-color: #363c3e;
background-image: none;
background-color: #576165;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled {
color: #727f85; }
.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled {
color: #727f85; }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
border-color: #363c3e;
background-image: none;
background-color: #4b5457;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
color: #727f85; }
toolbar.inline-toolbar toolbutton > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar
.button, .inline-toolbar
.button:backdrop, .inline-toolbar
button, .inline-toolbar
button:backdrop, .linked >
.button, .linked >
.button:hover, .linked >
.button:active, .linked >
.button:checked, .linked >
.button:backdrop, .linked >
button, .linked >
button:hover, .linked >
button:active, .linked >
button:checked, .linked >
button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) >
.entry, .linked:not(.vertical) >
entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
border-radius: 0;
border-right-style: none; }
.inline-toolbar
.button:first-child, .inline-toolbar
button:first-child, .linked >
.button:first-child, .linked >
button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(rtl),
combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical),
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) >
.entry:first-child, .linked:not(.vertical) >
entry:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.inline-toolbar
.button:last-child, .inline-toolbar
button:last-child, .linked >
.button:last-child, .linked >
button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(ltr),
combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical),
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) >
.entry:last-child, .linked:not(.vertical) >
entry:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right-style: solid; }
.inline-toolbar
.button:only-child, .inline-toolbar
button:only-child, .linked >
.button:only-child, .linked >
button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical),
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) >
.entry:only-child, .linked:not(.vertical) >
entry:only-child {
border-radius: 3px;
border-style: solid; }
.linked.vertical >
.button, .linked.vertical >
.button:hover, .linked.vertical >
.button:active, .linked.vertical >
.button:checked, .linked.vertical >
.button:backdrop, .linked.vertical >
button, .linked.vertical >
button:hover, .linked.vertical >
button:active, .linked.vertical >
button:checked, .linked.vertical >
button:backdrop, .linked.vertical > .spinbutton:not(.vertical),
.linked.vertical > spinbutton:not(.vertical), .linked.vertical >
.entry, .linked.vertical >
entry, .linked.vertical > combobox > box > button.combo {
border-style: solid solid none solid;
border-radius: 0; }
.linked.vertical >
.button:first-child, .linked.vertical >
button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical),
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical >
.entry:first-child, .linked.vertical >
entry:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.linked.vertical >
.button:last-child, .linked.vertical >
button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical),
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical >
.entry:last-child, .linked.vertical >
entry:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-style: solid; }
.linked.vertical >
.button:only-child, .linked.vertical >
button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical),
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical >
.entry:only-child, .linked.vertical >
entry:only-child {
border-radius: 3px;
border-style: solid; }
modelbutton.flat, .popover.background .check,
.popover.background checkbutton,
.popover.background .radio,
.popover.background radiobutton,
popover.background .check,
popover.background checkbutton,
popover.background .radio,
popover.background radiobutton,
.menuitem.button.flat, modelbutton.flat:backdrop,
popover.background checkbutton:backdrop,
popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, .popover.background .check:backdrop:hover,
.popover.background checkbutton:backdrop:hover,
.popover.background .radio:backdrop:hover,
.popover.background radiobutton:backdrop:hover,
popover.background .check:backdrop:hover,
popover.background checkbutton:backdrop:hover,
popover.background .radio:backdrop:hover,
popover.background radiobutton:backdrop:hover,
.menuitem.button.flat:backdrop,
.menuitem.button.flat:backdrop:hover, GtkCalendar.button,
calendar.button, GtkCalendar.button:hover,
calendar.button:hover, GtkCalendar.button:backdrop,
calendar.button:backdrop, GtkCalendar.button:disabled,
calendar.button:disabled, button:link,
.button:link,
button:visited,
.button:visited, button:link:hover, button:link:active, button:link:checked,
.button:link:hover,
.button:link:active,
.button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked,
.button:visited:hover,
.button:visited:active,
.button:visited:checked, .scale-popup .button:hover,
.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:disabled, .scale-popup .button:backdrop,
.scale-popup button:backdrop:hover,
.scale-popup button:backdrop:disabled,
.scale-popup button:backdrop {
background-color: transparent;
background-image: none;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
/* menu buttons */
modelbutton.flat, .popover.background .check,
.popover.background checkbutton,
.popover.background .radio,
.popover.background radiobutton,
popover.background .check,
popover.background checkbutton,
popover.background .radio,
popover.background radiobutton,
.menuitem.button.flat {
min-height: 26px;
padding-left: 5px;
padding-right: 5px;
border-radius: 3px;
outline-offset: -2px; }
modelbutton.flat:hover, .popover.background .check:hover,
.popover.background checkbutton:hover,
.popover.background .radio:hover,
.popover.background radiobutton:hover,
popover.background .check:hover,
popover.background checkbutton:hover,
popover.background .radio:hover,
popover.background radiobutton:hover,
.menuitem.button.flat:hover {
background-color: #5b656a; }
modelbutton.flat check:last-child, .popover.background .check check:last-child,
.popover.background checkbutton check:last-child,
.popover.background .radio check:last-child,
.popover.background radiobutton check:last-child,
popover.background .check check:last-child,
popover.background checkbutton check:last-child,
popover.background .radio check:last-child,
popover.background radiobutton check:last-child,
modelbutton.flat radio:last-child,
.popover.background .check radio:last-child,
.popover.background checkbutton radio:last-child,
.popover.background .radio radio:last-child,
.popover.background radiobutton radio:last-child,
popover.background .check radio:last-child,
popover.background checkbutton radio:last-child,
popover.background .radio radio:last-child,
popover.background radiobutton radio:last-child,
.menuitem.button.flat check:last-child,
.menuitem.button.flat radio:last-child {
margin-left: 8px; }
modelbutton.flat check:first-child, .popover.background .check check:first-child,
.popover.background checkbutton check:first-child,
.popover.background .radio check:first-child,
.popover.background radiobutton check:first-child,
popover.background .check check:first-child,
popover.background checkbutton check:first-child,
popover.background .radio check:first-child,
popover.background radiobutton check:first-child,
modelbutton.flat radio:first-child,
.popover.background .check radio:first-child,
.popover.background checkbutton radio:first-child,
.popover.background .radio radio:first-child,
.popover.background radiobutton radio:first-child,
popover.background .check radio:first-child,
popover.background checkbutton radio:first-child,
popover.background .radio radio:first-child,
popover.background radiobutton radio:first-child,
.menuitem.button.flat check:first-child,
.menuitem.button.flat radio:first-child {
margin-right: 8px; }
modelbutton.flat arrow, .popover.background .check arrow,
.popover.background checkbutton arrow,
.popover.background .radio arrow,
.popover.background radiobutton arrow,
popover.background .check arrow,
popover.background checkbutton arrow,
popover.background .radio arrow,
popover.background radiobutton arrow {
background: none; }
modelbutton.flat arrow:hover, .popover.background .check arrow:hover,
.popover.background checkbutton arrow:hover,
.popover.background .radio arrow:hover,
.popover.background radiobutton arrow:hover,
popover.background .check arrow:hover,
popover.background checkbutton arrow:hover,
popover.background .radio arrow:hover,
popover.background radiobutton arrow:hover {
background: none; }
modelbutton.flat arrow.left, .popover.background .check arrow.left,
.popover.background checkbutton arrow.left,
.popover.background .radio arrow.left,
.popover.background radiobutton arrow.left,
popover.background .check arrow.left,
popover.background checkbutton arrow.left,
popover.background .radio arrow.left,
popover.background radiobutton arrow.left {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
modelbutton.flat arrow.right, .popover.background .check arrow.right,
.popover.background checkbutton arrow.right,
.popover.background .radio arrow.right,
.popover.background radiobutton arrow.right,
popover.background .check arrow.right,
popover.background checkbutton arrow.right,
popover.background .radio arrow.right,
popover.background radiobutton arrow.right {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
button.color {
padding: 4px; }
button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
border-radius: 0; }
/************
* Calendar *
***********/
GtkCalendar,
calendar {
color: #A1A8AB;
border: 1px solid #33393b; }
GtkCalendar:selected,
calendar:selected {
border-radius: 3px; }
GtkCalendar.header,
calendar.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0; }
GtkCalendar.header:backdrop,
calendar.header:backdrop {
border-color: rgba(0, 0, 0, 0.1); }
GtkCalendar.button,
calendar.button {
color: rgba(161, 168, 171, 0.45); }
GtkCalendar.button:hover,
calendar.button:hover {
color: #A1A8AB; }
GtkCalendar.button:backdrop,
calendar.button:backdrop {
color: rgba(120, 128, 132, 0.45); }
GtkCalendar.button:disabled,
calendar.button:disabled {
color: rgba(120, 128, 132, 0.45); }
GtkCalendar:indeterminate, GtkCalendar:indeterminate:backdrop,
calendar:indeterminate,
calendar:indeterminate:backdrop {
color: alpha(currentColor,0.55); }
GtkCalendar.highlight, GtkCalendar.highlight:backdrop,
calendar.highlight,
calendar.highlight:backdrop {
font-size: smaller;
color: #A1A8AB; }
GtkCalendar:backdrop,
calendar:backdrop {
color: #959da0;
border-color: #363c3e; }
/*************************
* Check and Radio Items *
*************************/
check,
.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png"));
-gtk-icon-shadow: none; }
radio,
.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png"));
-gtk-icon-shadow: none; }
check:hover,
.check:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png"));
-gtk-icon-shadow: none; }
radio:hover,
.radio:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png"));
-gtk-icon-shadow: none; }
check:active,
.check:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png"));
-gtk-icon-shadow: none; }
radio:active,
.radio:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png"));
-gtk-icon-shadow: none; }
check:backdrop,
.check:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:backdrop,
.radio:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:insensitive,
.check:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:insensitive,
.radio:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:insensitive:backdrop,
.check:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:insensitive:backdrop,
.radio:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked,
.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked,
.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:hover,
.check:checked:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:hover,
.radio:checked:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:active,
.check:checked:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:active,
.radio:checked:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:backdrop,
.check:checked:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:backdrop,
.radio:checked:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:insensitive,
.check:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:insensitive,
.radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:insensitive:backdrop,
.check:checked:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-backdrop-dark.png"), url("assets/checkbox-checked-insensitive-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:insensitive:backdrop,
.radio:checked:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-backdrop-dark.png"), url("assets/radio-checked-insensitive-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent,
.check:inconsistent {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent,
.radio:inconsistent {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:hover,
.check:inconsistent:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:hover,
.radio:inconsistent:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:active,
.check:inconsistent:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:active,
.radio:inconsistent:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:backdrop,
.check:inconsistent:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:backdrop,
.radio:inconsistent:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:insensitive,
.check:inconsistent:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:insensitive,
.radio:inconsistent:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:insensitive:backdrop,
.check:inconsistent:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("assets/checkbox-mixed-insensitive-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:insensitive:backdrop,
.radio:inconsistent:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-backdrop-dark.png"), url("assets/radio-mixed-insensitive-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:selected,
.check:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-dark.png"), url("assets/selected-checkbox-unchecked-dark@2.png"));
-gtk-icon-shadow: none; }
radio:selected,
.radio:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-dark.png"), url("assets/selected-radio-unchecked-dark@2.png"));
-gtk-icon-shadow: none; }
check:hover:selected,
.check:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover-dark.png"), url("assets/selected-checkbox-unchecked-hover-dark@2.png"));
-gtk-icon-shadow: none; }
radio:hover:selected,
.radio:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover-dark.png"), url("assets/selected-radio-unchecked-hover-dark@2.png"));
-gtk-icon-shadow: none; }
check:active:selected,
.check:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active-dark.png"), url("assets/selected-checkbox-unchecked-active-dark@2.png"));
-gtk-icon-shadow: none; }
radio:active:selected,
.radio:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active-dark.png"), url("assets/selected-radio-unchecked-active-dark@2.png"));
-gtk-icon-shadow: none; }
check:backdrop:selected,
.check:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:backdrop:selected,
.radio:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-dark.png"), url("assets/selected-radio-unchecked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:insensitive:selected,
.check:insensitive:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:insensitive:selected,
.radio:insensitive:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive-dark.png"), url("assets/selected-radio-unchecked-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:insensitive:backdrop:selected,
.check:insensitive:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:insensitive:backdrop:selected,
.radio:insensitive:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-radio-unchecked-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:selected,
.check:checked:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-dark.png"), url("assets/selected-checkbox-checked-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:selected,
.radio:checked:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-dark.png"), url("assets/selected-radio-checked-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:hover:selected,
.check:checked:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover-dark.png"), url("assets/selected-checkbox-checked-hover-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:hover:selected,
.radio:checked:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover-dark.png"), url("assets/selected-radio-checked-hover-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:active:selected,
.check:checked:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active-dark.png"), url("assets/selected-checkbox-checked-active-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:active:selected,
.radio:checked:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active-dark.png"), url("assets/selected-radio-checked-active-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:backdrop:selected,
.check:checked:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-dark.png"), url("assets/selected-checkbox-checked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:backdrop:selected,
.radio:checked:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-dark.png"), url("assets/selected-radio-checked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:insensitive:selected,
.check:checked:insensitive:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-dark.png"), url("assets/selected-checkbox-checked-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:insensitive:selected,
.radio:checked:insensitive:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-dark.png"), url("assets/selected-radio-checked-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:checked:insensitive:backdrop:selected,
.check:checked:insensitive:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-backdrop-dark.png"), url("assets/selected-checkbox-checked-insensitive-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:checked:insensitive:backdrop:selected,
.radio:checked:insensitive:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-backdrop-dark.png"), url("assets/selected-radio-checked-insensitive-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:selected,
.check:inconsistent:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-dark.png"), url("assets/selected-checkbox-mixed-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:selected,
.radio:inconsistent:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-dark.png"), url("assets/selected-radio-mixed-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:hover:selected,
.check:inconsistent:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover-dark.png"), url("assets/selected-checkbox-mixed-hover-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:hover:selected,
.radio:inconsistent:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover-dark.png"), url("assets/selected-radio-mixed-hover-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:active:selected,
.check:inconsistent:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active-dark.png"), url("assets/selected-checkbox-mixed-active-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:active:selected,
.radio:inconsistent:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active-dark.png"), url("assets/selected-radio-mixed-active-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:backdrop:selected,
.check:inconsistent:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-dark.png"), url("assets/selected-checkbox-mixed-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:backdrop:selected,
.radio:inconsistent:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-dark.png"), url("assets/selected-radio-mixed-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:insensitive:selected,
.check:inconsistent:insensitive:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-dark.png"), url("assets/selected-checkbox-mixed-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:insensitive:selected,
.radio:inconsistent:insensitive:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-dark.png"), url("assets/selected-radio-mixed-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:inconsistent:insensitive:backdrop:selected,
.check:inconsistent:insensitive:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-backdrop-dark.png"), url("assets/selected-checkbox-mixed-insensitive-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:inconsistent:insensitive:backdrop:selected,
.radio:inconsistent:insensitive:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-backdrop-dark.png"), url("assets/selected-radio-mixed-insensitive-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check, GtkIconView.content-view check,
iconview.content-view check,
.view.content-view.check,
GtkIconView.content-view.check,
iconview.content-view.check {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio, GtkIconView.content-view radio,
iconview.content-view radio,
.view.content-view.radio,
GtkIconView.content-view.radio,
iconview.content-view.radio {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked.png"), url("assets/radio-unchecked@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:hover, GtkIconView.content-view check:hover,
iconview.content-view check:hover,
.view.content-view.check:hover,
GtkIconView.content-view.check:hover,
iconview.content-view.check:hover {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:hover, GtkIconView.content-view radio:hover,
iconview.content-view radio:hover,
.view.content-view.radio:hover,
GtkIconView.content-view.radio:hover,
iconview.content-view.radio:hover {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:active, GtkIconView.content-view check:active,
iconview.content-view check:active,
.view.content-view.check:active,
GtkIconView.content-view.check:active,
iconview.content-view.check:active {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:active, GtkIconView.content-view radio:active,
iconview.content-view radio:active,
.view.content-view.radio:active,
GtkIconView.content-view.radio:active,
iconview.content-view.radio:active {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:backdrop, GtkIconView.content-view check:backdrop,
iconview.content-view check:backdrop,
.view.content-view.check:backdrop,
GtkIconView.content-view.check:backdrop,
iconview.content-view.check:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop,
iconview.content-view radio:backdrop,
.view.content-view.radio:backdrop,
GtkIconView.content-view.radio:backdrop,
iconview.content-view.radio:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:insensitive, GtkIconView.content-view check:insensitive,
iconview.content-view check:insensitive,
.view.content-view.check:insensitive,
GtkIconView.content-view.check:insensitive,
iconview.content-view.check:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive,
iconview.content-view radio:insensitive,
.view.content-view.radio:insensitive,
GtkIconView.content-view.radio:insensitive,
iconview.content-view.radio:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop,
iconview.content-view check:insensitive:backdrop,
.view.content-view.check:insensitive:backdrop,
GtkIconView.content-view.check:insensitive:backdrop,
iconview.content-view.check:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop,
iconview.content-view radio:insensitive:backdrop,
.view.content-view.radio:insensitive:backdrop,
GtkIconView.content-view.radio:insensitive:backdrop,
iconview.content-view.radio:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check, GtkIconView.content-view check,
iconview.content-view check,
.view.content-view.check,
GtkIconView.content-view.check,
iconview.content-view.check {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked.png"), url("assets/checkbox-checked@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio, GtkIconView.content-view radio,
iconview.content-view radio,
.view.content-view.radio,
GtkIconView.content-view.radio,
iconview.content-view.radio {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked.png"), url("assets/radio-checked@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:hover, GtkIconView.content-view check:hover,
iconview.content-view check:hover,
.view.content-view.check:hover,
GtkIconView.content-view.check:hover,
iconview.content-view.check:hover {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:hover, GtkIconView.content-view radio:hover,
iconview.content-view radio:hover,
.view.content-view.radio:hover,
GtkIconView.content-view.radio:hover,
iconview.content-view.radio:hover {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-hover.png"), url("assets/radio-checked-hover@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:active, GtkIconView.content-view check:active,
iconview.content-view check:active,
.view.content-view.check:active,
GtkIconView.content-view.check:active,
iconview.content-view.check:active {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:active, GtkIconView.content-view radio:active,
iconview.content-view radio:active,
.view.content-view.radio:active,
GtkIconView.content-view.radio:active,
iconview.content-view.radio:active {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-active.png"), url("assets/radio-checked-active@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:backdrop, GtkIconView.content-view check:backdrop,
iconview.content-view check:backdrop,
.view.content-view.check:backdrop,
GtkIconView.content-view.check:backdrop,
iconview.content-view.check:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop,
iconview.content-view radio:backdrop,
.view.content-view.radio:backdrop,
GtkIconView.content-view.radio:backdrop,
iconview.content-view.radio:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:insensitive, GtkIconView.content-view check:insensitive,
iconview.content-view check:insensitive,
.view.content-view.check:insensitive,
GtkIconView.content-view.check:insensitive,
iconview.content-view.check:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive,
iconview.content-view radio:insensitive,
.view.content-view.radio:insensitive,
GtkIconView.content-view.radio:insensitive,
iconview.content-view.radio:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png"));
-gtk-icon-shadow: none; }
.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop,
iconview.content-view check:insensitive:backdrop,
.view.content-view.check:insensitive:backdrop,
GtkIconView.content-view.check:insensitive:backdrop,
iconview.content-view.check:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop,
iconview.content-view radio:insensitive:backdrop,
.view.content-view.radio:insensitive:backdrop,
GtkIconView.content-view.radio:insensitive:backdrop,
iconview.content-view.radio:insensitive:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
.check.text-button, .radio.text-button,
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;
outline-offset: 0; }
.check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child,
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
margin-left: 4px; }
.check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child,
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
margin-right: 4px; }
check,
.check,
radio,
.radio {
margin: 0 4px; }
.menu .menuitem check, menu menuitem check, .menu .menuitem
.check, menu menuitem
.check, .menu .menuitem
radio, menu menuitem
radio, .menu .menuitem
.radio, menu menuitem
.radio {
margin: 0; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked:active,
menu menuitem radio:indeterminate:checked {
animation: none; }
treeview.view check:selected:focus, treeview.view check:selected,
treeview.view radio:selected:focus,
treeview.view radio:selected {
color: #A1A8AB; }
treeview.view check:selected:disabled,
treeview.view radio:selected:disabled {
color: #788084; }
treeview.view check:selected:disabled:backdrop,
treeview.view radio:selected:disabled:backdrop {
color: #727f85; }
treeview.view check:backdrop:selected, treeview.view check:backdrop,
treeview.view radio:backdrop:selected,
treeview.view radio:backdrop {
color: #788084; }
/*****************
* Color Chooser *
*****************/
GtkColorSwatch, GtkColorSwatch:drop(active),
colorswatch,
colorswatch:drop(active) {
border-style: none; }
GtkColorSwatch.top,
colorswatch.top {
border-top-left-radius: 5.5px;
border-top-right-radius: 5.5px; }
GtkColorSwatch.top overlay,
colorswatch.top overlay {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
GtkColorSwatch.bottom,
colorswatch.bottom {
border-bottom-left-radius: 5.5px;
border-bottom-right-radius: 5.5px; }
GtkColorSwatch.bottom overlay,
colorswatch.bottom overlay {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top),
colorswatch.left,
colorswatch:first-child:not(.top) {
border-top-left-radius: 5.5px;
border-bottom-left-radius: 5.5px; }
GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay,
colorswatch.left overlay,
colorswatch:first-child:not(.top) overlay {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom),
colorswatch.right,
colorswatch:last-child:not(.bottom) {
border-top-right-radius: 5.5px;
border-bottom-right-radius: 5.5px; }
GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay,
colorswatch.right overlay,
colorswatch:last-child:not(.bottom) overlay {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
GtkColorSwatch.dark overlay,
colorswatch.dark overlay {
color: #ffffff; }
GtkColorSwatch.dark overlay:hover,
colorswatch.dark overlay:hover {
border-color: #33393b; }
GtkColorSwatch.dark overlay:backdrop,
colorswatch.dark overlay:backdrop {
color: rgba(255, 255, 255, 0.5); }
GtkColorSwatch.light overlay,
colorswatch.light overlay {
color: #A1A8AB; }
GtkColorSwatch.light overlay:hover,
colorswatch.light overlay:hover {
border-color: #33393b; }
GtkColorSwatch.light overlay:backdrop,
colorswatch.light overlay:backdrop {
color: #959da0; }
GtkColorSwatch:drop(active),
colorswatch:drop(active) {
box-shadow: none; }
GtkColorSwatch:drop(active).light overlay,
colorswatch:drop(active).light overlay {
border-color: #4e9a06;
box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; }
GtkColorSwatch:drop(active).dark overlay,
colorswatch:drop(active).dark overlay {
border-color: #4e9a06;
box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; }
GtkColorSwatch overlay,
colorswatch overlay {
box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
border: 1px solid #33393b; }
GtkColorSwatch overlay:hover,
colorswatch overlay:hover {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover,
colorswatch overlay:backdrop,
colorswatch overlay:backdrop:hover {
border-color: #33393b;
box-shadow: none; }
GtkColorSwatch#add-color-button,
colorswatch#add-color-button {
border-radius: 5px 5px 0 0; }
GtkColorSwatch#add-color-button:only-child,
colorswatch#add-color-button:only-child {
border-radius: 5px; }
GtkColorSwatch#add-color-button overlay,
colorswatch#add-color-button overlay {
color: #A1A8AB;
outline-color: rgba(161, 168, 171, 0.3);
border-color: #33393b;
background-image: linear-gradient(to bottom, #4F585C, #434b4e);
text-shadow: 0 1px rgba(0, 0, 0, 0.73176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
GtkColorSwatch#add-color-button overlay:hover,
colorswatch#add-color-button overlay:hover {
color: #A1A8AB;
outline-color: rgba(161, 168, 171, 0.3);
border-color: #33393b;
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
text-shadow: 0 1px rgba(0, 0, 0, 0.68376);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
GtkColorSwatch#add-color-button overlay:backdrop,
colorswatch#add-color-button overlay:backdrop {
border-color: #363c3e;
background-image: linear-gradient(to bottom, #4F585C);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop,
colorswatch#add-color-button overlay:backdrop GtkLabel,
colorswatch#add-color-button overlay:backdrop {
color: #788084; }
GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop,
colorswatch#add-color-button overlay:backdrop label,
colorswatch#add-color-button overlay:backdrop {
color: #788084; }
GtkColorSwatch:disabled,
colorswatch:disabled {
opacity: 0.5; }
GtkColorSwatch:disabled overlay,
colorswatch:disabled overlay {
border-color: rgba(0, 0, 0, 0.6);
box-shadow: none; }
row:selected GtkColorSwatch, row:selected
colorswatch {
box-shadow: 0 0 0 2px #ffffff; }
GtkColorSwatch#editor-color-sample,
colorswatch#editor-color-sample {
border-radius: 4px; }
GtkColorSwatch#editor-color-sample overlay,
colorswatch#editor-color-sample overlay {
border-radius: 4.5px; }
colorchooser .popover.osd {
border-radius: 5px; }
/**************
* ComboBoxes *
**************/
GtkComboBox arrow,
combobox arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
min-height: 16px;
min-width: 16px; }
GtkComboBox:drop(active),
combobox:drop(active) {
box-shadow: none; }
/******************
* Combobox Entry *
******************/
.combobox-entry button,
.combobox-entry .button {
box-shadow: none; }
.combobox-entry button:first-child,
.combobox-entry .button:first-child {
border-radius: 4px 0 0 4px;
border-right-width: 0; }
.combobox-entry button:last-child,
.combobox-entry .button:last-child {
border-radius: 0 4px 4px 0; }
.combobox-entry entry,
.combobox-entry .entry {
box-shadow: none; }
.combobox-entry entry:first-child,
.combobox-entry .entry:first-child {
border-radius: 4px 0 0 4px;
border-right-width: 0; }
.combobox-entry entry:last-child,
.combobox-entry .entry:last-child {
border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0; }
/***********
* Dialogs *
***********/
.message-dialog .titlebar,
messagedialog .titlebar {
min-height: 20px;
background-image: none;
background-color: #4F585C;
border-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog .titlebar:backdrop,
messagedialog .titlebar:backdrop {
background-color: #4F585C; }
.message-dialog.csd,
messagedialog.csd {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); }
.message-dialog.csd.background,
messagedialog.csd.background {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.message-dialog.csd .dialog-action-area .button,
.message-dialog.csd .dialog-action-area button,
messagedialog.csd .dialog-action-area .button,
messagedialog.csd .dialog-action-area button {
padding: 10px 14px;
border-radius: 0;
border-left-style: solid;
border-right-style: none;
border-bottom-style: none; }
.message-dialog.csd .dialog-action-area .button:first-child,
.message-dialog.csd .dialog-action-area button:first-child,
messagedialog.csd .dialog-action-area .button:first-child,
messagedialog.csd .dialog-action-area button:first-child {
border-left-style: none;
border-bottom-left-radius: 4px; }
.message-dialog.csd .dialog-action-area .button:last-child,
.message-dialog.csd .dialog-action-area button:last-child,
messagedialog.csd .dialog-action-area .button:last-child,
messagedialog.csd .dialog-action-area button:last-child {
border-bottom-right-radius: 4px; }
GtkFileChooserDialog,
filechooser {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
GtkFileChooserDialog .dialog-action-box,
filechooser .dialog-action-box {
border-top: 1px solid #33393b;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
GtkFileChooserDialog .dialog-action-box:backdrop,
filechooser .dialog-action-box:backdrop {
border-top-color: #363c3e; }
GtkFileChooserDialog #pathbarbox,
filechooser #pathbarbox {
border-bottom: 1px solid #4F585C; }
filechooserbutton:drop(active) {
box-shadow: none;
border-color: transparent; }
/****************
* Text Entries *
****************/
.spinbutton:not(.vertical),
spinbutton:not(.vertical),
.entry,
entry {
min-height: 20px;
padding: 4px 6px;
border: 1px solid;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #A1A8AB;
border-color: #33393b;
background-color: #636E73;
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
.spinbutton:not(.vertical) GtkImage.left,
spinbutton:not(.vertical) GtkImage.left,
.spinbutton:not(.vertical) image.left,
spinbutton:not(.vertical) image.left,
.entry GtkImage.left,
.entry image.left,
entry GtkImage.left,
entry image.left {
padding-left: 0;
padding-right: 6px; }
.spinbutton:not(.vertical) GtkImage.right,
spinbutton:not(.vertical) GtkImage.right,
.spinbutton:not(.vertical) image.right,
spinbutton:not(.vertical) image.right,
.entry GtkImage.right,
.entry image.right,
entry GtkImage.right,
entry image.right {
padding-left: 6px;
padding-right: 0; }
.spinbutton:not(.vertical) undershoot.left,
spinbutton:not(.vertical) undershoot.left,
.entry undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left center;
border: none;
box-shadow: none; }
.spinbutton:not(.vertical) undershoot.right,
spinbutton:not(.vertical) undershoot.right,
.entry undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right center;
border: none;
box-shadow: none; }
.flat.spinbutton:focus:not(.vertical),
spinbutton.flat:focus:not(.vertical), .flat.spinbutton:not(.vertical),
spinbutton.flat:not(.vertical),
.entry.flat:focus,
.entry.flat,
entry.flat:focus,
entry.flat {
min-height: 0;
padding: 2px;
background-image: none;
border-color: transparent;
border-radius: 0; }
.spinbutton:focus:not(.vertical),
spinbutton:focus:not(.vertical),
.entry:focus,
entry:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border-color: #262f33; }
.spinbutton:insensitive:not(.vertical),
spinbutton:insensitive:not(.vertical),
.entry:insensitive,
entry:insensitive {
color: #788084;
border-color: #33393b;
background-image: linear-gradient(to bottom, #576165);
box-shadow: none; }
.spinbutton:disabled:not(.vertical),
spinbutton:disabled:not(.vertical),
.entry:disabled,
entry:disabled {
color: #788084;
border-color: #33393b;
background-image: linear-gradient(to bottom, #576165);
box-shadow: none; }
.spinbutton:backdrop:not(.vertical),
spinbutton:backdrop:not(.vertical),
.entry:backdrop,
entry:backdrop {
color: #959da0;
border-color: #363c3e;
background-image: linear-gradient(to bottom, #657176);
box-shadow: none;
transition: 200ms ease-out; }
.spinbutton:backdrop:insensitive:not(.vertical),
spinbutton:backdrop:insensitive:not(.vertical),
.entry:backdrop:insensitive,
entry:backdrop:insensitive {
color: #727f85;
border-color: #363c3e;
background-image: linear-gradient(to bottom, #576165);
box-shadow: none; }
.spinbutton:backdrop:disabled:not(.vertical),
spinbutton:backdrop:disabled:not(.vertical),
.entry:backdrop:disabled,
entry:backdrop:disabled {
color: #727f85;
border-color: #363c3e;
background-image: linear-gradient(to bottom, #576165);
box-shadow: none; }
.error.spinbutton:not(.vertical),
spinbutton.error:not(.vertical),
.entry.error,
entry.error {
color: #f34235;
border-color: #6f0e07; }
.error.spinbutton:focus:not(.vertical),
spinbutton.error:focus:not(.vertical),
.entry.error:focus,
entry.error:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border-color: #6f0e07; }
.error.spinbutton:selected:focus:not(.vertical),
spinbutton.error:selected:focus:not(.vertical), .error.spinbutton:selected:not(.vertical),
spinbutton.error:selected:not(.vertical),
.entry.error:selected:focus,
.entry.error:selected,
entry.error:selected:focus,
entry.error:selected {
background-color: #f34235; }
.warning.spinbutton:not(.vertical),
spinbutton.warning:not(.vertical),
.entry.warning,
entry.warning {
color: #fec006;
border-color: #513d00; }
.warning.spinbutton:focus:not(.vertical),
spinbutton.warning:focus:not(.vertical),
.entry.warning:focus,
entry.warning:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border-color: #513d00; }
.warning.spinbutton:selected:focus:not(.vertical),
spinbutton.warning:selected:focus:not(.vertical), .warning.spinbutton:selected:not(.vertical),
spinbutton.warning:selected:not(.vertical),
.entry.warning:selected:focus,
.entry.warning:selected,
entry.warning:selected:focus,
entry.warning:selected {
background-color: #fec006; }
.spinbutton:not(.vertical) GtkImage,
spinbutton:not(.vertical) GtkImage,
.spinbutton:not(.vertical) image,
spinbutton:not(.vertical) image,
.entry GtkImage,
.entry image,
entry GtkImage,
entry image {
color: #959ca0; }
.spinbutton:not(.vertical) GtkImage:hover,
spinbutton:not(.vertical) GtkImage:hover,
.spinbutton:not(.vertical) image:hover,
spinbutton:not(.vertical) image:hover,
.entry GtkImage:hover,
.entry image:hover,
entry GtkImage:hover,
entry image:hover {
color: #A1A8AB; }
.spinbutton:not(.vertical) GtkImage:active,
spinbutton:not(.vertical) GtkImage:active,
.spinbutton:not(.vertical) image:active,
spinbutton:not(.vertical) image:active,
.entry GtkImage:active,
.entry image:active,
entry GtkImage:active,
entry image:active {
color: #667f8c; }
.spinbutton:not(.vertical) GtkImage:backdrop,
spinbutton:not(.vertical) GtkImage:backdrop,
.spinbutton:not(.vertical) image:backdrop,
spinbutton:not(.vertical) image:backdrop,
.entry GtkImage:backdrop,
.entry image:backdrop,
entry GtkImage:backdrop,
entry image:backdrop {
color: #747d81; }
.spinbutton:drop(active):focus:not(.vertical),
spinbutton:drop(active):focus:not(.vertical), .spinbutton:drop(active):not(.vertical),
spinbutton:drop(active):not(.vertical),
.entry:drop(active):focus,
.entry:drop(active),
entry:drop(active):focus,
entry:drop(active) {
border-color: #4e9a06;
box-shadow: inset 0 0 0 1px #4e9a06; }
.osd .spinbutton:not(.vertical),
.osd spinbutton:not(.vertical), .osd
.entry, .osd
entry {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
.osd .spinbutton:focus:not(.vertical),
.osd spinbutton:focus:not(.vertical), .osd
.entry:focus, .osd
entry:focus {
color: white;
border-color: #667f8c;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
.osd .spinbutton:backdrop:not(.vertical),
.osd spinbutton:backdrop:not(.vertical), .osd
.entry:backdrop, .osd
entry:backdrop {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd .spinbutton:disabled:not(.vertical),
.osd spinbutton:disabled:not(.vertical), .osd
.entry:disabled, .osd
entry:disabled {
color: #616769;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.spinbutton:not(.vertical) .progressbar,
spinbutton:not(.vertical) .progressbar,
.spinbutton:not(.vertical) progress,
spinbutton:not(.vertical) progress,
.entry .progressbar,
.entry progress,
entry .progressbar,
entry progress {
margin: 2px -6px;
background-color: transparent;
background-image: none;
border-radius: 0;
border-width: 0 0 2px;
border-color: #667f8c;
border-style: solid;
box-shadow: none; }
.spinbutton:not(.vertical) .progressbar:backdrop,
spinbutton:not(.vertical) .progressbar:backdrop,
.spinbutton:not(.vertical) progress:backdrop,
spinbutton:not(.vertical) progress:backdrop,
.entry .progressbar:backdrop,
.entry progress:backdrop,
entry .progressbar:backdrop,
entry progress:backdrop {
background-color: transparent; }
.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical),
.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button,
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo,
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
.entry:focus + .spinbutton:not(.vertical),
.linked:not(.vertical) > .entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) >
.entry:focus + button, .linked:not(.vertical) >
.entry:focus + combobox > box > button.combo, .linked:not(.vertical) >
entry:focus + .spinbutton:not(.vertical),
.linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) >
entry:focus + button, .linked:not(.vertical) >
entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) +
.entry,
.linked:not(.vertical) > spinbutton:focus:not(.vertical) +
.entry, .linked:not(.vertical) >
.entry:focus +
.entry, .linked:not(.vertical) >
entry:focus +
.entry, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) +
entry,
.linked:not(.vertical) > spinbutton:focus:not(.vertical) +
entry, .linked:not(.vertical) >
.entry:focus +
entry, .linked:not(.vertical) >
entry:focus +
entry {
border-left-color: #262f33; }
.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical),
.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + button,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + combobox > box > button.combo,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
.entry:drop(active) + .spinbutton:not(.vertical),
.linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) >
.entry:drop(active) + button, .linked:not(.vertical) >
.entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) >
entry:drop(active) + .spinbutton:not(.vertical),
.linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) >
entry:drop(active) + button, .linked:not(.vertical) >
entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) +
.entry,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) +
.entry, .linked:not(.vertical) >
.entry:drop(active) +
.entry, .linked:not(.vertical) >
entry:drop(active) +
.entry, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) +
entry,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) +
entry, .linked:not(.vertical) >
.entry:drop(active) +
entry, .linked:not(.vertical) >
entry:drop(active) +
entry {
border-left-color: #4e9a06; }
.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical),
.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
.entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
.entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical),
.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical),
.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
border-top-color: #555e62;
background-image: linear-gradient(to bottom, #636E73); }
.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop,
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):backdrop:not(.vertical),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):backdrop:not(.vertical),
.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
.entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical >
.entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical),
.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical >
entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical),
.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
border-top-color: #576165;
background-image: linear-gradient(to bottom, #657176); }
.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical),
.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical),
.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical),
.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled,
.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical),
.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical),
.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical),
.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled,
.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical >
.entry:insensitive + .spinbutton:insensitive:not(.vertical),
.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical >
.entry:disabled + entry:disabled, .linked.vertical >
.entry:insensitive + .spinbutton:insensitive:not(.vertical),
.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical >
.entry:disabled + entry:disabled, .linked.vertical >
entry:insensitive + .spinbutton:insensitive:not(.vertical),
.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical >
entry:disabled + entry:disabled, .linked.vertical >
entry:insensitive + .spinbutton:insensitive:not(.vertical),
.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical >
entry:disabled + entry:disabled {
border-top-color: #555e62; }
.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical > .spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical > .spinbutton:not(.vertical) + entry:focus:not(:only-child),
.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical >
.entry + .spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical > .entry + spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical >
.entry + entry:focus:not(:only-child), .linked.vertical >
entry + .spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical >
entry + entry:focus:not(:only-child) {
border-top-color: #262f33; }
.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > .spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > .spinbutton:not(.vertical) + entry:drop(active):not(:only-child),
.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical >
.entry + .spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical >
.entry + entry:drop(active):not(:only-child), .linked.vertical >
entry + .spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical >
entry + entry:drop(active):not(:only-child) {
border-top-color: #4e9a06; }
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical),
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry,
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button,
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button,
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical >
.entry:focus:not(:only-child) + .spinbutton:not(.vertical),
.linked.vertical > .entry:focus:not(:only-child) + spinbutton:not(.vertical),
.linked.vertical >
.entry:focus:not(:only-child) + entry,
.linked.vertical >
.entry:focus:not(:only-child) + .entry,
.linked.vertical >
.entry:focus:not(:only-child) + button,
.linked.vertical >
.entry:focus:not(:only-child) + .button,
.linked.vertical >
.entry:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical >
entry:focus:not(:only-child) + .spinbutton:not(.vertical),
.linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical),
.linked.vertical >
entry:focus:not(:only-child) + entry,
.linked.vertical >
entry:focus:not(:only-child) + .entry,
.linked.vertical >
entry:focus:not(:only-child) + button,
.linked.vertical >
entry:focus:not(:only-child) + .button,
.linked.vertical >
entry:focus:not(:only-child) + combobox > box > button.combo {
border-top-color: #262f33; }
.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical),
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical),
.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .entry,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry,
.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button,
.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical >
.entry:drop(active):not(:only-child) + .spinbutton:not(.vertical),
.linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
.linked.vertical >
.entry:drop(active):not(:only-child) + entry,
.linked.vertical >
.entry:drop(active):not(:only-child) + .entry,
.linked.vertical >
.entry:drop(active):not(:only-child) + button,
.linked.vertical >
.entry:drop(active):not(:only-child) + .button,
.linked.vertical >
.entry:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical >
entry:drop(active):not(:only-child) + .spinbutton:not(.vertical),
.linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
.linked.vertical >
entry:drop(active):not(:only-child) + entry,
.linked.vertical >
entry:drop(active):not(:only-child) + .entry,
.linked.vertical >
entry:drop(active):not(:only-child) + button,
.linked.vertical >
entry:drop(active):not(:only-child) + .button,
.linked.vertical >
entry:drop(active):not(:only-child) + combobox > box > button.combo {
border-top-color: #4e9a06; }
GtkTreeView .acceleditor > label,
treeview acceleditor > label {
background-color: #667f8c; }
GtkTreeView .entry.flat, GtkTreeView .entry,
treeview entry.flat,
treeview entry {
border-radius: 0;
background-image: none;
background-color: #636E73; }
GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus,
treeview entry.flat:focus,
treeview entry:focus {
border-color: #667f8c; }
/*************
* Expanders *
*************/
expander arrow {
min-width: 16px;
min-height: 16px;
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
expander arrow:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander arrow:hover {
color: #f2f3f3; }
expander arrow:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
/****************
* File chooser *
****************/
placessidebar > viewport.frame {
border-style: none; }
placessidebar row {
min-height: 36px;
padding: 0px; }
placessidebar row > revealer {
padding: 0 14px; }
placessidebar row:selected {
color: #ffffff; }
placessidebar row:disabled, placessidebar row:insensitive {
color: #788084; }
placessidebar row:backdrop {
color: #788084; }
placessidebar row:backdrop:selected {
color: rgba(255, 255, 255, 0.5); }
placessidebar row:backdrop:disabled {
color: #727f85; }
placessidebar row GtkImage.sidebar-icon,
placessidebar row image.sidebar-icon {
opacity: 0.7; }
placessidebar row GtkImage.sidebar-icon:dir(ltr),
placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; }
placessidebar row GtkImage.sidebar-icon:dir(rtl),
placessidebar row image.sidebar-icon:dir(rtl) {
padding-left: 8px; }
placessidebar row GtkLabel.sidebar-label:dir(ltr),
placessidebar row label.sidebar-label:dir(ltr) {
padding-right: 2px; }
placessidebar row GtkLabel.sidebar-label:dir(rtl),
placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; }
button.sidebar-button {
min-height: 26px;
min-width: 26px;
margin-top: 3px;
margin-bottom: 3px;
padding: 0;
border-radius: 100%;
-gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image {
opacity: 0.7; }
placessidebar row:selected:active {
box-shadow: none; }
placessidebar row.sidebar-placeholder-row {
padding: 0 8px;
min-height: 2px;
background-image: image(#4e9a06);
background-clip: content-box; }
placessidebar row.sidebar-new-bookmark-row {
color: #667f8c; }
placessidebar row:drop(active):not(:disabled) {
color: #4e9a06;
box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
placessidebar row:drop(active):not(:disabled):selected {
color: #ffffff;
background-color: #4e9a06; }
placesview .server-list-button > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(0turn); }
placesview .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(-0.5turn); }
placesview row.activatable:hover {
background-color: transparent; }
placesview > actionbar > revealer > box > label {
padding-left: 8px;
padding-right: 8px; }
/****************
* Floating Bar *
****************/
.floating-bar {
padding: 2px;
background-color: #4F585C;
border-width: 1px;
border-style: solid solid none;
border-color: #33393b;
border-radius: 3px 3px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.floating-bar.bottom.left {
border-left-style: none;
border-top-left-radius: 0; }
.floating-bar.bottom.right {
border-right-style: none;
border-top-right-radius: 0; }
.floating-bar > .button {
padding: 4px; }
.floating-bar:backdrop {
background-color: #4F585C;
border-color: #363c3e; }
/**********
* Frames *
**********/
frame > border,
.frame {
box-shadow: none;
margin: 0;
padding: 0;
border-radius: 0;
border: 1px solid #33393b; }
frame > border.flat,
.frame.flat {
border-style: none; }
frame > border:backdrop,
.frame:backdrop {
border-color: #363c3e; }
actionbar > revealer > box {
padding: 6px;
border-top: 1px solid #33393b; }
actionbar > revealer > box:backdrop {
border-color: #363c3e; }
GtkScrolledWindow GtkViewport.frame,
GtkScrolledWindow viewport.frame,
scrolledwindow GtkViewport.frame,
scrolledwindow viewport.frame {
border-style: none; }
GtkScrolledWindow overshoot.top,
scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.top:backdrop,
scrolledwindow overshoot.top:backdrop {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.bottom,
scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.bottom:backdrop,
scrolledwindow overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.left,
scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.left:backdrop,
scrolledwindow overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.right,
scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.right:backdrop,
scrolledwindow overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
GtkScrolledWindow undershoot.top,
scrolledwindow undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: center top;
border: none;
box-shadow: none; }
GtkScrolledWindow undershoot.bottom,
scrolledwindow undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: center bottom;
border: none;
box-shadow: none; }
GtkScrolledWindow undershoot.left,
scrolledwindow undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left center;
border: none;
box-shadow: none; }
GtkScrolledWindow undershoot.right,
scrolledwindow undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right center;
border: none;
box-shadow: none; }
GtkScrolledWindow junction,
scrolledwindow junction {
border-color: transparent;
border-image: linear-gradient(to bottom, #33393b 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #596368; }
GtkScrolledWindow junction:dir(rtl),
scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
GtkScrolledWindow junction:backdrop,
scrolledwindow junction:backdrop {
border-image-source: linear-gradient(to bottom, #363c3e 1px, transparent 1px);
background-color: #485054;
transition: 200ms ease-out; }
.separator,
separator {
background: rgba(0, 0, 0, 0.1);
min-width: 1px;
min-height: 1px; }
/************
* Popovers *
************/
GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-arrow-width: 21;
-GraniteWidgetsPopOver-arrow-height: 10;
-GraniteWidgetsPopOver-border-radius: 8px;
-GraniteWidgetsPopOver-border-width: 0;
-GraniteWidgetsPopOver-shadow-size: 12;
border: 1px solid #636E73;
background: #636E73;
color: #A1A8AB; }
GraniteWidgetsPopOver .button {
background-image: none;
background: none;
border: none; }
GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover {
color: #667f8c; }
GraniteWidgetsPopOver > .frame {
border: none; }
GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar,
GraniteWidgetsPopOver iconview.sidebar {
border: none;
background: none; }
GraniteWidgetsStaticNotebook .frame {
border: none; }
.popover_bg {
background-color: #636E73;
background-image: none;
border: 1px solid #636E73;
color: #A1A8AB; }
/***********
* Welcome *
**********/
GraniteWidgetsWelcome {
background-color: #636E73; }
GraniteWidgetsWelcome GtkLabel {
color: #A1A8AB; }
GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 {
color: rgba(161, 168, 171, 0.8); }
/***************
* Header Bars *
***************/
.titlebar:not(headerbar),
.header-bar,
headerbar {
min-height: 40px;
padding: 0 8px;
border: none;
border-radius: 4px 4px 0 0;
background-color: #3B4245;
color: rgba(255, 255, 255, 0.8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.titlebar:backdrop:not(headerbar),
.header-bar:backdrop,
headerbar:backdrop {
background-color: #3B4245;
color: rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
transition: 200ms ease-out; }
.titlebar:not(headerbar) .title,
.header-bar .title,
headerbar .title {
font-weight: bold;
padding-left: 12px;
padding-right: 12px;
color: rgba(255, 255, 255, 0.8); }
.titlebar:not(headerbar) .title:backdrop,
.header-bar .title:backdrop,
headerbar .title:backdrop {
color: rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) .subtitle,
.header-bar .subtitle,
headerbar .subtitle {
font-size: smaller;
padding-left: 12px;
padding-right: 12px;
color: rgba(255, 255, 255, 0.8); }
.selection-mode.titlebar:not(headerbar),
.header-bar.selection-mode,
headerbar.selection-mode {
border-radius: 4px 4px 0 0;
color: #ffffff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
border-color: #262f33;
background-color: #347D9F;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.selection-mode.titlebar:backdrop:not(headerbar),
.header-bar.selection-mode:backdrop,
headerbar.selection-mode:backdrop {
background-color: #275f79;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
.header-bar.selection-mode .selection-menu:backdrop,
.header-bar.selection-mode .selection-menu,
headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu {
border-color: rgba(102, 127, 140, 0);
background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0));
box-shadow: none;
text-shadow: none;
padding-left: 10px;
padding-right: 10px; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
.header-bar.selection-mode .selection-menu:backdrop GtkArrow,
.header-bar.selection-mode .selection-menu GtkArrow,
headerbar.selection-mode .selection-menu:backdrop GtkArrow,
headerbar.selection-mode .selection-menu GtkArrow {
-GtkArrow-arrow-scaling: 1; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
.header-bar.selection-mode .selection-menu:backdrop .arrow,
.header-bar.selection-mode .selection-menu .arrow,
headerbar.selection-mode .selection-menu:backdrop .arrow,
headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
color: rgba(255, 255, 255, 0.5);
-gtk-icon-shadow: none; }
.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
.header-bar:backdrop, .tiled
.header-bar, .maximized
.header-bar:backdrop, .maximized
.header-bar, .tiled
headerbar:backdrop, .tiled
headerbar, .maximized
headerbar:backdrop, .maximized
headerbar {
border-radius: 0; }
.default-decoration.titlebar:not(headerbar),
.header-bar.default-decoration,
headerbar.default-decoration {
padding: 6px;
min-height: 28px;
background-color: #3B4245;
color: rgba(255, 255, 255, 0.8); }
.default-decoration.titlebar:not(headerbar) .maximized,
.header-bar.default-decoration .maximized,
headerbar.default-decoration .maximized {
padding: 6px; }
.default-decoration.titlebar:backdrop:not(headerbar),
.header-bar.default-decoration:backdrop,
headerbar.default-decoration:backdrop {
background-color: #2f3537;
color: rgba(255, 255, 255, 0.3); }
.default-decoration.titlebar:not(headerbar) .button.titlebutton,
.default-decoration.titlebar:not(headerbar) button.titlebutton,
.header-bar.default-decoration .button.titlebutton,
.header-bar.default-decoration button.titlebutton,
headerbar.default-decoration .button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 16px;
min-width: 16px;
padding: 1px;
border-radius: 50%;
background-color: transparent;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.default-decoration.titlebar:not(headerbar) .button.titlebutton:hover,
.default-decoration.titlebar:not(headerbar) button.titlebutton:hover,
.header-bar.default-decoration .button.titlebutton:hover,
.header-bar.default-decoration button.titlebutton:hover,
headerbar.default-decoration .button.titlebutton:hover,
headerbar.default-decoration button.titlebutton:hover {
background-color: transparent;
color: rgba(255, 255, 255, 0.8); }
.default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop,
.default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop,
.header-bar.default-decoration .button.titlebutton:backdrop,
.header-bar.default-decoration button.titlebutton:backdrop,
headerbar.default-decoration .button.titlebutton:backdrop,
headerbar.default-decoration button.titlebutton:backdrop {
background-color: transparent;
color: rgba(255, 255, 255, 0.3); }
.default-decoration.titlebar:not(headerbar) .button.titlebutton:active,
.default-decoration.titlebar:not(headerbar) button.titlebutton:active,
.header-bar.default-decoration .button.titlebutton:active,
.header-bar.default-decoration button.titlebutton:active,
headerbar.default-decoration .button.titlebutton:active,
headerbar.default-decoration button.titlebutton:active {
background-color: rgba(255, 255, 255, 0.8);
color: #3B4245;
border-radius: 50%;
box-shadow: none; }
.titlebar:not(headerbar) .entry,
.titlebar:not(headerbar) entry,
.header-bar .entry,
.header-bar entry,
headerbar .entry,
headerbar entry {
margin: 6px 0;
min-height: 16px;
border-radius: 2px;
padding: 4px;
border: none;
box-shadow: none;
background: rgba(99, 110, 115, 0.95);
color: #A1A8AB;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
.titlebar:not(headerbar) .entry > .image,
.titlebar:not(headerbar) entry > .image,
.header-bar .entry > .image,
.header-bar entry > .image,
headerbar .entry > .image,
headerbar entry > .image {
padding-right: 6px;
color: rgba(161, 168, 171, 0.8); }
.titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus,
.titlebar:not(headerbar) entry:active,
.titlebar:not(headerbar) entry:focus,
.header-bar .entry:active,
.header-bar .entry:focus,
.header-bar entry:active,
.header-bar entry:focus,
headerbar .entry:active,
headerbar .entry:focus,
headerbar entry:active,
headerbar entry:focus {
background: #636E73;
color: #A1A8AB;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image,
.titlebar:not(headerbar) entry:active > .image,
.titlebar:not(headerbar) entry:focus > .image,
.header-bar .entry:active > .image,
.header-bar .entry:focus > .image,
.header-bar entry:active > .image,
.header-bar entry:focus > .image,
headerbar .entry:active > .image,
headerbar .entry:focus > .image,
headerbar entry:active > .image,
headerbar entry:focus > .image {
padding-right: 6px;
color: #A1A8AB; }
.titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop,
.titlebar:not(headerbar) entry:active:backdrop,
.titlebar:not(headerbar) entry:focus:backdrop,
.header-bar .entry:active:backdrop,
.header-bar .entry:focus:backdrop,
.header-bar entry:active:backdrop,
.header-bar entry:focus:backdrop,
headerbar .entry:active:backdrop,
headerbar .entry:focus:backdrop,
headerbar entry:active:backdrop,
headerbar entry:focus:backdrop {
background: rgba(99, 110, 115, 0.8);
color: rgba(161, 168, 171, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) .entry:insensitive,
.titlebar:not(headerbar) entry:insensitive,
.header-bar .entry:insensitive,
.header-bar entry:insensitive,
headerbar .entry:insensitive,
headerbar entry:insensitive {
background: rgba(99, 110, 115, 0.6);
color: rgba(161, 168, 171, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) .entry:insensitive > .image,
.titlebar:not(headerbar) entry:insensitive > .image,
.header-bar .entry:insensitive > .image,
.header-bar entry:insensitive > .image,
headerbar .entry:insensitive > .image,
headerbar entry:insensitive > .image {
padding-right: 6px;
color: rgba(161, 168, 171, 0.5); }
.titlebar:not(headerbar) .entry:insensitive:backdrop,
.titlebar:not(headerbar) entry:insensitive:backdrop,
.header-bar .entry:insensitive:backdrop,
.header-bar entry:insensitive:backdrop,
headerbar .entry:insensitive:backdrop,
headerbar entry:insensitive:backdrop {
background: rgba(99, 110, 115, 0.5);
color: rgba(161, 168, 171, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) .entry:backdrop,
.titlebar:not(headerbar) entry:backdrop,
.header-bar .entry:backdrop,
.header-bar entry:backdrop,
headerbar .entry:backdrop,
headerbar entry:backdrop {
background: rgba(99, 110, 115, 0.8);
color: rgba(161, 168, 171, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) .entry:backdrop > .image,
.titlebar:not(headerbar) entry:backdrop > .image,
.header-bar .entry:backdrop > .image,
.header-bar entry:backdrop > .image,
headerbar .entry:backdrop > .image,
headerbar entry:backdrop > .image {
color: rgba(161, 168, 171, 0.5); }
.titlebar:not(headerbar) .button,
.titlebar:not(headerbar) button,
.header-bar .button,
.header-bar button,
headerbar .button,
headerbar button {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
padding: 10px;
margin: 0;
color: rgba(255, 255, 255, 0.8); }
.titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.flat,
.titlebar:not(headerbar) button.text-button,
.titlebar:not(headerbar) button.image-button,
.titlebar:not(headerbar) button.flat,
.header-bar .button.text-button,
.header-bar .button.image-button,
.header-bar .button.flat,
.header-bar button.text-button,
.header-bar button.image-button,
.header-bar button.flat,
headerbar .button.text-button,
headerbar .button.image-button,
headerbar .button.flat,
headerbar button.text-button,
headerbar button.image-button,
headerbar button.flat {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: transparent;
background-image: none;
color: rgba(255, 255, 255, 0.8); }
.titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.flat:backdrop,
.titlebar:not(headerbar) button.text-button:backdrop,
.titlebar:not(headerbar) button.image-button:backdrop,
.titlebar:not(headerbar) button.flat:backdrop,
.header-bar .button.text-button:backdrop,
.header-bar .button.image-button:backdrop,
.header-bar .button.flat:backdrop,
.header-bar button.text-button:backdrop,
.header-bar button.image-button:backdrop,
.header-bar button.flat:backdrop,
headerbar .button.text-button:backdrop,
headerbar .button.image-button:backdrop,
headerbar .button.flat:backdrop,
headerbar button.text-button:backdrop,
headerbar button.image-button:backdrop,
headerbar button.flat:backdrop {
background-color: transparent;
background-image: none;
color: rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) .button.linked,
.titlebar:not(headerbar) button.linked,
.header-bar .button.linked,
.header-bar button.linked,
headerbar .button.linked,
headerbar button.linked {
border-radius: 0px;
margin: 0; }
.titlebar:not(headerbar) .button.titlebutton,
.titlebar:not(headerbar) button.titlebutton,
.header-bar .button.titlebutton,
.header-bar button.titlebutton,
headerbar .button.titlebutton,
headerbar button.titlebutton {
min-height: 16px;
min-width: 16px;
padding: 1px;
border-radius: 50%;
background-color: transparent;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.titlebar:not(headerbar) .button.titlebutton:hover,
.titlebar:not(headerbar) button.titlebutton:hover,
.header-bar .button.titlebutton:hover,
.header-bar button.titlebutton:hover,
headerbar .button.titlebutton:hover,
headerbar button.titlebutton:hover {
background-color: transparent;
color: rgba(255, 255, 255, 0.8); }
.titlebar:not(headerbar) .button.titlebutton:backdrop,
.titlebar:not(headerbar) button.titlebutton:backdrop,
.header-bar .button.titlebutton:backdrop,
.header-bar button.titlebutton:backdrop,
headerbar .button.titlebutton:backdrop,
headerbar button.titlebutton:backdrop {
background-color: transparent;
color: rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) .button.titlebutton:active,
.titlebar:not(headerbar) button.titlebutton:active,
.header-bar .button.titlebutton:active,
.header-bar button.titlebutton:active,
headerbar .button.titlebutton:active,
headerbar button.titlebutton:active {
background-color: rgba(255, 255, 255, 0.8);
color: #3B4245;
border-radius: 50%;
box-shadow: none; }
.titlebar:not(headerbar) .button:hover,
.titlebar:not(headerbar) button:hover,
.header-bar .button:hover,
.header-bar button:hover,
headerbar .button:hover,
headerbar button:hover {
background-image: none;
background-color: rgba(0, 0, 0, 0.15);
box-shadow: none; }
.titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked,
.titlebar:not(headerbar) button:active,
.titlebar:not(headerbar) button:checked,
.header-bar .button:active,
.header-bar .button:checked,
.header-bar button:active,
.header-bar button:checked,
headerbar .button:active,
headerbar .button:checked,
headerbar button:active,
headerbar button:checked {
font: bold;
border-radius: 0px;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8);
background-color: transparent;
background-image: none; }
.titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop,
.titlebar:not(headerbar) button:active:backdrop,
.titlebar:not(headerbar) button:checked:backdrop,
.header-bar .button:active:backdrop,
.header-bar .button:checked:backdrop,
.header-bar button:active:backdrop,
.header-bar button:checked:backdrop,
headerbar .button:active:backdrop,
headerbar .button:checked:backdrop,
headerbar button:active:backdrop,
headerbar button:checked:backdrop {
background-color: transparent;
background-image: none;
color: rgba(255, 255, 255, 0.3);
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:disabled,
.titlebar:not(headerbar) button:insensitive,
.titlebar:not(headerbar) button:disabled,
.header-bar .button:insensitive,
.header-bar .button:disabled,
.header-bar button:insensitive,
.header-bar button:disabled,
headerbar .button:insensitive,
headerbar .button:disabled,
headerbar button:insensitive,
headerbar button:disabled {
color: rgba(255, 255, 255, 0.3);
background-color: transparent;
background-image: none; }
.titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop,
.titlebar:not(headerbar) button:insensitive,
.titlebar:not(headerbar) button:insensitive:backdrop,
.header-bar .button:insensitive,
.header-bar .button:insensitive:backdrop,
.header-bar button:insensitive,
.header-bar button:insensitive:backdrop,
headerbar .button:insensitive,
headerbar .button:insensitive:backdrop,
headerbar button:insensitive,
headerbar button:insensitive:backdrop {
color: rgba(255, 255, 255, 0.3);
background-color: transparent;
background-image: none; }
.titlebar:not(headerbar) .button:insensitive image,
.titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop image,
.titlebar:not(headerbar) .button:insensitive:backdrop GtkImage,
.titlebar:not(headerbar) button:insensitive image,
.titlebar:not(headerbar) button:insensitive GtkImage,
.titlebar:not(headerbar) button:insensitive:backdrop image,
.titlebar:not(headerbar) button:insensitive:backdrop GtkImage,
.header-bar .button:insensitive image,
.header-bar .button:insensitive GtkImage,
.header-bar .button:insensitive:backdrop image,
.header-bar .button:insensitive:backdrop GtkImage,
.header-bar button:insensitive image,
.header-bar button:insensitive GtkImage,
.header-bar button:insensitive:backdrop image,
.header-bar button:insensitive:backdrop GtkImage,
headerbar .button:insensitive image,
headerbar .button:insensitive GtkImage,
headerbar .button:insensitive:backdrop image,
headerbar .button:insensitive:backdrop GtkImage,
headerbar button:insensitive image,
headerbar button:insensitive GtkImage,
headerbar button:insensitive:backdrop image,
headerbar button:insensitive:backdrop GtkImage {
-gtk-image-effect: dim; }
.titlebar:not(headerbar) .separator,
.header-bar .separator,
headerbar .separator {
color: transparent;
background-color: transparent; }
.titlebar, .titlebar:backdrop {
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop, .separator:first-child +
headerbar, .separator:first-child +
headerbar:backdrop, separator:first-child +
headerbar, separator:first-child +
headerbar:backdrop,
headerbar:first-child,
headerbar:first-child:backdrop {
border-top-left-radius: 4px; }
.header-bar:last-child, .header-bar:last-child:backdrop,
headerbar:last-child,
headerbar:last-child:backdrop {
border-top-right-radius: 4px; }
window.csd > .titlebar:not(headerbar) {
padding: 0;
background-color: #3B4245;
background-image: none;
border-style: none;
border-color: transparent;
box-shadow: none; }
window.csd > .titlebar:not(headerbar):backdrop {
background-color: #2f3537; }
/**************
* GtkInfoBar *
**************/
.info, .warning, .question, .error,
GtkInfoBar,
infobar {
text-shadow: none;
color: #A1A8AB;
background-color: #4F585C;
border-bottom: 1px solid #373e41;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
.info, .warning, .question, .error {
text-shadow: none;
color: #ffffff;
border: none; }
.info .label, .warning .label, .question .label, .error .label {
color: #ffffff; }
.info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop {
color: rgba(255, 255, 255, 0.5); }
.info .button, .warning .button, .question .button, .error .button,
.info button,
.warning button,
.question button,
.error button {
border-radius: 2px;
border: none;
background: rgba(99, 110, 115, 0.95);
color: #A1A8AB;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
.info .button .label, .warning .button .label, .question .button .label, .error .button .label,
.info button .label,
.warning button .label,
.question button .label,
.error button .label {
color: #A1A8AB; }
.info .button:active, .warning .button:active, .question .button:active, .error .button:active,
.info button:active,
.warning button:active,
.question button:active,
.error button:active {
background: #636E73;
color: #A1A8AB;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop,
.info button:active:backdrop,
.warning button:active:backdrop,
.question button:active:backdrop,
.error button:active:backdrop {
background: rgba(99, 110, 115, 0.8);
color: rgba(161, 168, 171, 0.5);
box-shadow: none; }
.info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus,
.info button:hover,
.warning button:hover,
.question button:hover,
.error button:hover,
.info button:focus,
.warning button:focus,
.question button:focus,
.error button:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive,
.info button:insensitive,
.warning button:insensitive,
.question button:insensitive,
.error button:insensitive {
background: rgba(99, 110, 115, 0.6);
color: rgba(161, 168, 171, 0.5);
box-shadow: none; }
.info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop,
.info button:insensitive:backdrop,
.warning button:insensitive:backdrop,
.question button:insensitive:backdrop,
.error button:insensitive:backdrop {
background: rgba(99, 110, 115, 0.5);
color: rgba(161, 168, 171, 0.5);
box-shadow: none; }
.info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop,
.info button:backdrop,
.warning button:backdrop,
.question button:backdrop,
.error button:backdrop {
background: rgba(99, 110, 115, 0.8);
color: rgba(161, 168, 171, 0.5);
box-shadow: none; }
.info {
background-color: #2095f2; }
.info:backdrop {
background-color: #50acf5;
color: rgba(255, 255, 255, 0.5); }
.warning {
background-color: #fec006; }
.warning:backdrop {
background-color: #fecd39;
color: rgba(255, 255, 255, 0.5); }
.question {
background-color: #4ab3e4; }
.question:backdrop {
background-color: #76c6eb;
color: rgba(255, 255, 255, 0.5); }
.error {
background-color: #f34235; }
.error:backdrop {
background-color: #f66f65;
color: rgba(255, 255, 255, 0.5); }
/*************
* Level Bar *
*************/
GtkLevelBar,
.level-bar,
levelbar {
-GtkLevelBar-min-block-width: 32;
-GtkLevelBar-min-block-height: 8; }
GtkLevelBar:backdrop,
.level-bar:backdrop,
levelbar:backdrop {
transition: 200ms ease-out; }
GtkLevelBar .trough,
GtkLevelBar trough,
.level-bar .trough,
.level-bar trough,
levelbar .trough,
levelbar trough {
margin: 0;
padding: 2px;
border-radius: 3px; }
GtkLevelBar.horizontal.indicator-discrete.fill-block,
.level-bar.horizontal.indicator-discrete.fill-block,
levelbar.horizontal.indicator-discrete.fill-block {
margin: 0 1px; }
GtkLevelBar.horizontal.discrete block,
.level-bar.horizontal.discrete block,
levelbar.horizontal.discrete block {
margin: 0 1px; }
GtkLevelBar.vertical.indicator-discrete.fill-block,
.level-bar.vertical.indicator-discrete.fill-block,
levelbar.vertical.indicator-discrete.fill-block {
margin: 1px 0; }
GtkLevelBar.vertical.discrete block,
.level-bar.vertical.discrete block,
levelbar.vertical.discrete block {
margin: 1px 0; }
GtkLevelBar.vertical .fill-block,
GtkLevelBar.vertical block,
GtkLevelBar .level-bar.vertical .fill-block,
.level-bar.vertical GtkLevelBar .fill-block,
GtkLevelBar .level-bar.vertical block,
.level-bar.vertical GtkLevelBar block,
GtkLevelBar levelbar.vertical .fill-block,
levelbar.vertical GtkLevelBar .fill-block,
GtkLevelBar levelbar.vertical block,
levelbar.vertical GtkLevelBar block,
GtkLevelBar .fill-block,
GtkLevelBar block,
.level-bar GtkLevelBar.vertical .fill-block,
GtkLevelBar.vertical .level-bar .fill-block,
.level-bar GtkLevelBar.vertical block,
GtkLevelBar.vertical .level-bar block,
.level-bar.vertical .fill-block,
.level-bar.vertical block,
.level-bar levelbar.vertical .fill-block,
levelbar.vertical .level-bar .fill-block,
.level-bar levelbar.vertical block,
levelbar.vertical .level-bar block,
.level-bar .fill-block,
.level-bar block,
levelbar GtkLevelBar.vertical .fill-block,
GtkLevelBar.vertical levelbar .fill-block,
levelbar GtkLevelBar.vertical block,
GtkLevelBar.vertical levelbar block,
levelbar .level-bar.vertical .fill-block,
.level-bar.vertical levelbar .fill-block,
levelbar .level-bar.vertical block,
.level-bar.vertical levelbar block,
levelbar.vertical .fill-block,
levelbar.vertical block,
levelbar .fill-block,
levelbar block {
border-radius: 2px;
min-width: 32px;
min-height: 2px; }
GtkLevelBar.vertical .low.fill-block,
GtkLevelBar.vertical block.low,
GtkLevelBar .level-bar.vertical .low.fill-block,
.level-bar.vertical GtkLevelBar .low.fill-block,
GtkLevelBar .level-bar.vertical block.low,
.level-bar.vertical GtkLevelBar block.low,
GtkLevelBar levelbar.vertical .low.fill-block,
levelbar.vertical GtkLevelBar .low.fill-block,
GtkLevelBar levelbar.vertical block.low,
levelbar.vertical GtkLevelBar block.low, GtkLevelBar.vertical .level-low.fill-block,
GtkLevelBar.vertical block.level-low,
GtkLevelBar .level-bar.vertical .level-low.fill-block,
.level-bar.vertical GtkLevelBar .level-low.fill-block,
GtkLevelBar .level-bar.vertical block.level-low,
.level-bar.vertical GtkLevelBar block.level-low,
GtkLevelBar levelbar.vertical .level-low.fill-block,
levelbar.vertical GtkLevelBar .level-low.fill-block,
GtkLevelBar levelbar.vertical block.level-low,
levelbar.vertical GtkLevelBar block.level-low,
GtkLevelBar .fill-block.low,
GtkLevelBar .fill-block.level-low,
GtkLevelBar block.low,
GtkLevelBar block.level-low,
.level-bar GtkLevelBar.vertical .low.fill-block,
GtkLevelBar.vertical .level-bar .low.fill-block,
.level-bar GtkLevelBar.vertical block.low,
GtkLevelBar.vertical .level-bar block.low,
.level-bar.vertical .low.fill-block,
.level-bar.vertical block.low,
.level-bar levelbar.vertical .low.fill-block,
levelbar.vertical .level-bar .low.fill-block,
.level-bar levelbar.vertical block.low,
levelbar.vertical .level-bar block.low,
.level-bar GtkLevelBar.vertical .level-low.fill-block,
GtkLevelBar.vertical .level-bar .level-low.fill-block,
.level-bar GtkLevelBar.vertical block.level-low,
GtkLevelBar.vertical .level-bar block.level-low,
.level-bar.vertical .level-low.fill-block,
.level-bar.vertical block.level-low,
.level-bar levelbar.vertical .level-low.fill-block,
levelbar.vertical .level-bar .level-low.fill-block,
.level-bar levelbar.vertical block.level-low,
levelbar.vertical .level-bar block.level-low,
.level-bar .fill-block.low,
.level-bar .fill-block.level-low,
.level-bar block.low,
.level-bar block.level-low,
levelbar GtkLevelBar.vertical .low.fill-block,
GtkLevelBar.vertical levelbar .low.fill-block,
levelbar GtkLevelBar.vertical block.low,
GtkLevelBar.vertical levelbar block.low,
levelbar .level-bar.vertical .low.fill-block,
.level-bar.vertical levelbar .low.fill-block,
levelbar .level-bar.vertical block.low,
.level-bar.vertical levelbar block.low,
levelbar.vertical .low.fill-block,
levelbar.vertical block.low,
levelbar GtkLevelBar.vertical .level-low.fill-block,
GtkLevelBar.vertical levelbar .level-low.fill-block,
levelbar GtkLevelBar.vertical block.level-low,
GtkLevelBar.vertical levelbar block.level-low,
levelbar .level-bar.vertical .level-low.fill-block,
.level-bar.vertical levelbar .level-low.fill-block,
levelbar .level-bar.vertical block.level-low,
.level-bar.vertical levelbar block.level-low,
levelbar.vertical .level-low.fill-block,
levelbar.vertical block.level-low,
levelbar .fill-block.low,
levelbar .fill-block.level-low,
levelbar block.low,
levelbar block.level-low {
border: 1px solid #d09c01;
background-color: #fec006; }
GtkLevelBar.vertical .low.fill-block:backdrop,
GtkLevelBar.vertical block.low:backdrop,
GtkLevelBar .level-bar.vertical .low.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .low.fill-block:backdrop,
GtkLevelBar .level-bar.vertical block.low:backdrop,
.level-bar.vertical GtkLevelBar block.low:backdrop,
GtkLevelBar levelbar.vertical .low.fill-block:backdrop,
levelbar.vertical GtkLevelBar .low.fill-block:backdrop,
GtkLevelBar levelbar.vertical block.low:backdrop,
levelbar.vertical GtkLevelBar block.low:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop,
GtkLevelBar.vertical block.level-low:backdrop,
GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop,
GtkLevelBar .level-bar.vertical block.level-low:backdrop,
.level-bar.vertical GtkLevelBar block.level-low:backdrop,
GtkLevelBar levelbar.vertical .level-low.fill-block:backdrop,
levelbar.vertical GtkLevelBar .level-low.fill-block:backdrop,
GtkLevelBar levelbar.vertical block.level-low:backdrop,
levelbar.vertical GtkLevelBar block.level-low:backdrop,
GtkLevelBar .fill-block.low:backdrop,
GtkLevelBar .fill-block.level-low:backdrop,
GtkLevelBar block.low:backdrop,
GtkLevelBar block.level-low:backdrop,
.level-bar GtkLevelBar.vertical .low.fill-block:backdrop,
GtkLevelBar.vertical .level-bar .low.fill-block:backdrop,
.level-bar GtkLevelBar.vertical block.low:backdrop,
GtkLevelBar.vertical .level-bar block.low:backdrop,
.level-bar.vertical .low.fill-block:backdrop,
.level-bar.vertical block.low:backdrop,
.level-bar levelbar.vertical .low.fill-block:backdrop,
levelbar.vertical .level-bar .low.fill-block:backdrop,
.level-bar levelbar.vertical block.low:backdrop,
levelbar.vertical .level-bar block.low:backdrop,
.level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop,
GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop,
.level-bar GtkLevelBar.vertical block.level-low:backdrop,
GtkLevelBar.vertical .level-bar block.level-low:backdrop,
.level-bar.vertical .level-low.fill-block:backdrop,
.level-bar.vertical block.level-low:backdrop,
.level-bar levelbar.vertical .level-low.fill-block:backdrop,
levelbar.vertical .level-bar .level-low.fill-block:backdrop,
.level-bar levelbar.vertical block.level-low:backdrop,
levelbar.vertical .level-bar block.level-low:backdrop,
.level-bar .fill-block.low:backdrop,
.level-bar .fill-block.level-low:backdrop,
.level-bar block.low:backdrop,
.level-bar block.level-low:backdrop,
levelbar GtkLevelBar.vertical .low.fill-block:backdrop,
GtkLevelBar.vertical levelbar .low.fill-block:backdrop,
levelbar GtkLevelBar.vertical block.low:backdrop,
GtkLevelBar.vertical levelbar block.low:backdrop,
levelbar .level-bar.vertical .low.fill-block:backdrop,
.level-bar.vertical levelbar .low.fill-block:backdrop,
levelbar .level-bar.vertical block.low:backdrop,
.level-bar.vertical levelbar block.low:backdrop,
levelbar.vertical .low.fill-block:backdrop,
levelbar.vertical block.low:backdrop,
levelbar GtkLevelBar.vertical .level-low.fill-block:backdrop,
GtkLevelBar.vertical levelbar .level-low.fill-block:backdrop,
levelbar GtkLevelBar.vertical block.level-low:backdrop,
GtkLevelBar.vertical levelbar block.level-low:backdrop,
levelbar .level-bar.vertical .level-low.fill-block:backdrop,
.level-bar.vertical levelbar .level-low.fill-block:backdrop,
levelbar .level-bar.vertical block.level-low:backdrop,
.level-bar.vertical levelbar block.level-low:backdrop,
levelbar.vertical .level-low.fill-block:backdrop,
levelbar.vertical block.level-low:backdrop,
levelbar .fill-block.low:backdrop,
levelbar .fill-block.level-low:backdrop,
levelbar block.low:backdrop,
levelbar block.level-low:backdrop {
border: 1px solid #fec006; }
GtkLevelBar.vertical .high.fill-block,
GtkLevelBar.vertical block.high,
GtkLevelBar .level-bar.vertical .high.fill-block,
.level-bar.vertical GtkLevelBar .high.fill-block,
GtkLevelBar .level-bar.vertical block.high,
.level-bar.vertical GtkLevelBar block.high,
GtkLevelBar levelbar.vertical .high.fill-block,
levelbar.vertical GtkLevelBar .high.fill-block,
GtkLevelBar levelbar.vertical block.high,
levelbar.vertical GtkLevelBar block.high, GtkLevelBar.vertical .level-high.fill-block,
GtkLevelBar.vertical block.level-high,
GtkLevelBar .level-bar.vertical .level-high.fill-block,
.level-bar.vertical GtkLevelBar .level-high.fill-block,
GtkLevelBar .level-bar.vertical block.level-high,
.level-bar.vertical GtkLevelBar block.level-high,
GtkLevelBar levelbar.vertical .level-high.fill-block,
levelbar.vertical GtkLevelBar .level-high.fill-block,
GtkLevelBar levelbar.vertical block.level-high,
levelbar.vertical GtkLevelBar block.level-high,
GtkLevelBar .fill-block.high,
GtkLevelBar .fill-block.level-high,
GtkLevelBar block.high,
GtkLevelBar block.level-high,
.level-bar GtkLevelBar.vertical .high.fill-block,
GtkLevelBar.vertical .level-bar .high.fill-block,
.level-bar GtkLevelBar.vertical block.high,
GtkLevelBar.vertical .level-bar block.high,
.level-bar.vertical .high.fill-block,
.level-bar.vertical block.high,
.level-bar levelbar.vertical .high.fill-block,
levelbar.vertical .level-bar .high.fill-block,
.level-bar levelbar.vertical block.high,
levelbar.vertical .level-bar block.high,
.level-bar GtkLevelBar.vertical .level-high.fill-block,
GtkLevelBar.vertical .level-bar .level-high.fill-block,
.level-bar GtkLevelBar.vertical block.level-high,
GtkLevelBar.vertical .level-bar block.level-high,
.level-bar.vertical .level-high.fill-block,
.level-bar.vertical block.level-high,
.level-bar levelbar.vertical .level-high.fill-block,
levelbar.vertical .level-bar .level-high.fill-block,
.level-bar levelbar.vertical block.level-high,
levelbar.vertical .level-bar block.level-high,
.level-bar .fill-block.high,
.level-bar .fill-block.level-high,
.level-bar block.high,
.level-bar block.level-high,
levelbar GtkLevelBar.vertical .high.fill-block,
GtkLevelBar.vertical levelbar .high.fill-block,
levelbar GtkLevelBar.vertical block.high,
GtkLevelBar.vertical levelbar block.high,
levelbar .level-bar.vertical .high.fill-block,
.level-bar.vertical levelbar .high.fill-block,
levelbar .level-bar.vertical block.high,
.level-bar.vertical levelbar block.high,
levelbar.vertical .high.fill-block,
levelbar.vertical block.high,
levelbar GtkLevelBar.vertical .level-high.fill-block,
GtkLevelBar.vertical levelbar .level-high.fill-block,
levelbar GtkLevelBar.vertical block.level-high,
GtkLevelBar.vertical levelbar block.level-high,
levelbar .level-bar.vertical .level-high.fill-block,
.level-bar.vertical levelbar .level-high.fill-block,
levelbar .level-bar.vertical block.level-high,
.level-bar.vertical levelbar block.level-high,
levelbar.vertical .level-high.fill-block,
levelbar.vertical block.level-high,
levelbar .fill-block.high,
levelbar .fill-block.level-high,
levelbar block.high,
levelbar block.level-high {
border: 1px solid #51646e;
background-color: #667f8c; }
GtkLevelBar.vertical .high.fill-block:backdrop,
GtkLevelBar.vertical block.high:backdrop,
GtkLevelBar .level-bar.vertical .high.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .high.fill-block:backdrop,
GtkLevelBar .level-bar.vertical block.high:backdrop,
.level-bar.vertical GtkLevelBar block.high:backdrop,
GtkLevelBar levelbar.vertical .high.fill-block:backdrop,
levelbar.vertical GtkLevelBar .high.fill-block:backdrop,
GtkLevelBar levelbar.vertical block.high:backdrop,
levelbar.vertical GtkLevelBar block.high:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop,
GtkLevelBar.vertical block.level-high:backdrop,
GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop,
GtkLevelBar .level-bar.vertical block.level-high:backdrop,
.level-bar.vertical GtkLevelBar block.level-high:backdrop,
GtkLevelBar levelbar.vertical .level-high.fill-block:backdrop,
levelbar.vertical GtkLevelBar .level-high.fill-block:backdrop,
GtkLevelBar levelbar.vertical block.level-high:backdrop,
levelbar.vertical GtkLevelBar block.level-high:backdrop,
GtkLevelBar .fill-block.high:backdrop,
GtkLevelBar .fill-block.level-high:backdrop,
GtkLevelBar block.high:backdrop,
GtkLevelBar block.level-high:backdrop,
.level-bar GtkLevelBar.vertical .high.fill-block:backdrop,
GtkLevelBar.vertical .level-bar .high.fill-block:backdrop,
.level-bar GtkLevelBar.vertical block.high:backdrop,
GtkLevelBar.vertical .level-bar block.high:backdrop,
.level-bar.vertical .high.fill-block:backdrop,
.level-bar.vertical block.high:backdrop,
.level-bar levelbar.vertical .high.fill-block:backdrop,
levelbar.vertical .level-bar .high.fill-block:backdrop,
.level-bar levelbar.vertical block.high:backdrop,
levelbar.vertical .level-bar block.high:backdrop,
.level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop,
GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop,
.level-bar GtkLevelBar.vertical block.level-high:backdrop,
GtkLevelBar.vertical .level-bar block.level-high:backdrop,
.level-bar.vertical .level-high.fill-block:backdrop,
.level-bar.vertical block.level-high:backdrop,
.level-bar levelbar.vertical .level-high.fill-block:backdrop,
levelbar.vertical .level-bar .level-high.fill-block:backdrop,
.level-bar levelbar.vertical block.level-high:backdrop,
levelbar.vertical .level-bar block.level-high:backdrop,
.level-bar .fill-block.high:backdrop,
.level-bar .fill-block.level-high:backdrop,
.level-bar block.high:backdrop,
.level-bar block.level-high:backdrop,
levelbar GtkLevelBar.vertical .high.fill-block:backdrop,
GtkLevelBar.vertical levelbar .high.fill-block:backdrop,
levelbar GtkLevelBar.vertical block.high:backdrop,
GtkLevelBar.vertical levelbar block.high:backdrop,
levelbar .level-bar.vertical .high.fill-block:backdrop,
.level-bar.vertical levelbar .high.fill-block:backdrop,
levelbar .level-bar.vertical block.high:backdrop,
.level-bar.vertical levelbar block.high:backdrop,
levelbar.vertical .high.fill-block:backdrop,
levelbar.vertical block.high:backdrop,
levelbar GtkLevelBar.vertical .level-high.fill-block:backdrop,
GtkLevelBar.vertical levelbar .level-high.fill-block:backdrop,
levelbar GtkLevelBar.vertical block.level-high:backdrop,
GtkLevelBar.vertical levelbar block.level-high:backdrop,
levelbar .level-bar.vertical .level-high.fill-block:backdrop,
.level-bar.vertical levelbar .level-high.fill-block:backdrop,
levelbar .level-bar.vertical block.level-high:backdrop,
.level-bar.vertical levelbar block.level-high:backdrop,
levelbar.vertical .level-high.fill-block:backdrop,
levelbar.vertical block.level-high:backdrop,
levelbar .fill-block.high:backdrop,
levelbar .fill-block.level-high:backdrop,
levelbar block.high:backdrop,
levelbar block.level-high:backdrop {
border: 1px solid #667f8c; }
GtkLevelBar.vertical .full.fill-block,
GtkLevelBar.vertical block.full,
GtkLevelBar .level-bar.vertical .full.fill-block,
.level-bar.vertical GtkLevelBar .full.fill-block,
GtkLevelBar .level-bar.vertical block.full,
.level-bar.vertical GtkLevelBar block.full,
GtkLevelBar levelbar.vertical .full.fill-block,
levelbar.vertical GtkLevelBar .full.fill-block,
GtkLevelBar levelbar.vertical block.full,
levelbar.vertical GtkLevelBar block.full, GtkLevelBar.vertical .level-full.fill-block,
GtkLevelBar.vertical block.level-full,
GtkLevelBar .level-bar.vertical .level-full.fill-block,
.level-bar.vertical GtkLevelBar .level-full.fill-block,
GtkLevelBar .level-bar.vertical block.level-full,
.level-bar.vertical GtkLevelBar block.level-full,
GtkLevelBar levelbar.vertical .level-full.fill-block,
levelbar.vertical GtkLevelBar .level-full.fill-block,
GtkLevelBar levelbar.vertical block.level-full,
levelbar.vertical GtkLevelBar block.level-full,
GtkLevelBar .fill-block.full,
GtkLevelBar .fill-block.level-full,
GtkLevelBar block.full,
GtkLevelBar block.level-full,
.level-bar GtkLevelBar.vertical .full.fill-block,
GtkLevelBar.vertical .level-bar .full.fill-block,
.level-bar GtkLevelBar.vertical block.full,
GtkLevelBar.vertical .level-bar block.full,
.level-bar.vertical .full.fill-block,
.level-bar.vertical block.full,
.level-bar levelbar.vertical .full.fill-block,
levelbar.vertical .level-bar .full.fill-block,
.level-bar levelbar.vertical block.full,
levelbar.vertical .level-bar block.full,
.level-bar GtkLevelBar.vertical .level-full.fill-block,
GtkLevelBar.vertical .level-bar .level-full.fill-block,
.level-bar GtkLevelBar.vertical block.level-full,
GtkLevelBar.vertical .level-bar block.level-full,
.level-bar.vertical .level-full.fill-block,
.level-bar.vertical block.level-full,
.level-bar levelbar.vertical .level-full.fill-block,
levelbar.vertical .level-bar .level-full.fill-block,
.level-bar levelbar.vertical block.level-full,
levelbar.vertical .level-bar block.level-full,
.level-bar .fill-block.full,
.level-bar .fill-block.level-full,
.level-bar block.full,
.level-bar block.level-full,
levelbar GtkLevelBar.vertical .full.fill-block,
GtkLevelBar.vertical levelbar .full.fill-block,
levelbar GtkLevelBar.vertical block.full,
GtkLevelBar.vertical levelbar block.full,
levelbar .level-bar.vertical .full.fill-block,
.level-bar.vertical levelbar .full.fill-block,
levelbar .level-bar.vertical block.full,
.level-bar.vertical levelbar block.full,
levelbar.vertical .full.fill-block,
levelbar.vertical block.full,
levelbar GtkLevelBar.vertical .level-full.fill-block,
GtkLevelBar.vertical levelbar .level-full.fill-block,
levelbar GtkLevelBar.vertical block.level-full,
GtkLevelBar.vertical levelbar block.level-full,
levelbar .level-bar.vertical .level-full.fill-block,
.level-bar.vertical levelbar .level-full.fill-block,
levelbar .level-bar.vertical block.level-full,
.level-bar.vertical levelbar block.level-full,
levelbar.vertical .level-full.fill-block,
levelbar.vertical block.level-full,
levelbar .fill-block.full,
levelbar .fill-block.level-full,
levelbar block.full,
levelbar block.level-full {
border: 1px solid #a4acb1;
background-color: #c0c5c8; }
GtkLevelBar.vertical .full.fill-block:backdrop,
GtkLevelBar.vertical block.full:backdrop,
GtkLevelBar .level-bar.vertical .full.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .full.fill-block:backdrop,
GtkLevelBar .level-bar.vertical block.full:backdrop,
.level-bar.vertical GtkLevelBar block.full:backdrop,
GtkLevelBar levelbar.vertical .full.fill-block:backdrop,
levelbar.vertical GtkLevelBar .full.fill-block:backdrop,
GtkLevelBar levelbar.vertical block.full:backdrop,
levelbar.vertical GtkLevelBar block.full:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop,
GtkLevelBar.vertical block.level-full:backdrop,
GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop,
GtkLevelBar .level-bar.vertical block.level-full:backdrop,
.level-bar.vertical GtkLevelBar block.level-full:backdrop,
GtkLevelBar levelbar.vertical .level-full.fill-block:backdrop,
levelbar.vertical GtkLevelBar .level-full.fill-block:backdrop,
GtkLevelBar levelbar.vertical block.level-full:backdrop,
levelbar.vertical GtkLevelBar block.level-full:backdrop,
GtkLevelBar .fill-block.full:backdrop,
GtkLevelBar .fill-block.level-full:backdrop,
GtkLevelBar block.full:backdrop,
GtkLevelBar block.level-full:backdrop,
.level-bar GtkLevelBar.vertical .full.fill-block:backdrop,
GtkLevelBar.vertical .level-bar .full.fill-block:backdrop,
.level-bar GtkLevelBar.vertical block.full:backdrop,
GtkLevelBar.vertical .level-bar block.full:backdrop,
.level-bar.vertical .full.fill-block:backdrop,
.level-bar.vertical block.full:backdrop,
.level-bar levelbar.vertical .full.fill-block:backdrop,
levelbar.vertical .level-bar .full.fill-block:backdrop,
.level-bar levelbar.vertical block.full:backdrop,
levelbar.vertical .level-bar block.full:backdrop,
.level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop,
GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop,
.level-bar GtkLevelBar.vertical block.level-full:backdrop,
GtkLevelBar.vertical .level-bar block.level-full:backdrop,
.level-bar.vertical .level-full.fill-block:backdrop,
.level-bar.vertical block.level-full:backdrop,
.level-bar levelbar.vertical .level-full.fill-block:backdrop,
levelbar.vertical .level-bar .level-full.fill-block:backdrop,
.level-bar levelbar.vertical block.level-full:backdrop,
levelbar.vertical .level-bar block.level-full:backdrop,
.level-bar .fill-block.full:backdrop,
.level-bar .fill-block.level-full:backdrop,
.level-bar block.full:backdrop,
.level-bar block.level-full:backdrop,
levelbar GtkLevelBar.vertical .full.fill-block:backdrop,
GtkLevelBar.vertical levelbar .full.fill-block:backdrop,
levelbar GtkLevelBar.vertical block.full:backdrop,
GtkLevelBar.vertical levelbar block.full:backdrop,
levelbar .level-bar.vertical .full.fill-block:backdrop,
.level-bar.vertical levelbar .full.fill-block:backdrop,
levelbar .level-bar.vertical block.full:backdrop,
.level-bar.vertical levelbar block.full:backdrop,
levelbar.vertical .full.fill-block:backdrop,
levelbar.vertical block.full:backdrop,
levelbar GtkLevelBar.vertical .level-full.fill-block:backdrop,
GtkLevelBar.vertical levelbar .level-full.fill-block:backdrop,
levelbar GtkLevelBar.vertical block.level-full:backdrop,
GtkLevelBar.vertical levelbar block.level-full:backdrop,
levelbar .level-bar.vertical .level-full.fill-block:backdrop,
.level-bar.vertical levelbar .level-full.fill-block:backdrop,
levelbar .level-bar.vertical block.level-full:backdrop,
.level-bar.vertical levelbar block.level-full:backdrop,
levelbar.vertical .level-full.fill-block:backdrop,
levelbar.vertical block.level-full:backdrop,
levelbar .fill-block.full:backdrop,
levelbar .fill-block.level-full:backdrop,
levelbar block.full:backdrop,
levelbar block.level-full:backdrop {
border: 1px solid #c0c5c8; }
GtkLevelBar.vertical .empty.fill-block,
GtkLevelBar.vertical block.empty,
GtkLevelBar .level-bar.vertical .empty.fill-block,
.level-bar.vertical GtkLevelBar .empty.fill-block,
GtkLevelBar .level-bar.vertical block.empty,
.level-bar.vertical GtkLevelBar block.empty,
GtkLevelBar levelbar.vertical .empty.fill-block,
levelbar.vertical GtkLevelBar .empty.fill-block,
GtkLevelBar levelbar.vertical block.empty,
levelbar.vertical GtkLevelBar block.empty, GtkLevelBar.vertical .level-empty.fill-block,
GtkLevelBar.vertical block.level-empty,
GtkLevelBar .level-bar.vertical .level-empty.fill-block,
.level-bar.vertical GtkLevelBar .level-empty.fill-block,
GtkLevelBar .level-bar.vertical block.level-empty,
.level-bar.vertical GtkLevelBar block.level-empty,
GtkLevelBar levelbar.vertical .level-empty.fill-block,
levelbar.vertical GtkLevelBar .level-empty.fill-block,
GtkLevelBar levelbar.vertical block.level-empty,
levelbar.vertical GtkLevelBar block.level-empty,
GtkLevelBar .fill-block.empty,
GtkLevelBar .fill-block.level-empty,
GtkLevelBar block.empty,
GtkLevelBar block.level-empty,
.level-bar GtkLevelBar.vertical .empty.fill-block,
GtkLevelBar.vertical .level-bar .empty.fill-block,
.level-bar GtkLevelBar.vertical block.empty,
GtkLevelBar.vertical .level-bar block.empty,
.level-bar.vertical .empty.fill-block,
.level-bar.vertical block.empty,
.level-bar levelbar.vertical .empty.fill-block,
levelbar.vertical .level-bar .empty.fill-block,
.level-bar levelbar.vertical block.empty,
levelbar.vertical .level-bar block.empty,
.level-bar GtkLevelBar.vertical .level-empty.fill-block,
GtkLevelBar.vertical .level-bar .level-empty.fill-block,
.level-bar GtkLevelBar.vertical block.level-empty,
GtkLevelBar.vertical .level-bar block.level-empty,
.level-bar.vertical .level-empty.fill-block,
.level-bar.vertical block.level-empty,
.level-bar levelbar.vertical .level-empty.fill-block,
levelbar.vertical .level-bar .level-empty.fill-block,
.level-bar levelbar.vertical block.level-empty,
levelbar.vertical .level-bar block.level-empty,
.level-bar .fill-block.empty,
.level-bar .fill-block.level-empty,
.level-bar block.empty,
.level-bar block.level-empty,
levelbar GtkLevelBar.vertical .empty.fill-block,
GtkLevelBar.vertical levelbar .empty.fill-block,
levelbar GtkLevelBar.vertical block.empty,
GtkLevelBar.vertical levelbar block.empty,
levelbar .level-bar.vertical .empty.fill-block,
.level-bar.vertical levelbar .empty.fill-block,
levelbar .level-bar.vertical block.empty,
.level-bar.vertical levelbar block.empty,
levelbar.vertical .empty.fill-block,
levelbar.vertical block.empty,
levelbar GtkLevelBar.vertical .level-empty.fill-block,
GtkLevelBar.vertical levelbar .level-empty.fill-block,
levelbar GtkLevelBar.vertical block.level-empty,
GtkLevelBar.vertical levelbar block.level-empty,
levelbar .level-bar.vertical .level-empty.fill-block,
.level-bar.vertical levelbar .level-empty.fill-block,
levelbar .level-bar.vertical block.level-empty,
.level-bar.vertical levelbar block.level-empty,
levelbar.vertical .level-empty.fill-block,
levelbar.vertical block.level-empty,
levelbar .fill-block.empty,
levelbar .fill-block.level-empty,
levelbar block.empty,
levelbar block.level-empty {
background-color: transparent;
border: 1px solid rgba(161, 168, 171, 0.1);
box-shadow: none; }
GtkLevelBar.vertical .empty.fill-block:backdrop,
GtkLevelBar.vertical block.empty:backdrop,
GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .empty.fill-block:backdrop,
GtkLevelBar .level-bar.vertical block.empty:backdrop,
.level-bar.vertical GtkLevelBar block.empty:backdrop,
GtkLevelBar levelbar.vertical .empty.fill-block:backdrop,
levelbar.vertical GtkLevelBar .empty.fill-block:backdrop,
GtkLevelBar levelbar.vertical block.empty:backdrop,
levelbar.vertical GtkLevelBar block.empty:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop,
GtkLevelBar.vertical block.level-empty:backdrop,
GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop,
GtkLevelBar .level-bar.vertical block.level-empty:backdrop,
.level-bar.vertical GtkLevelBar block.level-empty:backdrop,
GtkLevelBar levelbar.vertical .level-empty.fill-block:backdrop,
levelbar.vertical GtkLevelBar .level-empty.fill-block:backdrop,
GtkLevelBar levelbar.vertical block.level-empty:backdrop,
levelbar.vertical GtkLevelBar block.level-empty:backdrop,
GtkLevelBar .fill-block.empty:backdrop,
GtkLevelBar .fill-block.level-empty:backdrop,
GtkLevelBar block.empty:backdrop,
GtkLevelBar block.level-empty:backdrop,
.level-bar GtkLevelBar.vertical .empty.fill-block:backdrop,
GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop,
.level-bar GtkLevelBar.vertical block.empty:backdrop,
GtkLevelBar.vertical .level-bar block.empty:backdrop,
.level-bar.vertical .empty.fill-block:backdrop,
.level-bar.vertical block.empty:backdrop,
.level-bar levelbar.vertical .empty.fill-block:backdrop,
levelbar.vertical .level-bar .empty.fill-block:backdrop,
.level-bar levelbar.vertical block.empty:backdrop,
levelbar.vertical .level-bar block.empty:backdrop,
.level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop,
GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop,
.level-bar GtkLevelBar.vertical block.level-empty:backdrop,
GtkLevelBar.vertical .level-bar block.level-empty:backdrop,
.level-bar.vertical .level-empty.fill-block:backdrop,
.level-bar.vertical block.level-empty:backdrop,
.level-bar levelbar.vertical .level-empty.fill-block:backdrop,
levelbar.vertical .level-bar .level-empty.fill-block:backdrop,
.level-bar levelbar.vertical block.level-empty:backdrop,
levelbar.vertical .level-bar block.level-empty:backdrop,
.level-bar .fill-block.empty:backdrop,
.level-bar .fill-block.level-empty:backdrop,
.level-bar block.empty:backdrop,
.level-bar block.level-empty:backdrop,
levelbar GtkLevelBar.vertical .empty.fill-block:backdrop,
GtkLevelBar.vertical levelbar .empty.fill-block:backdrop,
levelbar GtkLevelBar.vertical block.empty:backdrop,
GtkLevelBar.vertical levelbar block.empty:backdrop,
levelbar .level-bar.vertical .empty.fill-block:backdrop,
.level-bar.vertical levelbar .empty.fill-block:backdrop,
levelbar .level-bar.vertical block.empty:backdrop,
.level-bar.vertical levelbar block.empty:backdrop,
levelbar.vertical .empty.fill-block:backdrop,
levelbar.vertical block.empty:backdrop,
levelbar GtkLevelBar.vertical .level-empty.fill-block:backdrop,
GtkLevelBar.vertical levelbar .level-empty.fill-block:backdrop,
levelbar GtkLevelBar.vertical block.level-empty:backdrop,
GtkLevelBar.vertical levelbar block.level-empty:backdrop,
levelbar .level-bar.vertical .level-empty.fill-block:backdrop,
.level-bar.vertical levelbar .level-empty.fill-block:backdrop,
levelbar .level-bar.vertical block.level-empty:backdrop,
.level-bar.vertical levelbar block.level-empty:backdrop,
levelbar.vertical .level-empty.fill-block:backdrop,
levelbar.vertical block.level-empty:backdrop,
levelbar .fill-block.empty:backdrop,
levelbar .fill-block.level-empty:backdrop,
levelbar block.empty:backdrop,
levelbar block.level-empty:backdrop {
border-color: rgba(120, 128, 132, 0.15); }
GtkLevelBar.vertical,
.level-bar.vertical,
levelbar.vertical {
-GtkLevelBar-min-block-width: 8;
-GtkLevelBar-min-block-height: 32; }
GtkLevelBar.vertical .fill-block,
GtkLevelBar.vertical block,
.level-bar.vertical .fill-block,
.level-bar.vertical block,
levelbar.vertical .fill-block,
levelbar.vertical block {
min-width: 8px;
min-height: 32px; }
/*********
* Links *
*********/
*:link, button:link,
.button:link,
button:visited,
.button:visited {
color: blue; }
*:link:visited,
button:visited,
.button:visited {
color: rgba(0, 0, 255, 0.5); }
*:selected *:link:visited, *:selected button:visited:link,
*:selected button:visited,
*:selected .button:visited {
color: #c2ccd1; }
*:link:hover, button:hover:link,
.button:hover:link,
button:hover:visited,
.button:hover:visited {
color: #3333ff; }
*:selected *:link:hover, *:selected button:hover:link,
*:selected .button:hover:link,
*:selected button:hover:visited,
*:selected .button:hover:visited {
color: #f0f2f4; }
*:link:active, button:active:link,
.button:active:link,
button:active:visited,
.button:active:visited {
color: blue; }
*:selected *:link:active, *:selected button:active:link,
*:selected .button:active:link,
*:selected button:active:visited,
*:selected .button:active:visited {
color: #e0e5e8; }
*:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link,
.button:backdrop:backdrop:hover:link,
button:backdrop:backdrop:hover:visited,
.button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
.header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link,
headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link,
.button:backdrop:backdrop:hover:selected:link,
button:backdrop:backdrop:hover:selected:visited,
.button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link,
.button:backdrop:link,
button:backdrop:visited,
.button:backdrop:visited {
color: #667f8c; }
*:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link,
.header-bar.selection-mode .subtitle:link,
headerbar.selection-mode .subtitle:link, button:selected:link,
.button:selected:link,
button:selected:visited,
.button:selected:visited, *:selected *:link, *:selected button:link,
*:selected .button:link,
*:selected button:visited,
*:selected .button:visited {
color: #e0e5e8; }
button:link,
.button:link,
button:visited,
.button:visited {
text-shadow: none; }
button:link:hover, button:link:active, button:link:checked,
.button:link:hover,
.button:link:active,
.button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked,
.button:visited:hover,
.button:visited:active,
.button:visited:checked {
text-shadow: none; }
button:link > label,
.button:link > label,
button:visited > label,
.button:visited > label {
text-decoration-line: underline; }
button:link > GtkLabel,
.button:link > GtkLabel,
button:visited > GtkLabel,
.button:visited > GtkLabel {
text-decoration-line: underline; }
/*********
* Lists *
*********/
list {
color: #A1A8AB;
background-color: #636E73;
border-color: #33393b; }
list:backdrop {
background-color: #657176;
border-color: #363c3e; }
row,
.list-row {
border-radius: 0;
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row GtkImage,
row image,
.list-row GtkImage,
.list-row image {
padding-right: 6px; }
row:hover,
.list-row:hover {
transition: none; }
row:backdrop,
.list-row:backdrop {
transition: 200ms ease-out; }
row.activatable.has-open-popup, row.activatable:hover,
.list-row.activatable.has-open-popup,
.list-row.activatable:hover {
background-color: rgba(161, 168, 171, 0.05); }
row.activatable:active,
.list-row.activatable:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
row.activatable:backdrop:hover,
.list-row.activatable:backdrop:hover {
background-color: transparent; }
row.activatable:selected:active,
.list-row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable:selected.has-open-popup, row.activatable:selected:hover,
.list-row.activatable:selected.has-open-popup,
.list-row.activatable:selected:hover {
background-color: #6c838f; }
row.activatable:selected:backdrop,
.list-row.activatable:selected:backdrop {
background-color: #667f8c; }
/*********
* Menus *
*********/
menubar,
.menubar {
-GtkWidget-window-dragging: true;
padding: 0px;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
background-color: #3B4245;
color: rgba(255, 255, 255, 0.8); }
menubar:backdrop,
.menubar:backdrop {
background-color: #2f3537; }
menubar > .menuitem,
menubar > menuitem,
.menubar > .menuitem,
.menubar > menuitem {
min-height: 16px;
padding: 4px 8px; }
menubar > .menuitem:hover,
menubar > menuitem:hover,
.menubar > .menuitem:hover,
.menubar > menuitem:hover {
box-shadow: inset 0 -3px #667f8c;
color: rgba(255, 255, 255, 0.8); }
menubar > .menuitem:insensitive, menubar > .menuitem:disabled,
menubar > menuitem:insensitive,
menubar > menuitem:disabled,
.menubar > .menuitem:insensitive,
.menubar > .menuitem:disabled,
.menubar > menuitem:insensitive,
.menubar > menuitem:disabled {
color: #788084;
box-shadow: none; }
.menu,
.popup,
menu {
padding: 4px 0px;
background-color: #5f6a6e;
border: 1px solid #33393b;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
.csd .menu, .csd
.popup, .csd
menu {
border: none; }
.menu:backdrop,
.popup:backdrop,
menu:backdrop {
background-color: #616c71; }
.menu .menuitem,
.menu menuitem,
.popup .menuitem,
.popup menuitem,
menu .menuitem,
menu menuitem {
min-height: 16px;
min-width: 40px;
padding: 8px 4px;
text-shadow: none; }
.menu .menuitem:hover,
.menu menuitem:hover,
.popup .menuitem:hover,
.popup menuitem:hover,
menu .menuitem:hover,
menu menuitem:hover {
color: #ffffff;
background-color: #667f8c; }
.menu .menuitem:insensitive, .menu .menuitem:disabled,
.menu menuitem:insensitive,
.menu menuitem:disabled,
.popup .menuitem:insensitive,
.popup .menuitem:disabled,
.popup menuitem:insensitive,
.popup menuitem:disabled,
menu .menuitem:insensitive,
menu .menuitem:disabled,
menu menuitem:insensitive,
menu menuitem:disabled {
color: #788084; }
.menu .menuitem:insensitive:backdrop, .menu .menuitem:disabled:backdrop,
.menu menuitem:insensitive:backdrop,
.menu menuitem:disabled:backdrop,
.popup .menuitem:insensitive:backdrop,
.popup .menuitem:disabled:backdrop,
.popup menuitem:insensitive:backdrop,
.popup menuitem:disabled:backdrop,
menu .menuitem:insensitive:backdrop,
menu .menuitem:disabled:backdrop,
menu menuitem:insensitive:backdrop,
menu menuitem:disabled:backdrop {
color: #727f85; }
.menu .menuitem:backdrop, .menu .menuitem:backdrop:hover,
.menu menuitem:backdrop,
.menu menuitem:backdrop:hover,
.popup .menuitem:backdrop,
.popup .menuitem:backdrop:hover,
.popup menuitem:backdrop,
.popup menuitem:backdrop:hover,
menu .menuitem:backdrop,
menu .menuitem:backdrop:hover,
menu menuitem:backdrop,
menu menuitem:backdrop:hover {
color: #788084;
background-color: transparent; }
.menu .menuitem .arrow,
.menu .menuitem arrow,
.menu menuitem .arrow,
.menu menuitem arrow,
.popup .menuitem .arrow,
.popup .menuitem arrow,
.popup menuitem .arrow,
.popup menuitem arrow,
menu .menuitem .arrow,
menu .menuitem arrow,
menu menuitem .arrow,
menu menuitem arrow {
min-height: 16px;
min-width: 16px; }
.menu .menuitem .arrow:dir(ltr),
.menu .menuitem arrow:dir(ltr),
.menu menuitem .arrow:dir(ltr),
.menu menuitem arrow:dir(ltr),
.popup .menuitem .arrow:dir(ltr),
.popup .menuitem arrow:dir(ltr),
.popup menuitem .arrow:dir(ltr),
.popup menuitem arrow:dir(ltr),
menu .menuitem .arrow:dir(ltr),
menu .menuitem arrow:dir(ltr),
menu menuitem .arrow:dir(ltr),
menu menuitem arrow:dir(ltr) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
margin-left: 10px; }
.menu .menuitem .arrow:dir(rtl),
.menu .menuitem arrow:dir(rtl),
.menu menuitem .arrow:dir(rtl),
.menu menuitem arrow:dir(rtl),
.popup .menuitem .arrow:dir(rtl),
.popup .menuitem arrow:dir(rtl),
.popup menuitem .arrow:dir(rtl),
.popup menuitem arrow:dir(rtl),
menu .menuitem .arrow:dir(rtl),
menu .menuitem arrow:dir(rtl),
menu menuitem .arrow:dir(rtl),
menu menuitem arrow:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
margin-right: 10px; }
.menu > arrow,
.popup > arrow,
menu > arrow {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
min-height: 16px;
min-width: 16px;
padding: 4px;
background-color: #5f6a6e;
border-radius: 0; }
.menu > arrow.top,
.popup > arrow.top,
menu > arrow.top {
margin-top: -6px;
border-bottom: 1px solid #697479;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
.menu > arrow.bottom,
.popup > arrow.bottom,
menu > arrow.bottom {
margin-bottom: -6px;
border-top: 1px solid #697479;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.menu > arrow:hover,
.popup > arrow:hover,
menu > arrow:hover {
background-color: #697479; }
.menu > arrow:backdrop,
.popup > arrow:backdrop,
menu > arrow:backdrop {
background-color: #616c71; }
.menu > arrow:insensitive, .menu > arrow:disabled,
.popup > arrow:insensitive,
.popup > arrow:disabled,
menu > arrow:insensitive,
menu > arrow:disabled {
color: transparent;
background-color: transparent;
border-color: transparent; }
.menuitem .accelerator,
.menuitem accelerator,
menuitem .accelerator,
menuitem accelerator {
color: alpha(currentColor,0.55); }
.menuitem .check,
.menuitem check,
.menuitem .radio,
.menuitem radio,
menuitem .check,
menuitem check,
menuitem .radio,
menuitem radio {
min-height: 16px;
min-width: 16px; }
.menuitem .check:dir(ltr),
.menuitem check:dir(ltr),
.menuitem .radio:dir(ltr),
.menuitem radio:dir(ltr),
menuitem .check:dir(ltr),
menuitem check:dir(ltr),
menuitem .radio:dir(ltr),
menuitem radio:dir(ltr) {
margin-right: 7px; }
.menuitem .check:dir(rtl),
.menuitem check:dir(rtl),
.menuitem .radio:dir(rtl),
.menuitem radio:dir(rtl),
menuitem .check:dir(rtl),
menuitem check:dir(rtl),
menuitem .radio:dir(rtl),
menuitem radio:dir(rtl) {
margin-left: 7px; }
/********
* Misc *
********/
.content-view {
background-color: #3f4649; }
.content-view:hover {
-gtk-icon-effect: highlight; }
.content-view:backdrop {
background-color: #3f4649; }
.osd .scale-popup button.flat {
border-style: none;
border-radius: 5px; }
.scale-popup .button:hover,
.scale-popup button:hover {
background-color: rgba(161, 168, 171, 0.1);
border-radius: 5px; }
separator,
.separator {
color: #33393b; }
/**************
* Text Styles *
**************/
.h1 {
font-size: 24px; }
.h2 {
font-weight: 300;
font-size: 18px; }
.h3 {
font-size: 11px; }
.h4,
.category-label {
padding: 6px;
color: mix #4F585C, #A1A8AB, 50%;
font-weight: bold;
text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
/*************
* Notebooks *
*************/
notebook > header {
border: none; }
notebook > header.top {
border-bottom-style: solid; }
notebook > header.top > tabs > tab:hover {
box-shadow: inset 0 -2px #33393b; }
notebook > header.top > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -2px #667f8c; }
notebook > header.bottom {
border-top-style: solid; }
notebook > header.bottom > tabs > tab:hover {
box-shadow: inset 0 2px #33393b; }
notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.bottom > tabs > tab:checked {
box-shadow: inset 0 2px #667f8c; }
notebook > header.left {
border-right-style: solid; }
notebook > header.left > tabs > tab:hover {
box-shadow: inset -2px 0 #33393b; }
notebook > header.left > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.left > tabs > tab:checked {
box-shadow: inset -2px 0 #667f8c; }
notebook > header.right {
border-left-style: solid; }
notebook > header.right > tabs > tab:hover {
box-shadow: inset 2px 0 #33393b; }
notebook > header.right > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.right > tabs > tab:checked {
box-shadow: inset 2px 0 #667f8c; }
notebook > header.top > tabs > arrow {
border-top-style: none; }
notebook > header.bottom > tabs > arrow {
border-bottom-style: none; }
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
margin-left: -5px;
margin-right: -5px;
padding-left: 4px;
padding-right: 4px; }
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.left > tabs > arrow {
border-left-style: none; }
notebook > header.right > tabs > arrow {
border-right-style: none; }
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
margin-top: -5px;
margin-bottom: -5px;
padding-top: 4px;
padding-bottom: 4px; }
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header > tabs > arrow {
min-height: 16px;
min-width: 16px;
border-radius: 0; }
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
background-clip: padding-box;
background-image: none;
background-color: rgba(255, 255, 255, 0.3);
border-color: transparent;
box-shadow: none; }
notebook > header > tabs > arrow:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
notebook > header tab {
min-height: 30px;
min-width: 30px;
padding: 3px 12px;
outline-offset: -5px;
color: #788084;
font-weight: bold;
border-width: 1px;
border-color: transparent; }
notebook > header tab:hover {
color: #8d9498; }
notebook > header tab:hover.reorderable-page {
border-color: rgba(51, 57, 59, 0.3);
background-color: rgba(79, 88, 92, 0.2); }
notebook > header tab:backdrop {
color: #687074; }
notebook > header tab:backdrop.reorderable-page {
border-color: transparent;
background-color: transparent; }
notebook > header tab:checked {
color: #A1A8AB; }
notebook > header tab:checked.reorderable-page {
border-color: rgba(51, 57, 59, 0.5);
background-color: rgba(79, 88, 92, 0.5); }
notebook > header tab:checked.reorderable-page:hover {
background-color: rgba(79, 88, 92, 0.7); }
notebook > header tab:backdrop:checked {
color: #788084; }
notebook > header tab:backdrop:checked.reorderable-page {
border-color: #363c3e;
background-color: #4F585C; }
notebook > header tab button.flat {
padding: 0;
margin-top: 4px;
margin-bottom: 4px;
min-width: 20px;
min-height: 20px; }
notebook > header tab button.flat:hover {
color: currentColor; }
notebook > header tab button.flat, notebook > header tab button.flat:backdrop {
color: alpha(currentColor,0.3); }
notebook > header tab button.flat:last-child {
margin-left: 4px;
margin-right: -4px; }
notebook > header tab button.flat:first-child {
margin-left: -4px;
margin-right: 4px; }
notebook > header.top tabs, notebook > header.bottom tabs {
padding-left: 4px;
padding-right: 4px; }
notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) {
margin-left: 3px;
margin-right: 3px; }
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
margin-left: -1px; }
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
margin-right: -1px; }
notebook > header.top tabs tab, notebook > header.bottom tabs tab {
margin-left: 4px;
margin-right: 4px; }
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
border-style: none solid; }
notebook > header.left tabs, notebook > header.right tabs {
padding-top: 4px;
padding-bottom: 4px; }
notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) {
margin-top: 3px;
margin-bottom: 3px; }
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
margin-top: -1px; }
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
margin-bottom: -1px; }
notebook > header.left tabs tab, notebook > header.right tabs tab {
margin-top: 4px;
margin-bottom: 4px; }
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
border-style: solid none; }
notebook > header.top tab {
padding-bottom: 4px; }
notebook > header.bottom tab {
padding-top: 4px; }
notebook > stack:not(:only-child) {
background-color: #636E73; }
notebook > stack:not(:only-child):backdrop {
background-color: #657176; }
notebook,
.dynamic-notebook,
.notebook {
padding: 0;
background-color: #636E73;
box-shadow: 0 0 0 1px #33393b;
background-clip: border-box; }
notebook > header,
notebook > .header,
.dynamic-notebook > header,
.dynamic-notebook > .header,
.notebook > header,
.notebook > .header {
border: none;
box-shadow: none;
background-color: #4F585C; }
notebook > tab,
.dynamic-notebook > tab,
.notebook > tab {
border-radius: 0;
background-color: #4F585C; }
notebook > tab.top,
.dynamic-notebook > tab.top,
.notebook > tab.top {
padding: 6px 8px 8px 8px;
box-shadow: inset 0 -1px 0 0 #33393b; }
notebook > tab.top:active,
.dynamic-notebook > tab.top:active,
.notebook > tab.top:active {
box-shadow: inset 0 -3px 0 0 #33393b; }
notebook > tab.top:active:backdrop,
.dynamic-notebook > tab.top:active:backdrop,
.notebook > tab.top:active:backdrop {
box-shadow: inset 0 -3px 0 0 #363c3e; }
notebook > tab.top:backdrop,
.dynamic-notebook > tab.top:backdrop,
.notebook > tab.top:backdrop {
box-shadow: inset 0 -1px 0 0 #363c3e; }
notebook > tab.top:insensitive,
.dynamic-notebook > tab.top:insensitive,
.notebook > tab.top:insensitive {
box-shadow: inset 0 -1px 0 0 #33393b; }
notebook > tab.bottom,
.dynamic-notebook > tab.bottom,
.notebook > tab.bottom {
padding: 8px 8px 6px 8px;
box-shadow: inset 0 1px 0 0 #33393b; }
notebook > tab.bottom:active,
.dynamic-notebook > tab.bottom:active,
.notebook > tab.bottom:active {
box-shadow: inset 0 3px 0 0 #33393b; }
notebook > tab.bottom:active:backdrop,
.dynamic-notebook > tab.bottom:active:backdrop,
.notebook > tab.bottom:active:backdrop {
box-shadow: inset 0 3px 0 0 #363c3e; }
notebook > tab.bottom:backdrop,
.dynamic-notebook > tab.bottom:backdrop,
.notebook > tab.bottom:backdrop {
box-shadow: inset 0 1px 0 0 #363c3e; }
notebook > tab.bottom:insensitive,
.dynamic-notebook > tab.bottom:insensitive,
.notebook > tab.bottom:insensitive {
box-shadow: inset 0 1px 0 0 #33393b; }
notebook > tab.left,
.dynamic-notebook > tab.left,
.notebook > tab.left {
padding: 8px;
box-shadow: inset -1px 0 0 0 #33393b; }
notebook > tab.left:active,
.dynamic-notebook > tab.left:active,
.notebook > tab.left:active {
box-shadow: inset -3px 0 0 0 #33393b; }
notebook > tab.left:active:backdrop,
.dynamic-notebook > tab.left:active:backdrop,
.notebook > tab.left:active:backdrop {
box-shadow: inset -3px 0 0 0 #363c3e; }
notebook > tab.left:backdrop,
.dynamic-notebook > tab.left:backdrop,
.notebook > tab.left:backdrop {
box-shadow: inset -1px 0 0 0 #363c3e; }
notebook > tab.left:insensitive,
.dynamic-notebook > tab.left:insensitive,
.notebook > tab.left:insensitive {
box-shadow: inset -1px 0 0 0 #33393b; }
notebook > tab.right,
.dynamic-notebook > tab.right,
.notebook > tab.right {
padding: 8px;
box-shadow: inset 1px 0 0 0 #33393b; }
notebook > tab.right:active,
.dynamic-notebook > tab.right:active,
.notebook > tab.right:active {
box-shadow: inset 3px 0 0 0 #33393b; }
notebook > tab.right:active:backdrop,
.dynamic-notebook > tab.right:active:backdrop,
.notebook > tab.right:active:backdrop {
box-shadow: inset 3px 0 0 0 #363c3e; }
notebook > tab.right:backdrop,
.dynamic-notebook > tab.right:backdrop,
.notebook > tab.right:backdrop {
box-shadow: inset 1px 0 0 0 #363c3e; }
notebook > tab.right:insensitive,
.dynamic-notebook > tab.right:insensitive,
.notebook > tab.right:insensitive {
box-shadow: inset 1px 0 0 0 #33393b; }
notebook > tab:active,
.dynamic-notebook > tab:active,
.notebook > tab:active {
font-weight: bold; }
notebook > tab:hover,
.dynamic-notebook > tab:hover,
.notebook > tab:hover {
background: #434b4e; }
/*********
* Paned *
*********/
.paned,
paned {
border: solid #33393b;
border-left-width: 1px; }
.paned > separator,
paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
border-style: none;
background-color: transparent;
background-image: image(#33393b);
background-size: 1px 1px; }
.paned > separator:selected,
paned > separator:selected {
background-image: image(#667f8c); }
.paned > separator:backdrop,
paned > separator:backdrop {
background-image: image(#363c3e); }
.paned > separator.wide,
paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #4F585C;
background-image: image(#33393b), image(#33393b);
background-size: 1px 1px, 1px 1px; }
.paned > separator.wide:backdrop,
paned > separator.wide:backdrop {
background-color: #4F585C;
background-image: image(#363c3e), image(#363c3e); }
.paned.horizontal > separator,
paned.horizontal > separator {
background-repeat: repeat-y; }
.paned.horizontal > separator:dir(ltr),
paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
.paned.horizontal > separator:dir(rtl),
paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
.paned.horizontal > separator.wide,
paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
.paned.vertical > separator,
paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
.paned.vertical > separator.wide,
paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
background-position: bottom, top; }
/************
* Pathbars *
************/
.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
padding-left: 4px;
padding-right: 4px; }
.path-bar button.text-button.image-button label {
padding-left: 0;
padding-right: 0; }
.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
padding-right: 8px; }
.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
padding-left: 8px; }
.path-bar button image {
padding-left: 4px;
padding-right: 4px; }
.path-bar button.slider-button {
padding-left: 0;
padding-right: 0; }
/************
* Popovers *
************/
.popover.background,
popover.background {
padding: 2px;
border-radius: 4px;
border: none;
background-color: #4F585C;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.csd .popover.background, .popover.background, .csd
popover.background,
popover.background {
border: 1px solid #33393b; }
.popover.background:backdrop,
popover.background:backdrop {
background-color: #4F585C;
box-shadow: none; }
.popover.background > list,
.popover.background > .view,
.popover.background > GtkIconView,
.popover.background > iconview,
.popover.background > toolbar,
.popover.background > .toolbar,
popover.background > list,
popover.background > .view,
popover.background > GtkIconView,
popover.background > iconview,
popover.background > toolbar,
popover.background > .toolbar {
border-style: none;
background-color: transparent; }
.csd .popover.background.touch-selection, .csd .popover.background.magnifier, .popover.background.touch-selection, .popover.background.magnifier, .csd
popover.background.touch-selection, .csd
popover.background.magnifier,
popover.background.touch-selection,
popover.background.magnifier {
border: 1px solid rgba(255, 255, 255, 0.1); }
.popover.background .separator, .popover.background separator,
popover.background .separator,
popover.background separator {
margin: 3px; }
.popover.background list separator,
popover.background list separator {
margin: 0px; }
/****************
* Print dialog *
*****************/
printdialog paper {
color: #A1A8AB;
border: 1px solid #33393b;
background: white;
padding: 0; }
printdialog paper:backdrop {
color: #788084;
border-color: #363c3e; }
printdialog .dialog-action-box {
margin: 12px; }
/*****************
* Progress bars *
*****************/
GtkProgressBar,
.progressbar,
progressbar {
font-size: smaller;
color: rgba(161, 168, 171, 0.4); }
GtkProgressBar.horizontal trough,
GtkProgressBar.horizontal .trough,
GtkProgressBar.horizontal progress,
.progressbar.horizontal trough,
.progressbar.horizontal .trough,
.progressbar.horizontal progress,
progressbar.horizontal trough,
progressbar.horizontal .trough,
progressbar.horizontal progress {
min-height: 4px; }
GtkProgressBar.vertical trough,
GtkProgressBar.vertical .trough,
GtkProgressBar.vertical progress,
.progressbar.vertical trough,
.progressbar.vertical .trough,
.progressbar.vertical progress,
progressbar.vertical trough,
progressbar.vertical .trough,
progressbar.vertical progress {
min-width: 4px; }
GtkProgressBar.horizontal progress,
.progressbar.horizontal progress,
progressbar.horizontal progress {
margin: 0 -1px; }
GtkProgressBar.vertical progress,
.progressbar.vertical progress,
progressbar.vertical progress {
margin: -1px 0; }
GtkProgressBar:active,
.progressbar:active,
progressbar:active {
border-radius: 0px;
color: rgba(0, 0, 0, 0.5);
background-color: #667f8c;
border-color: #51646e; }
GtkProgressBar:active:backdrop,
.progressbar:active:backdrop,
progressbar:active:backdrop {
background-color: #8298a3;
border-color: #667f8c; }
GtkProgressBar:backdrop,
.progressbar:backdrop,
progressbar:backdrop {
transition: 200ms ease-out; }
GtkProgressBar .progressbar,
GtkProgressBar progress,
.progressbar .progressbar,
.progressbar progress,
progressbar .progressbar,
progressbar progress {
border-radius: 0px; }
GtkProgressBar .progressbar.left,
GtkProgressBar progress.left,
.progressbar .progressbar.left,
.progressbar progress.left,
progressbar .progressbar.left,
progressbar progress.left {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px; }
GtkProgressBar .progressbar.right,
GtkProgressBar progress.right,
.progressbar .progressbar.right,
.progressbar progress.right,
progressbar .progressbar.right,
progressbar progress.right {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px; }
GtkProgressBar .progressbar.top,
GtkProgressBar progress.top,
.progressbar .progressbar.top,
.progressbar progress.top,
progressbar .progressbar.top,
progressbar progress.top {
border-top-right-radius: 0px;
border-top-left-radius: 0px; }
GtkProgressBar .progressbar.bottom,
GtkProgressBar progress.bottom,
.progressbar .progressbar.bottom,
.progressbar progress.bottom,
progressbar .progressbar.bottom,
progressbar progress.bottom {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; }
GtkProgressBar.osd,
.progressbar.osd,
progressbar.osd {
min-width: 3px;
min-height: 3px;
background-color: transparent; }
GtkProgressBar.osd .trough,
GtkProgressBar.osd trough,
.progressbar.osd .trough,
.progressbar.osd trough,
progressbar.osd .trough,
progressbar.osd trough {
border-style: none;
border-radius: 0;
background-color: transparent;
box-shadow: none; }
GtkProgressBar.osd .progressbar,
GtkProgressBar.osd progress,
.progressbar.osd .progressbar,
.progressbar.osd progress,
progressbar.osd .progressbar,
progressbar.osd progress {
border-style: none;
border-radius: 0; }
GtkProgressBar row:selected,
GtkProgressBar .list-row:selected,
.progressbar row:selected,
.progressbar .list-row:selected,
progressbar row:selected,
progressbar .list-row:selected {
border: 1px solid #51646e;
color: rgba(0, 0, 0, 0.5);
background-color: #667f8c; }
/************
* GtkScale *
************/
GtkLevelBar .trough,
GtkLevelBar trough,
.level-bar .trough,
.level-bar trough,
levelbar .trough,
levelbar trough, GtkLevelBar.horizontal trough,
GtkLevelBar.horizontal .trough, GtkLevelBar.vertical trough,
GtkLevelBar.vertical .trough,
.level-bar.horizontal trough,
.level-bar.horizontal .trough,
.level-bar.vertical trough,
.level-bar.vertical .trough,
levelbar.horizontal trough,
levelbar.horizontal .trough,
levelbar.vertical trough,
levelbar.vertical .trough, GtkProgressBar,
.progressbar,
progressbar, .scale trough,
.scale .trough,
scale trough,
scale .trough, .scale.fine-tune trough,
.scale.fine-tune .trough,
scale.fine-tune trough,
scale.fine-tune .trough, .scale fill,
scale fill {
border: none;
background-color: #636E73;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1);
padding: 0;
margin: 0; }
GtkLevelBar .trough:insensitive,
GtkLevelBar trough:insensitive,
.level-bar .trough:insensitive,
.level-bar trough:insensitive,
levelbar .trough:insensitive,
levelbar trough:insensitive, GtkProgressBar:insensitive,
.progressbar:insensitive,
progressbar:insensitive, .scale trough:insensitive,
.scale .trough:insensitive,
scale trough:insensitive,
scale .trough:insensitive, .scale fill:insensitive,
scale fill:insensitive, GtkLevelBar .trough:disabled,
GtkLevelBar trough:disabled,
.level-bar .trough:disabled,
.level-bar trough:disabled,
levelbar .trough:disabled,
levelbar trough:disabled, GtkProgressBar:disabled,
.progressbar:disabled,
progressbar:disabled, .scale trough:disabled,
.scale .trough:disabled,
scale trough:disabled,
scale .trough:disabled, .scale fill:disabled,
scale fill:disabled {
background-color: #576165; }
GtkLevelBar .trough:backdrop,
GtkLevelBar trough:backdrop,
.level-bar .trough:backdrop,
.level-bar trough:backdrop,
levelbar .trough:backdrop,
levelbar trough:backdrop, GtkProgressBar:backdrop,
.progressbar:backdrop,
progressbar:backdrop, .scale trough:backdrop,
.scale .trough:backdrop,
scale trough:backdrop,
scale .trough:backdrop, .scale fill:backdrop,
scale fill:backdrop {
background-color: #657176;
transition: 200ms ease-out; }
GtkLevelBar .trough:backdrop:insensitive,
GtkLevelBar trough:backdrop:insensitive,
.level-bar .trough:backdrop:insensitive,
.level-bar trough:backdrop:insensitive,
levelbar .trough:backdrop:insensitive,
levelbar trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive,
.progressbar:backdrop:insensitive,
progressbar:backdrop:insensitive, .scale trough:backdrop:insensitive,
.scale .trough:backdrop:insensitive,
scale trough:backdrop:insensitive,
scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive,
scale fill:backdrop:insensitive, GtkLevelBar .trough:backdrop:disabled,
GtkLevelBar trough:backdrop:disabled,
.level-bar .trough:backdrop:disabled,
.level-bar trough:backdrop:disabled,
levelbar .trough:backdrop:disabled,
levelbar trough:backdrop:disabled, GtkProgressBar:backdrop:disabled,
.progressbar:backdrop:disabled,
progressbar:backdrop:disabled, .scale trough:backdrop:disabled,
.scale .trough:backdrop:disabled,
scale trough:backdrop:disabled,
scale .trough:backdrop:disabled, .scale fill:backdrop:disabled,
scale fill:backdrop:disabled {
background-color: #576165; }
row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough,
row:selected GtkLevelBar trough,
GtkLevelBar row:selected trough,
row:selected .level-bar .trough,
.level-bar row:selected .trough,
row:selected .level-bar trough,
.level-bar row:selected trough,
row:selected levelbar .trough,
levelbar row:selected .trough,
row:selected levelbar trough,
levelbar row:selected trough, row:selected GtkProgressBar,
row:selected .progressbar,
row:selected progressbar, row:selected .scale trough, .scale row:selected trough,
row:selected .scale .trough,
.scale row:selected .trough,
row:selected scale trough,
scale row:selected trough,
row:selected scale .trough,
scale row:selected .trough, row:selected .scale fill, .scale row:selected fill,
row:selected scale fill,
scale row:selected fill {
box-shadow: none; }
row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough,
row:selected GtkLevelBar trough,
GtkLevelBar row:selected trough,
row:selected .level-bar .trough,
.level-bar row:selected .trough,
row:selected .level-bar trough,
.level-bar row:selected trough,
row:selected levelbar .trough,
levelbar row:selected .trough,
row:selected levelbar trough,
levelbar row:selected trough, row:selected GtkProgressBar,
row:selected .progressbar,
row:selected progressbar, row:selected .scale trough, .scale row:selected trough,
row:selected .scale .trough,
.scale row:selected .trough,
row:selected scale trough,
scale row:selected trough,
row:selected scale .trough,
scale row:selected .trough, row:selected .scale fill, .scale row:selected fill,
row:selected scale fill,
scale row:selected fill, row:selected GtkLevelBar .trough:disabled, GtkLevelBar row:selected .trough:disabled,
row:selected GtkLevelBar trough:disabled,
GtkLevelBar row:selected trough:disabled,
row:selected .level-bar .trough:disabled,
.level-bar row:selected .trough:disabled,
row:selected .level-bar trough:disabled,
.level-bar row:selected trough:disabled,
row:selected levelbar .trough:disabled,
levelbar row:selected .trough:disabled,
row:selected levelbar trough:disabled,
levelbar row:selected trough:disabled, row:selected GtkProgressBar:disabled,
row:selected .progressbar:disabled,
row:selected progressbar:disabled, row:selected .scale trough:disabled, .scale row:selected trough:disabled,
row:selected .scale .trough:disabled,
.scale row:selected .trough:disabled,
row:selected scale trough:disabled,
scale row:selected trough:disabled,
row:selected scale .trough:disabled,
scale row:selected .trough:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled,
row:selected scale fill:disabled,
scale row:selected fill:disabled {
border-color: #262f33; }
.osd GtkLevelBar .trough, GtkLevelBar .osd .trough,
.osd GtkLevelBar trough,
GtkLevelBar .osd trough,
.osd .level-bar .trough,
.level-bar .osd .trough,
.osd .level-bar trough,
.level-bar .osd trough,
.osd levelbar .trough,
levelbar .osd .trough,
.osd levelbar trough,
levelbar .osd trough, .osd GtkProgressBar,
.osd .progressbar,
.osd progressbar, .osd .scale trough, .scale .osd trough,
.osd .scale .trough,
.scale .osd .trough,
.osd scale trough,
scale .osd trough,
.osd scale .trough,
scale .osd .trough, .osd .scale fill, .scale .osd fill,
.osd scale fill,
scale .osd fill {
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.5);
box-shadow: none;
outline-color: rgba(161, 168, 171, 0.2); }
.osd GtkLevelBar .trough:disabled, GtkLevelBar .osd .trough:disabled,
.osd GtkLevelBar trough:disabled,
GtkLevelBar .osd trough:disabled,
.osd .level-bar .trough:disabled,
.level-bar .osd .trough:disabled,
.osd .level-bar trough:disabled,
.level-bar .osd trough:disabled,
.osd levelbar .trough:disabled,
levelbar .osd .trough:disabled,
.osd levelbar trough:disabled,
levelbar .osd trough:disabled, .osd GtkProgressBar:disabled,
.osd .progressbar:disabled,
.osd progressbar:disabled, .osd .scale trough:disabled, .scale .osd trough:disabled,
.osd .scale .trough:disabled,
.scale .osd .trough:disabled,
.osd scale trough:disabled,
scale .osd trough:disabled,
.osd scale .trough:disabled,
scale .osd .trough:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled,
.osd scale fill:disabled,
scale .osd fill:disabled {
background-color: rgba(45, 50, 51, 0.5); }
GtkProgressBar .progressbar,
GtkProgressBar progress,
.progressbar .progressbar,
.progressbar progress,
progressbar .progressbar,
progressbar progress, .scale fill,
.scale .highlight,
.scale highlight,
scale fill,
scale .highlight,
scale highlight, .scale.fine-tune fill,
.scale.fine-tune .highlight,
.scale.fine-tune highlight,
scale.fine-tune fill,
scale.fine-tune .highlight,
scale.fine-tune highlight {
border: 1px solid #262f33;
background-color: #667f8c;
box-shadow: 0px 1px rgba(255, 255, 255, 0.1);
border-radius: 4px;
min-height: 8px; }
GtkProgressBar .progressbar:insensitive,
GtkProgressBar progress:insensitive,
.progressbar .progressbar:insensitive,
.progressbar progress:insensitive,
progressbar .progressbar:insensitive,
progressbar progress:insensitive, .scale fill:insensitive,
.scale .highlight:insensitive,
.scale highlight:insensitive,
scale fill:insensitive,
scale .highlight:insensitive,
scale highlight:insensitive, GtkProgressBar .progressbar:disabled,
GtkProgressBar progress:disabled,
.progressbar .progressbar:disabled,
.progressbar progress:disabled,
progressbar .progressbar:disabled,
progressbar progress:disabled, .scale fill:disabled,
.scale .highlight:disabled,
.scale highlight:disabled,
scale fill:disabled,
scale .highlight:disabled,
scale highlight:disabled {
border: 1px solid #0f1112;
background-color: #202425; }
GtkProgressBar .progressbar:backdrop,
GtkProgressBar progress:backdrop,
.progressbar .progressbar:backdrop,
.progressbar progress:backdrop,
progressbar .progressbar:backdrop,
progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar,
.progressbar:backdrop .progressbar,
progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress,
.progressbar:backdrop progress,
progressbar:backdrop progress, .scale fill:backdrop,
.scale .highlight:backdrop,
.scale highlight:backdrop,
scale fill:backdrop,
scale .highlight:backdrop,
scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop,
GtkProgressBar progress:active:backdrop,
.progressbar .progressbar:active:backdrop,
.progressbar progress:active:backdrop,
progressbar .progressbar:active:backdrop,
progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active,
.progressbar:backdrop .progressbar:active,
progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active,
.progressbar:backdrop progress:active,
progressbar:backdrop progress:active, .scale fill:active:backdrop,
.scale .highlight:active:backdrop,
.scale highlight:active:backdrop,
scale fill:active:backdrop,
scale .highlight:active:backdrop,
scale highlight:active:backdrop {
border-color: #262f33;
background-color: #8298a3; }
GtkProgressBar .progressbar:backdrop:disabled,
GtkProgressBar progress:backdrop:disabled,
.progressbar .progressbar:backdrop:disabled,
.progressbar progress:backdrop:disabled,
progressbar .progressbar:backdrop:disabled,
progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled,
.progressbar:backdrop .progressbar:disabled,
progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled,
.progressbar:backdrop progress:disabled,
progressbar:backdrop progress:disabled, .scale fill:backdrop:disabled,
.scale .highlight:backdrop:disabled,
.scale highlight:backdrop:disabled,
scale fill:backdrop:disabled,
scale .highlight:backdrop:disabled,
scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled,
GtkProgressBar progress:active:backdrop:disabled,
.progressbar .progressbar:active:backdrop:disabled,
.progressbar progress:active:backdrop:disabled,
progressbar .progressbar:active:backdrop:disabled,
progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled,
.progressbar:backdrop .progressbar:active:disabled,
progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled,
.progressbar:backdrop progress:active:disabled,
progressbar:backdrop progress:active:disabled, .scale fill:active:backdrop:disabled,
.scale .highlight:active:backdrop:disabled,
.scale highlight:active:backdrop:disabled,
scale fill:active:backdrop:disabled,
scale .highlight:active:backdrop:disabled,
scale highlight:active:backdrop:disabled {
background-color: transparent;
border-color: transparent; }
.list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled,
.list-row:selected GtkProgressBar progress:disabled,
GtkProgressBar .list-row:selected progress:disabled,
.list-row:selected .progressbar .progressbar:disabled,
.progressbar .list-row:selected .progressbar:disabled,
.list-row:selected .progressbar progress:disabled,
.progressbar .list-row:selected progress:disabled,
.list-row:selected progressbar .progressbar:disabled,
progressbar .list-row:selected .progressbar:disabled,
.list-row:selected progressbar progress:disabled,
progressbar .list-row:selected progress:disabled, .list-row:selected .scale fill:disabled, .scale .list-row:selected fill:disabled,
.list-row:selected .scale .highlight:disabled,
.scale .list-row:selected .highlight:disabled,
.list-row:selected .scale highlight:disabled,
.scale .list-row:selected highlight:disabled,
.list-row:selected scale fill:disabled,
scale .list-row:selected fill:disabled,
.list-row:selected scale .highlight:disabled,
scale .list-row:selected .highlight:disabled,
.list-row:selected scale highlight:disabled,
scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar,
.list-row:selected GtkProgressBar progress,
GtkProgressBar .list-row:selected progress,
.list-row:selected .progressbar .progressbar,
.progressbar .list-row:selected .progressbar,
.list-row:selected .progressbar progress,
.progressbar .list-row:selected progress,
.list-row:selected progressbar .progressbar,
progressbar .list-row:selected .progressbar,
.list-row:selected progressbar progress,
progressbar .list-row:selected progress, .list-row:selected .scale fill, .scale .list-row:selected fill,
.list-row:selected .scale .highlight,
.scale .list-row:selected .highlight,
.list-row:selected .scale highlight,
.scale .list-row:selected highlight,
.list-row:selected scale fill,
scale .list-row:selected fill,
.list-row:selected scale .highlight,
scale .list-row:selected .highlight,
.list-row:selected scale highlight,
scale .list-row:selected highlight {
border-color: #262f33; }
row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled,
row:selected GtkProgressBar progress:disabled,
GtkProgressBar row:selected progress:disabled,
row:selected .progressbar .progressbar:disabled,
.progressbar row:selected .progressbar:disabled,
row:selected .progressbar progress:disabled,
.progressbar row:selected progress:disabled,
row:selected progressbar .progressbar:disabled,
progressbar row:selected .progressbar:disabled,
row:selected progressbar progress:disabled,
progressbar row:selected progress:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled,
row:selected .scale .highlight:disabled,
.scale row:selected .highlight:disabled,
row:selected .scale highlight:disabled,
.scale row:selected highlight:disabled,
row:selected scale fill:disabled,
scale row:selected fill:disabled,
row:selected scale .highlight:disabled,
scale row:selected .highlight:disabled,
row:selected scale highlight:disabled,
scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar,
row:selected GtkProgressBar progress,
GtkProgressBar row:selected progress,
row:selected .progressbar .progressbar,
.progressbar row:selected .progressbar,
row:selected .progressbar progress,
.progressbar row:selected progress,
row:selected progressbar .progressbar,
progressbar row:selected .progressbar,
row:selected progressbar progress,
progressbar row:selected progress, row:selected .scale fill, .scale row:selected fill,
row:selected .scale .highlight,
.scale row:selected .highlight,
row:selected .scale highlight,
.scale row:selected highlight,
row:selected scale fill,
scale row:selected fill,
row:selected scale .highlight,
scale row:selected .highlight,
row:selected scale highlight,
scale row:selected highlight {
border-color: #262f33; }
.osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar,
.osd GtkProgressBar progress,
GtkProgressBar .osd progress,
.osd .progressbar .progressbar,
.progressbar .osd .progressbar,
.osd .progressbar progress,
.progressbar .osd progress,
.osd progressbar .progressbar,
progressbar .osd .progressbar,
.osd progressbar progress,
progressbar .osd progress, .osd .scale fill, .scale .osd fill,
.osd .scale .highlight,
.scale .osd .highlight,
.osd .scale highlight,
.scale .osd highlight,
.osd scale fill,
scale .osd fill,
.osd scale .highlight,
scale .osd .highlight,
.osd scale highlight,
scale .osd highlight {
border-color: rgba(0, 0, 0, 0.7); }
.osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled,
.osd GtkProgressBar progress:disabled,
GtkProgressBar .osd progress:disabled,
.osd .progressbar .progressbar:disabled,
.progressbar .osd .progressbar:disabled,
.osd .progressbar progress:disabled,
.progressbar .osd progress:disabled,
.osd progressbar .progressbar:disabled,
progressbar .osd .progressbar:disabled,
.osd progressbar progress:disabled,
progressbar .osd progress:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled,
.osd .scale .highlight:disabled,
.scale .osd .highlight:disabled,
.osd .scale highlight:disabled,
.scale .osd highlight:disabled,
.osd scale fill:disabled,
scale .osd fill:disabled,
.osd scale .highlight:disabled,
scale .osd .highlight:disabled,
.osd scale highlight:disabled,
scale .osd highlight:disabled {
border-color: transparent; }
.scale,
scale {
-GtkScale-slider-length: 16px;
-GtkRange-slider-width: 16px;
-GtkRange-trough-border: 0px;
min-height: 10px;
min-width: 10px;
padding: 8px; }
.scale fill,
.scale highlight,
scale fill,
scale highlight {
margin: -1px; }
.scale .slider,
.scale slider,
scale .slider,
scale slider {
min-height: 16px;
min-width: 16px;
margin: 2px;
background-color: #636E73;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 12px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border, box-shadow; }
.scale .slider:active,
.scale slider:active,
scale .slider:active,
scale slider:active {
box-shadow: 0 1px 1px 0 rgba(102, 127, 140, 0.5);
border: 1px solid #667f8c; }
.scale .slider:active:insensitive, .scale .slider:active:disabled,
.scale slider:active:insensitive,
.scale slider:active:disabled,
scale .slider:active:insensitive,
scale .slider:active:disabled,
scale slider:active:insensitive,
scale slider:active:disabled {
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.2); }
.scale .slider:insensitive, .scale .slider:disabled,
.scale slider:insensitive,
.scale slider:disabled,
scale .slider:insensitive,
scale .slider:disabled,
scale slider:insensitive,
scale slider:disabled {
box-shadow: none; }
.list-row:selected .scale .slider, .list-row:selected .scale .slider:disabled, .list-row:selected
.scale slider, .list-row:selected
.scale slider:disabled, .list-row:selected
scale .slider, .list-row:selected
scale .slider:disabled, .list-row:selected
scale slider, .list-row:selected
scale slider:disabled {
border-color: #262f33; }
row:selected .scale .slider, row:selected .scale .slider:disabled, row:selected
.scale slider, row:selected
.scale slider:disabled, row:selected
scale .slider, row:selected
scale .slider:disabled, row:selected
scale slider, row:selected
scale slider:disabled {
border-color: #262f33; }
.osd .scale .slider, .osd
.scale slider, .osd
scale .slider, .osd
scale slider {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3);
border-color: rgba(0, 0, 0, 0.7);
background-color: #202526; }
.osd .scale .slider:hover, .osd
.scale slider:hover, .osd
scale .slider:hover, .osd
scale slider:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.osd .scale .slider:active, .osd
.scale slider:active, .osd
scale .slider:active, .osd
scale slider:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(161, 168, 171, 0.3); }
.osd .scale .slider:disabled, .osd
.scale slider:disabled, .osd
scale .slider:disabled, .osd
scale slider:disabled {
color: #616769;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd .scale .slider:backdrop, .osd
.scale slider:backdrop, .osd
scale .slider:backdrop, .osd
scale slider:backdrop {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.scale trough,
.scale .trough,
scale trough,
scale .trough {
border-radius: 2px;
margin: 6px;
outline-offset: 2px;
-gtk-outline-radius: 5px; }
.scale.fine-tune.horizontal,
scale.fine-tune.horizontal {
padding-top: 9px;
padding-bottom: 9px;
min-height: 16px; }
.scale.fine-tune.vertical,
scale.fine-tune.vertical {
padding-left: 9px;
padding-right: 9px;
min-width: 16px; }
.scale.fine-tune .slider,
.scale.fine-tune slider,
scale.fine-tune .slider,
scale.fine-tune slider {
min-height: 16px;
min-width: 16px;
background-color: #636E73;
border-color: #636E73;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 12px;
box-shadow: none; }
.scale.fine-tune trough,
.scale.fine-tune .trough,
scale.fine-tune trough,
scale.fine-tune .trough {
border-radius: 6px;
outline-offset: 2px;
-gtk-outline-radius: 5px;
margin: 2px; }
.scale fill,
scale fill {
border-radius: 2px; }
.scale fill, .scale fill:backdrop,
scale fill,
scale fill:backdrop {
background-color: #33393b;
box-shadow: none; }
.scale fill:disabled, .scale fill:disabled:backdrop,
scale fill:disabled,
scale fill:disabled:backdrop {
border-color: transparent;
background-color: transparent; }
.osd .scale fill, .osd
scale fill {
background-color: rgba(62, 64, 65, 0.775); }
.osd .scale fill:disabled, .osd .scale fill:disabled:backdrop, .osd
scale fill:disabled, .osd
scale fill:disabled:backdrop {
border-color: transparent;
background-color: transparent; }
.scale value,
scale value {
color: alpha(currentColor,0.4); }
.scale marks,
scale marks {
color: alpha(currentColor,0.4); }
.scale marks.top,
scale marks.top {
margin-bottom: 6px;
margin-top: -12px; }
.scale marks.bottom,
scale marks.bottom {
margin-top: 6px;
margin-bottom: -12px; }
.scale marks.top,
scale marks.top {
margin-right: 6px;
margin-left: -12px; }
.scale marks.bottom,
scale marks.bottom {
margin-left: 6px;
margin-right: -12px; }
.scale.fine-tune marks.top,
scale.fine-tune marks.top {
margin-bottom: 6px;
margin-top: -9px; }
.scale.fine-tune marks.bottom,
scale.fine-tune marks.bottom {
margin-top: 6px;
margin-bottom: -9px; }
.scale.fine-tune marks.top,
scale.fine-tune marks.top {
margin-right: 6px;
margin-left: -9px; }
.scale.fine-tune marks.bottom,
scale.fine-tune marks.bottom {
margin-left: 6px;
margin-right: -9px; }
.scale.horizontal indicator,
scale.horizontal indicator {
min-height: 6px;
min-width: 1px; }
.scale.horizontal.fine-tune indicator,
scale.horizontal.fine-tune indicator {
min-height: 3px; }
.scale.vertical indicator,
scale.vertical indicator {
min-height: 1px;
min-width: 6px; }
.scale.vertical.fine-tune indicator,
scale.vertical.fine-tune indicator {
min-width: 3px; }
.scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider,
.scale.color.horizontal slider:hover,
.scale.color.horizontal slider:backdrop,
.scale.color.horizontal slider:disabled,
.scale.color.horizontal slider:backdrop:disabled,
.scale.color.horizontal slider,
.scale.horizontal scale.color.horizontal .slider,
scale.color.horizontal .scale.horizontal .slider,
.scale.horizontal scale.color.horizontal slider,
scale.color.horizontal .scale.horizontal slider,
.scale.horizontal contents:last-child:not(:only-child) > trough > slider,
scale.horizontal .scale.color.horizontal .slider:backdrop:disabled,
.scale.color.horizontal scale.horizontal .slider:backdrop:disabled,
scale.horizontal .scale.color.horizontal .slider,
.scale.color.horizontal scale.horizontal .slider,
scale.horizontal .scale.color.horizontal slider:backdrop:disabled,
.scale.color.horizontal scale.horizontal slider:backdrop:disabled,
scale.horizontal .scale.color.horizontal slider,
.scale.color.horizontal scale.horizontal slider,
scale.color.horizontal .slider:hover,
scale.color.horizontal .slider:backdrop,
scale.color.horizontal .slider:disabled,
scale.color.horizontal .slider:backdrop:disabled,
scale.color.horizontal .slider,
scale.color.horizontal slider:hover,
scale.color.horizontal slider:backdrop,
scale.color.horizontal slider:disabled,
scale.color.horizontal slider:backdrop:disabled,
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-top: -14px;
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.horizontal .slider,
.scale.color.fine-tune.horizontal slider,
scale.color.fine-tune.horizontal .slider,
scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-top: -11px; }
.scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:hover:backdrop:disabled,
.scale.color.horizontal slider:hover,
.scale.color.horizontal slider:hover:backdrop:disabled,
.scale.horizontal scale.color.horizontal .slider:hover,
scale.color.horizontal .scale.horizontal .slider:hover,
.scale.horizontal scale.color.horizontal slider:hover,
scale.color.horizontal .scale.horizontal slider:hover,
.scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover,
scale.horizontal .scale.color.horizontal .slider:hover,
.scale.color.horizontal scale.horizontal .slider:hover,
scale.horizontal .scale.color.horizontal slider:hover,
.scale.color.horizontal scale.horizontal slider:hover,
scale.color.horizontal .slider:hover,
scale.color.horizontal .slider:hover:backdrop:disabled,
scale.color.horizontal slider:hover,
scale.color.horizontal slider:hover:backdrop:disabled,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-top: -14px;
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.horizontal .slider,
.scale.color.fine-tune.horizontal slider,
scale.color.fine-tune.horizontal .slider,
scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-top: -11px; }
.scale.color.horizontal .slider:active:backdrop:disabled, .scale.color.horizontal .slider:active,
.scale.color.horizontal slider:active:backdrop:disabled,
.scale.color.horizontal slider:active,
.scale.horizontal scale.color.horizontal .slider:active,
scale.color.horizontal .scale.horizontal .slider:active,
.scale.horizontal scale.color.horizontal slider:active,
scale.color.horizontal .scale.horizontal slider:active,
.scale.horizontal contents:last-child:not(:only-child) > trough > slider:active,
scale.horizontal .scale.color.horizontal .slider:active,
.scale.color.horizontal scale.horizontal .slider:active,
scale.horizontal .scale.color.horizontal slider:active,
.scale.color.horizontal scale.horizontal slider:active,
scale.color.horizontal .slider:active:backdrop:disabled,
scale.color.horizontal .slider:active,
scale.color.horizontal slider:active:backdrop:disabled,
scale.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-top: -14px;
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.horizontal .slider,
.scale.color.fine-tune.horizontal slider,
scale.color.fine-tune.horizontal .slider,
scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-top: -11px; }
.scale.color.horizontal .slider:disabled,
.scale.color.horizontal slider:disabled,
.scale.horizontal scale.color.horizontal .slider:disabled,
scale.color.horizontal .scale.horizontal .slider:disabled,
.scale.horizontal scale.color.horizontal slider:disabled,
scale.color.horizontal .scale.horizontal slider:disabled,
.scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled,
scale.horizontal .scale.color.horizontal .slider:disabled,
.scale.color.horizontal scale.horizontal .slider:disabled,
scale.horizontal .scale.color.horizontal slider:disabled,
.scale.color.horizontal scale.horizontal slider:disabled,
scale.color.horizontal .slider:disabled,
scale.color.horizontal slider:disabled,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-top: -14px;
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.horizontal .slider,
.scale.color.fine-tune.horizontal slider,
scale.color.fine-tune.horizontal .slider,
scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-top: -11px; }
.scale.color.horizontal .slider:backdrop,
.scale.color.horizontal slider:backdrop,
.scale.horizontal scale.color.horizontal .slider:backdrop,
scale.color.horizontal .scale.horizontal .slider:backdrop,
.scale.horizontal scale.color.horizontal slider:backdrop,
scale.color.horizontal .scale.horizontal slider:backdrop,
.scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop,
scale.horizontal .scale.color.horizontal .slider:backdrop,
.scale.color.horizontal scale.horizontal .slider:backdrop,
scale.horizontal .scale.color.horizontal slider:backdrop,
.scale.color.horizontal scale.horizontal slider:backdrop,
scale.color.horizontal .slider:backdrop,
scale.color.horizontal slider:backdrop,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-top: -14px;
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.horizontal .slider,
.scale.color.fine-tune.horizontal slider,
scale.color.fine-tune.horizontal .slider,
scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-top: -11px; }
.scale.color.horizontal .slider:backdrop:disabled,
.scale.color.horizontal slider:backdrop:disabled,
.scale.horizontal scale.color.horizontal .slider:backdrop:disabled,
scale.color.horizontal .scale.horizontal .slider:backdrop:disabled,
.scale.horizontal scale.color.horizontal slider:backdrop:disabled,
scale.color.horizontal .scale.horizontal slider:backdrop:disabled,
.scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled,
scale.horizontal .scale.color.horizontal .slider:backdrop:disabled,
.scale.color.horizontal scale.horizontal .slider:backdrop:disabled,
scale.horizontal .scale.color.horizontal slider:backdrop:disabled,
.scale.color.horizontal scale.horizontal slider:backdrop:disabled,
scale.color.horizontal .slider:backdrop:disabled,
scale.color.horizontal slider:backdrop:disabled,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-top: -14px;
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.horizontal .slider,
.scale.color.fine-tune.horizontal slider,
scale.color.fine-tune.horizontal .slider,
scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-top: -11px; }
.scale.horizontal contents:first-child:not(:only-child) > trough > slider,
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-bottom: -14px;
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-bottom: -11px; }
.scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover,
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-bottom: -14px;
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-bottom: -11px; }
.scale.horizontal contents:first-child:not(:only-child) > trough > slider:active,
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-bottom: -14px;
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-bottom: -11px; }
.scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled,
scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-bottom: -14px;
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-bottom: -11px; }
.scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop,
scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-bottom: -14px;
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-bottom: -11px; }
.scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled,
scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
min-height: 26px;
min-width: 22px;
margin-bottom: -14px;
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-bottom: -11px; }
.scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider,
.scale.color.vertical:dir(rtl) slider:hover,
.scale.color.vertical:dir(rtl) slider:backdrop,
.scale.color.vertical:dir(rtl) slider:disabled,
.scale.color.vertical:dir(rtl) slider:backdrop:disabled,
.scale.color.vertical:dir(rtl) slider,
.scale.vertical scale.color.vertical:dir(rtl) .slider,
scale.color.vertical:dir(rtl) .scale.vertical .slider,
.scale.vertical scale.color.vertical:dir(rtl) slider,
scale.color.vertical:dir(rtl) .scale.vertical slider,
.scale.vertical contents:last-child:not(:only-child) > trough > slider,
scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled,
.scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled,
scale.vertical .scale.color.vertical:dir(rtl) .slider,
.scale.color.vertical:dir(rtl) scale.vertical .slider,
scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled,
.scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled,
scale.vertical .scale.color.vertical:dir(rtl) slider,
.scale.color.vertical:dir(rtl) scale.vertical slider,
scale.color.vertical:dir(rtl) .slider:hover,
scale.color.vertical:dir(rtl) .slider:backdrop,
scale.color.vertical:dir(rtl) .slider:disabled,
scale.color.vertical:dir(rtl) .slider:backdrop:disabled,
scale.color.vertical:dir(rtl) .slider,
scale.color.vertical:dir(rtl) slider:hover,
scale.color.vertical:dir(rtl) slider:backdrop,
scale.color.vertical:dir(rtl) slider:disabled,
scale.color.vertical:dir(rtl) slider:backdrop:disabled,
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-left: -14px;
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(rtl) .slider,
.scale.color.fine-tune.vertical:dir(rtl) slider,
scale.color.fine-tune.vertical:dir(rtl) .slider,
scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-left: -11px; }
.scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled,
.scale.color.vertical:dir(rtl) slider:hover,
.scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled,
.scale.vertical scale.color.vertical:dir(rtl) .slider:hover,
scale.color.vertical:dir(rtl) .scale.vertical .slider:hover,
.scale.vertical scale.color.vertical:dir(rtl) slider:hover,
scale.color.vertical:dir(rtl) .scale.vertical slider:hover,
.scale.vertical contents:last-child:not(:only-child) > trough > slider:hover,
scale.vertical .scale.color.vertical:dir(rtl) .slider:hover,
.scale.color.vertical:dir(rtl) scale.vertical .slider:hover,
scale.vertical .scale.color.vertical:dir(rtl) slider:hover,
.scale.color.vertical:dir(rtl) scale.vertical slider:hover,
scale.color.vertical:dir(rtl) .slider:hover,
scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled,
scale.color.vertical:dir(rtl) slider:hover,
scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-left: -14px;
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(rtl) .slider,
.scale.color.fine-tune.vertical:dir(rtl) slider,
scale.color.fine-tune.vertical:dir(rtl) .slider,
scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-left: -11px; }
.scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider:active,
.scale.color.vertical:dir(rtl) slider:active:backdrop:disabled,
.scale.color.vertical:dir(rtl) slider:active,
.scale.vertical scale.color.vertical:dir(rtl) .slider:active,
scale.color.vertical:dir(rtl) .scale.vertical .slider:active,
.scale.vertical scale.color.vertical:dir(rtl) slider:active,
scale.color.vertical:dir(rtl) .scale.vertical slider:active,
.scale.vertical contents:last-child:not(:only-child) > trough > slider:active,
scale.vertical .scale.color.vertical:dir(rtl) .slider:active,
.scale.color.vertical:dir(rtl) scale.vertical .slider:active,
scale.vertical .scale.color.vertical:dir(rtl) slider:active,
.scale.color.vertical:dir(rtl) scale.vertical slider:active,
scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled,
scale.color.vertical:dir(rtl) .slider:active,
scale.color.vertical:dir(rtl) slider:active:backdrop:disabled,
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-left: -14px;
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(rtl) .slider,
.scale.color.fine-tune.vertical:dir(rtl) slider,
scale.color.fine-tune.vertical:dir(rtl) .slider,
scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-left: -11px; }
.scale.color.vertical:dir(rtl) .slider:disabled,
.scale.color.vertical:dir(rtl) slider:disabled,
.scale.vertical scale.color.vertical:dir(rtl) .slider:disabled,
scale.color.vertical:dir(rtl) .scale.vertical .slider:disabled,
.scale.vertical scale.color.vertical:dir(rtl) slider:disabled,
scale.color.vertical:dir(rtl) .scale.vertical slider:disabled,
.scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled,
scale.vertical .scale.color.vertical:dir(rtl) .slider:disabled,
.scale.color.vertical:dir(rtl) scale.vertical .slider:disabled,
scale.vertical .scale.color.vertical:dir(rtl) slider:disabled,
.scale.color.vertical:dir(rtl) scale.vertical slider:disabled,
scale.color.vertical:dir(rtl) .slider:disabled,
scale.color.vertical:dir(rtl) slider:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-left: -14px;
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(rtl) .slider,
.scale.color.fine-tune.vertical:dir(rtl) slider,
scale.color.fine-tune.vertical:dir(rtl) .slider,
scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-left: -11px; }
.scale.color.vertical:dir(rtl) .slider:backdrop,
.scale.color.vertical:dir(rtl) slider:backdrop,
.scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop,
scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop,
.scale.vertical scale.color.vertical:dir(rtl) slider:backdrop,
scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop,
.scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop,
scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop,
.scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop,
scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop,
.scale.color.vertical:dir(rtl) scale.vertical slider:backdrop,
scale.color.vertical:dir(rtl) .slider:backdrop,
scale.color.vertical:dir(rtl) slider:backdrop,
scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-left: -14px;
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(rtl) .slider,
.scale.color.fine-tune.vertical:dir(rtl) slider,
scale.color.fine-tune.vertical:dir(rtl) .slider,
scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-left: -11px; }
.scale.color.vertical:dir(rtl) .slider:backdrop:disabled,
.scale.color.vertical:dir(rtl) slider:backdrop:disabled,
.scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop:disabled,
scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop:disabled,
.scale.vertical scale.color.vertical:dir(rtl) slider:backdrop:disabled,
scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop:disabled,
.scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled,
scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled,
.scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled,
scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled,
.scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled,
scale.color.vertical:dir(rtl) .slider:backdrop:disabled,
scale.color.vertical:dir(rtl) slider:backdrop:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-left: -14px;
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(rtl) .slider,
.scale.color.fine-tune.vertical:dir(rtl) slider,
scale.color.fine-tune.vertical:dir(rtl) .slider,
scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
margin: -7px;
margin-left: -11px; }
.scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider,
.scale.color.vertical:dir(ltr) slider:hover,
.scale.color.vertical:dir(ltr) slider:backdrop,
.scale.color.vertical:dir(ltr) slider:disabled,
.scale.color.vertical:dir(ltr) slider:backdrop:disabled,
.scale.color.vertical:dir(ltr) slider,
.scale.vertical scale.color.vertical:dir(ltr) .slider,
scale.color.vertical:dir(ltr) .scale.vertical .slider,
.scale.vertical scale.color.vertical:dir(ltr) slider,
scale.color.vertical:dir(ltr) .scale.vertical slider,
.scale.vertical contents:first-child:not(:only-child) > trough > slider,
scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled,
.scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled,
scale.vertical .scale.color.vertical:dir(ltr) .slider,
.scale.color.vertical:dir(ltr) scale.vertical .slider,
scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled,
.scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled,
scale.vertical .scale.color.vertical:dir(ltr) slider,
.scale.color.vertical:dir(ltr) scale.vertical slider,
scale.color.vertical:dir(ltr) .slider:hover,
scale.color.vertical:dir(ltr) .slider:backdrop,
scale.color.vertical:dir(ltr) .slider:disabled,
scale.color.vertical:dir(ltr) .slider:backdrop:disabled,
scale.color.vertical:dir(ltr) .slider,
scale.color.vertical:dir(ltr) slider:hover,
scale.color.vertical:dir(ltr) slider:backdrop,
scale.color.vertical:dir(ltr) slider:disabled,
scale.color.vertical:dir(ltr) slider:backdrop:disabled,
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-right: -14px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(ltr) .slider,
.scale.color.fine-tune.vertical:dir(ltr) slider,
scale.color.fine-tune.vertical:dir(ltr) .slider,
scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-right: -11px; }
.scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled,
.scale.color.vertical:dir(ltr) slider:hover,
.scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled,
.scale.vertical scale.color.vertical:dir(ltr) .slider:hover,
scale.color.vertical:dir(ltr) .scale.vertical .slider:hover,
.scale.vertical scale.color.vertical:dir(ltr) slider:hover,
scale.color.vertical:dir(ltr) .scale.vertical slider:hover,
.scale.vertical contents:first-child:not(:only-child) > trough > slider:hover,
scale.vertical .scale.color.vertical:dir(ltr) .slider:hover,
.scale.color.vertical:dir(ltr) scale.vertical .slider:hover,
scale.vertical .scale.color.vertical:dir(ltr) slider:hover,
.scale.color.vertical:dir(ltr) scale.vertical slider:hover,
scale.color.vertical:dir(ltr) .slider:hover,
scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled,
scale.color.vertical:dir(ltr) slider:hover,
scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled,
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-right: -14px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(ltr) .slider,
.scale.color.fine-tune.vertical:dir(ltr) slider,
scale.color.fine-tune.vertical:dir(ltr) .slider,
scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-right: -11px; }
.scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider:active,
.scale.color.vertical:dir(ltr) slider:active:backdrop:disabled,
.scale.color.vertical:dir(ltr) slider:active,
.scale.vertical scale.color.vertical:dir(ltr) .slider:active,
scale.color.vertical:dir(ltr) .scale.vertical .slider:active,
.scale.vertical scale.color.vertical:dir(ltr) slider:active,
scale.color.vertical:dir(ltr) .scale.vertical slider:active,
.scale.vertical contents:first-child:not(:only-child) > trough > slider:active,
scale.vertical .scale.color.vertical:dir(ltr) .slider:active,
.scale.color.vertical:dir(ltr) scale.vertical .slider:active,
scale.vertical .scale.color.vertical:dir(ltr) slider:active,
.scale.color.vertical:dir(ltr) scale.vertical slider:active,
scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled,
scale.color.vertical:dir(ltr) .slider:active,
scale.color.vertical:dir(ltr) slider:active:backdrop:disabled,
scale.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-right: -14px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(ltr) .slider,
.scale.color.fine-tune.vertical:dir(ltr) slider,
scale.color.fine-tune.vertical:dir(ltr) .slider,
scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-right: -11px; }
.scale.color.vertical:dir(ltr) .slider:disabled,
.scale.color.vertical:dir(ltr) slider:disabled,
.scale.vertical scale.color.vertical:dir(ltr) .slider:disabled,
scale.color.vertical:dir(ltr) .scale.vertical .slider:disabled,
.scale.vertical scale.color.vertical:dir(ltr) slider:disabled,
scale.color.vertical:dir(ltr) .scale.vertical slider:disabled,
.scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled,
scale.vertical .scale.color.vertical:dir(ltr) .slider:disabled,
.scale.color.vertical:dir(ltr) scale.vertical .slider:disabled,
scale.vertical .scale.color.vertical:dir(ltr) slider:disabled,
.scale.color.vertical:dir(ltr) scale.vertical slider:disabled,
scale.color.vertical:dir(ltr) .slider:disabled,
scale.color.vertical:dir(ltr) slider:disabled,
scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-right: -14px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(ltr) .slider,
.scale.color.fine-tune.vertical:dir(ltr) slider,
scale.color.fine-tune.vertical:dir(ltr) .slider,
scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-right: -11px; }
.scale.color.vertical:dir(ltr) .slider:backdrop,
.scale.color.vertical:dir(ltr) slider:backdrop,
.scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop,
scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop,
.scale.vertical scale.color.vertical:dir(ltr) slider:backdrop,
scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop,
.scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop,
scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop,
.scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop,
scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop,
.scale.color.vertical:dir(ltr) scale.vertical slider:backdrop,
scale.color.vertical:dir(ltr) .slider:backdrop,
scale.color.vertical:dir(ltr) slider:backdrop,
scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-right: -14px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(ltr) .slider,
.scale.color.fine-tune.vertical:dir(ltr) slider,
scale.color.fine-tune.vertical:dir(ltr) .slider,
scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-right: -11px; }
.scale.color.vertical:dir(ltr) .slider:backdrop:disabled,
.scale.color.vertical:dir(ltr) slider:backdrop:disabled,
.scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop:disabled,
scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop:disabled,
.scale.vertical scale.color.vertical:dir(ltr) slider:backdrop:disabled,
scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop:disabled,
.scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled,
scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled,
.scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled,
scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled,
.scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled,
scale.color.vertical:dir(ltr) .slider:backdrop:disabled,
scale.color.vertical:dir(ltr) slider:backdrop:disabled,
scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
min-height: 22px;
min-width: 26px;
margin-right: -14px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
.scale.color.fine-tune.vertical:dir(ltr) .slider,
.scale.color.fine-tune.vertical:dir(ltr) slider,
scale.color.fine-tune.vertical:dir(ltr) .slider,
scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider,
scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
margin: -7px;
margin-right: -11px; }
.scale.color,
scale.color {
min-height: 0;
min-width: 0; }
.scale.color .trough,
.scale.color trough,
scale.color .trough,
scale.color trough {
background-image: linear-gradient(to top, #33393b);
background-repeat: no-repeat; }
.scale.color.horizontal,
scale.color.horizontal {
padding: 0 0 15px 0; }
.scale.color.horizontal .trough,
.scale.color.horizontal trough,
scale.color.horizontal .trough,
scale.color.horizontal trough {
padding-bottom: 4px;
background-position: 0 -3px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider,
.scale.color.horizontal slider:hover,
.scale.color.horizontal slider:backdrop,
.scale.color.horizontal slider:disabled,
.scale.color.horizontal slider:backdrop:disabled,
.scale.color.horizontal slider,
scale.color.horizontal .slider:hover,
scale.color.horizontal .slider:backdrop,
scale.color.horizontal .slider:disabled,
scale.color.horizontal .slider:backdrop:disabled,
scale.color.horizontal .slider,
scale.color.horizontal slider:hover,
scale.color.horizontal slider:backdrop,
scale.color.horizontal slider:disabled,
scale.color.horizontal slider:backdrop:disabled,
scale.color.horizontal slider {
margin-bottom: -15px;
margin-top: 6px; }
.scale.color.vertical:dir(ltr),
scale.color.vertical:dir(ltr) {
padding: 0 0 0 15px; }
.scale.color.vertical:dir(ltr) .trough,
.scale.color.vertical:dir(ltr) trough,
scale.color.vertical:dir(ltr) .trough,
scale.color.vertical:dir(ltr) trough {
padding-left: 4px;
background-position: 3px 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider,
.scale.color.vertical:dir(ltr) slider:hover,
.scale.color.vertical:dir(ltr) slider:backdrop,
.scale.color.vertical:dir(ltr) slider:disabled,
.scale.color.vertical:dir(ltr) slider:backdrop:disabled,
.scale.color.vertical:dir(ltr) slider,
scale.color.vertical:dir(ltr) .slider:hover,
scale.color.vertical:dir(ltr) .slider:backdrop,
scale.color.vertical:dir(ltr) .slider:disabled,
scale.color.vertical:dir(ltr) .slider:backdrop:disabled,
scale.color.vertical:dir(ltr) .slider,
scale.color.vertical:dir(ltr) slider:hover,
scale.color.vertical:dir(ltr) slider:backdrop,
scale.color.vertical:dir(ltr) slider:disabled,
scale.color.vertical:dir(ltr) slider:backdrop:disabled,
scale.color.vertical:dir(ltr) slider {
margin-left: -15px;
margin-right: 6px; }
.scale.color.vertical:dir(rtl),
scale.color.vertical:dir(rtl) {
padding: 0 15px 0 0; }
.scale.color.vertical:dir(rtl) .trough,
.scale.color.vertical:dir(rtl) trough,
scale.color.vertical:dir(rtl) .trough,
scale.color.vertical:dir(rtl) trough {
padding-right: 4px;
background-position: -3px 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider,
.scale.color.vertical:dir(rtl) slider:hover,
.scale.color.vertical:dir(rtl) slider:backdrop,
.scale.color.vertical:dir(rtl) slider:disabled,
.scale.color.vertical:dir(rtl) slider:backdrop:disabled,
.scale.color.vertical:dir(rtl) slider,
scale.color.vertical:dir(rtl) .slider:hover,
scale.color.vertical:dir(rtl) .slider:backdrop,
scale.color.vertical:dir(rtl) .slider:disabled,
scale.color.vertical:dir(rtl) .slider:backdrop:disabled,
scale.color.vertical:dir(rtl) .slider,
scale.color.vertical:dir(rtl) slider:hover,
scale.color.vertical:dir(rtl) slider:backdrop,
scale.color.vertical:dir(rtl) slider:disabled,
scale.color.vertical:dir(rtl) slider:backdrop:disabled,
scale.color.vertical:dir(rtl) slider {
margin-right: -15px;
margin-left: 6px; }
.scale.color.fine-tune.horizontal,
scale.color.fine-tune.horizontal {
padding: 0 0 12px 0; }
.scale.color.fine-tune.horizontal .trough,
.scale.color.fine-tune.horizontal trough,
scale.color.fine-tune.horizontal .trough,
scale.color.fine-tune.horizontal trough {
padding-bottom: 7px;
background-position: 0 -6px; }
.scale.color.fine-tune.horizontal .slider,
.scale.color.fine-tune.horizontal slider,
scale.color.fine-tune.horizontal .slider,
scale.color.fine-tune.horizontal slider {
margin-bottom: -15px;
margin-top: 6px; }
.scale.color.fine-tune.vertical:dir(ltr),
scale.color.fine-tune.vertical:dir(ltr) {
padding: 0 0 0 12px; }
.scale.color.fine-tune.vertical:dir(ltr) .trough,
.scale.color.fine-tune.vertical:dir(ltr) trough,
scale.color.fine-tune.vertical:dir(ltr) .trough,
scale.color.fine-tune.vertical:dir(ltr) trough {
padding-left: 7px;
background-position: 6px 0; }
.scale.color.fine-tune.vertical:dir(ltr) .slider,
.scale.color.fine-tune.vertical:dir(ltr) slider,
scale.color.fine-tune.vertical:dir(ltr) .slider,
scale.color.fine-tune.vertical:dir(ltr) slider {
margin-left: -15px;
margin-right: 6px; }
.scale.color.fine-tune.vertical:dir(rtl),
scale.color.fine-tune.vertical:dir(rtl) {
padding: 0 12px 0 0; }
.scale.color.fine-tune.vertical:dir(rtl) .trough,
.scale.color.fine-tune.vertical:dir(rtl) trough,
scale.color.fine-tune.vertical:dir(rtl) .trough,
scale.color.fine-tune.vertical:dir(rtl) trough {
padding-right: 7px;
background-position: -6px 0; }
.scale.color.fine-tune.vertical:dir(rtl) .slider,
.scale.color.fine-tune.vertical:dir(rtl) slider,
scale.color.fine-tune.vertical:dir(rtl) .slider,
scale.color.fine-tune.vertical:dir(rtl) slider {
margin-right: -15px;
margin-left: 6px; }
/**************
* Scrollbars *
**************/
.scrollbar,
scrollbar {
background-color: #596368;
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
* {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; }
.scrollbar.top,
scrollbar.top {
border-bottom: 1px solid #33393b; }
.scrollbar.bottom,
scrollbar.bottom {
border-top: 1px solid #33393b; }
.scrollbar.left,
scrollbar.left {
border-right: 1px solid #33393b; }
.scrollbar.right,
scrollbar.right {
border-left: 1px solid #33393b; }
.scrollbar:backdrop,
scrollbar:backdrop {
background-color: #485054;
border-color: #363c3e;
transition: 200ms ease-out; }
.scrollbar .slider,
.scrollbar slider,
scrollbar .slider,
scrollbar slider {
min-width: 6px;
min-height: 6px;
margin: -1px;
border: 4px solid transparent;
border-radius: 8px;
background-clip: padding-box;
background-color: #80888b; }
.scrollbar .slider:hover,
.scrollbar slider:hover,
scrollbar .slider:hover,
scrollbar slider:hover {
background-color: #91989b; }
.scrollbar .slider:hover:active,
.scrollbar slider:hover:active,
scrollbar .slider:hover:active,
scrollbar slider:hover:active {
background-color: #8298a3; }
.scrollbar .slider:backdrop,
.scrollbar slider:backdrop,
scrollbar .slider:backdrop,
scrollbar slider:backdrop {
background-color: #5f686c; }
.scrollbar .slider:disabled,
.scrollbar slider:disabled,
scrollbar .slider:disabled,
scrollbar slider:disabled {
background-color: transparent; }
.scrollbar.fine-tune .slider,
.scrollbar.fine-tune slider,
scrollbar.fine-tune .slider,
scrollbar.fine-tune slider {
min-width: 4px;
min-height: 4px; }
.scrollbar.fine-tune.horizontal slider,
scrollbar.fine-tune.horizontal slider {
border-width: 5px 4px; }
.scrollbar.fine-tune.vertical slider,
scrollbar.fine-tune.vertical slider {
border-width: 4px 5px; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering),
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
border-color: transparent;
opacity: 0.4;
background-color: transparent; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider,
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0;
min-width: 3px;
min-height: 3px;
background-color: #A1A8AB;
border: 1px solid black; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button,
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
min-width: 5px;
min-height: 5px;
background-color: #A1A8AB;
background-clip: padding-box;
border-radius: 100%;
border: 1px solid black;
-gtk-icon-source: none; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
margin: 0 2px;
min-width: 40px; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
margin: 1px 2px;
min-width: 5px; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
margin: 2px 0;
min-height: 40px; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
margin: 2px 1px;
min-height: 5px; }
.scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering,
scrollbar.overlay-indicator.dragging,
scrollbar.overlay-indicator.hovering {
opacity: 0.8; }
.scrollbar.horizontal slider,
scrollbar.horizontal slider {
min-width: 40px; }
.scrollbar.vertical slider,
scrollbar.vertical slider {
min-height: 40px; }
.scrollbar .button,
.scrollbar button,
scrollbar .button,
scrollbar button {
padding: 0;
min-width: 12px;
min-height: 12px;
border-style: none;
border-radius: 0;
transition-property: min-height, min-width, color;
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #80888b; }
.scrollbar .button:hover,
.scrollbar button:hover,
scrollbar .button:hover,
scrollbar button:hover {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #91989b; }
.scrollbar .button:active, .scrollbar .button:checked,
.scrollbar button:active,
.scrollbar button:checked,
scrollbar .button:active,
scrollbar .button:checked,
scrollbar button:active,
scrollbar button:checked {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #8298a3; }
.scrollbar .button:insensitive,
.scrollbar button:insensitive,
scrollbar .button:insensitive,
scrollbar button:insensitive {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(128, 136, 139, 0.2); }
.scrollbar .button:disabled,
.scrollbar button:disabled,
scrollbar .button:disabled,
scrollbar button:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(128, 136, 139, 0.2); }
.scrollbar .button:backdrop,
.scrollbar button:backdrop,
scrollbar .button:backdrop,
scrollbar button:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #5f686c; }
.scrollbar .button:backdrop:insensitive, .scrollbar .button:backdrop:disabled,
.scrollbar button:backdrop:insensitive,
.scrollbar button:backdrop:disabled,
scrollbar .button:backdrop:insensitive,
scrollbar .button:backdrop:disabled,
scrollbar button:backdrop:insensitive,
scrollbar button:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(95, 104, 108, 0.2); }
.scrollbar.vertical .button.down,
.scrollbar.vertical button.down,
scrollbar.vertical .button.down,
scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.scrollbar.vertical .button.up,
.scrollbar.vertical button.up,
scrollbar.vertical .button.up,
scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
.scrollbar.horizontal .button.down,
.scrollbar.horizontal button.down,
scrollbar.horizontal .button.down,
scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
.scrollbar.horizontal .button.up,
.scrollbar.horizontal button.up,
scrollbar.horizontal .button.up,
scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
treeview ~ scrollbar.vertical {
border-top: 1px solid #33393b;
margin-top: -1px; }
/**********************
* Overlay Scrollbars *
*********************/
OsThumb,
OsScrollbar {
color: #667f8c; }
OsThumb:active, OsThumb:selected,
OsScrollbar:active,
OsScrollbar:selected {
background-color: #667f8c; }
OsThumb:backdrop, OsThumb:active:backdrop,
OsScrollbar:backdrop,
OsScrollbar:active:backdrop {
background-color: #788084; }
OsThumb:insensitive,
OsScrollbar:insensitive {
background-color: #788084; }
/***********
* Sidebar *
***********/
.sidebar {
border-style: solid;
background-color: #4F585C; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
border-right: 1px solid #33393b;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list
.sidebar:dir(rtl), stacksidebar.sidebar.right list
.sidebar:dir(rtl), .sidebar.right {
border-left: 1px solid #33393b;
border-right-style: none; }
.sidebar:backdrop {
background-color: #5a6569;
border-color: #363c3e;
transition: 200ms ease-out; }
.sidebar list {
background-color: transparent; }
.sidebar .frame {
border-width: 0;
border-right-width: 1px; }
.sidebar .list-row,
.sidebar row {
border: none;
padding: 5px 8px; }
.sidebar .list-row > GtkLabel,
.sidebar .list-row > label,
.sidebar row > GtkLabel,
.sidebar row > label {
padding-left: 6px;
padding-right: 6px; }
.sidebar .list-row.needs-attention > label,
.sidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; }
.sidebar .separator {
color: #33393b; }
.sidebar > .inline-toolbar {
border-radius: 0; }
.paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; }
stacksidebar .list-row,
stacksidebar row {
padding: 5px 8px; }
stacksidebar .list-row > label,
stacksidebar row > label {
padding-left: 6px;
padding-right: 6px; }
stacksidebar .list-row.needs-attention > label,
stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; }
/**************
* Source List *
***************/
.source-list,
.source-list.view,
GtkIconView.source-list,
iconview.source-list {
-GtkTreeView-horizontal-separator: 1px;
-GtkTreeView-vertical-separator: 6px;
background-color: #4F585C;
color: #A1A8AB;
border: solid #33393b;
border-right-width: 1px; }
.source-list .category-expander,
.source-list.view .category-expander,
GtkIconView.source-list .category-expander,
iconview.source-list .category-expander {
color: transparent; }
.source-list .badge,
.source-list.view .badge,
GtkIconView.source-list .badge,
iconview.source-list .badge {
background-image: none;
background-color: rgba(0, 0, 0, 0.4);
color: #4F585C;
border-radius: 10px;
padding: 0 6px;
margin: 0 3px;
border-width: 0; }
.source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop,
.source-list.view .badge:selected:backdrop,
GtkIconView.source-list .badge:selected:backdrop,
iconview.source-list .badge:selected:backdrop,
.source-list.view .badge:selected:hover:backdrop,
GtkIconView.source-list .badge:selected:hover:backdrop,
iconview.source-list .badge:selected:hover:backdrop {
background-color: rgba(0, 0, 0, 0.2);
color: shade #4F585C, 0.95; }
.source-list row,
.source-list .list-row,
.source-list.view row,
GtkIconView.source-list row,
iconview.source-list row,
.source-list.view .list-row,
GtkIconView.source-list .list-row,
iconview.source-list .list-row {
border: none;
padding: 0; }
.source-list row > GtkLabel,
.source-list row > label,
.source-list .list-row > GtkLabel,
.source-list .list-row > label,
.source-list.view row > GtkLabel,
GtkIconView.source-list row > GtkLabel,
iconview.source-list row > GtkLabel,
.source-list.view row > label,
GtkIconView.source-list row > label,
iconview.source-list row > label,
.source-list.view .list-row > GtkLabel,
GtkIconView.source-list .list-row > GtkLabel,
iconview.source-list .list-row > GtkLabel,
.source-list.view .list-row > label,
GtkIconView.source-list .list-row > label,
iconview.source-list .list-row > label {
padding-left: 6px;
padding-right: 6px; }
/*****************
* GtkSpinButton *
*****************/
.spinbutton:not(.vertical) .entry,
.spinbutton:not(.vertical) entry,
spinbutton:not(.vertical) .entry,
spinbutton:not(.vertical) entry {
min-width: 28px;
margin: 0;
padding: 0;
background: none;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none; }
.spinbutton:not(.vertical) .button,
.spinbutton:not(.vertical) button,
spinbutton:not(.vertical) .button,
spinbutton:not(.vertical) button {
min-height: 16px;
margin: 0;
padding: 6px;
color: #9ba2a5;
background-image: none;
border-style: none none none solid;
border-color: rgba(51, 57, 59, 0.3);
border-radius: 0;
box-shadow: none; }
.spinbutton:not(.vertical) .button:dir(rtl),
.spinbutton:not(.vertical) button:dir(rtl),
spinbutton:not(.vertical) .button:dir(rtl),
spinbutton:not(.vertical) button:dir(rtl) {
border-style: none solid none none; }
.spinbutton:not(.vertical) .button:hover,
.spinbutton:not(.vertical) button:hover,
spinbutton:not(.vertical) .button:hover,
spinbutton:not(.vertical) button:hover {
color: #A1A8AB;
background-color: rgba(161, 168, 171, 0.05); }
.spinbutton:not(.vertical) .button:insensitive, .spinbutton:not(.vertical) .button:disabled,
.spinbutton:not(.vertical) button:insensitive,
.spinbutton:not(.vertical) button:disabled,
spinbutton:not(.vertical) .button:insensitive,
spinbutton:not(.vertical) .button:disabled,
spinbutton:not(.vertical) button:insensitive,
spinbutton:not(.vertical) button:disabled {
color: rgba(120, 128, 132, 0.3); }
.spinbutton:not(.vertical) .button:active,
.spinbutton:not(.vertical) button:active,
spinbutton:not(.vertical) .button:active,
spinbutton:not(.vertical) button:active {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.spinbutton:not(.vertical) .button:backdrop,
.spinbutton:not(.vertical) button:backdrop,
spinbutton:not(.vertical) .button:backdrop,
spinbutton:not(.vertical) button:backdrop {
color: #767f83;
background-color: transparent;
border-color: rgba(54, 60, 62, 0.3);
transition: 200ms ease-out; }
.spinbutton:not(.vertical) .button:backdrop:disabled,
.spinbutton:not(.vertical) button:backdrop:disabled,
spinbutton:not(.vertical) .button:backdrop:disabled,
spinbutton:not(.vertical) button:backdrop:disabled {
color: rgba(114, 127, 133, 0.3);
background-image: none;
border-style: none none none solid; }
.spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl),
.spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl),
spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl),
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
border-style: none solid none none; }
.osd .spinbutton:not(.vertical) button, .osd
spinbutton:not(.vertical) button {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #A1A8AB;
border-style: none none none solid;
border-color: rgba(0, 0, 0, 0.4);
border-radius: 0;
box-shadow: none; }
.osd .spinbutton:not(.vertical) button:dir(rtl), .osd
spinbutton:not(.vertical) button:dir(rtl) {
border-style: none solid none none; }
.osd .spinbutton:not(.vertical) button:hover, .osd
spinbutton:not(.vertical) button:hover {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.5);
background-color: rgba(161, 168, 171, 0.1);
box-shadow: none; }
.osd .spinbutton:not(.vertical) button:backdrop, .osd
spinbutton:not(.vertical) button:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd .spinbutton:not(.vertical) button:disabled, .osd
spinbutton:not(.vertical) button:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #616769;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd .spinbutton:not(.vertical) button:last-child, .osd
spinbutton:not(.vertical) button:last-child {
border-radius: 0 3px 3px 0; }
.osd .spinbutton:not(.vertical) button:dir(rtl):first-child, .osd
spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 3px 0 0 3px; }
.spinbutton.vertical:insensitive, .spinbutton.vertical:disabled,
spinbutton.vertical:insensitive,
spinbutton.vertical:disabled {
color: #788084; }
.spinbutton.vertical:backdrop:disabled,
spinbutton.vertical:backdrop:disabled {
color: #727f85; }
.spinbutton.vertical:drop(active),
spinbutton.vertical:drop(active) {
border-color: transparent;
box-shadow: none; }
.spinbutton.vertical .entry,
.spinbutton.vertical entry,
spinbutton.vertical .entry,
spinbutton.vertical entry {
min-height: 32px;
min-width: 32px;
padding: 0;
border-radius: 0; }
.spinbutton.vertical .button,
.spinbutton.vertical button,
spinbutton.vertical .button,
spinbutton.vertical button {
min-height: 32px;
min-width: 32px;
padding: 0;
border: none;
background: none;
box-shadow: none;
color: #A1A8AB; }
.spinbutton.vertical .button:hover,
.spinbutton.vertical button:hover,
spinbutton.vertical .button:hover,
spinbutton.vertical button:hover {
background-color: #667f8c;
color: #ffffff;
-gtk-icon-shadow: none; }
.spinbutton.vertical .button:active,
.spinbutton.vertical button:active,
spinbutton.vertical .button:active,
spinbutton.vertical button:active {
background-color: transparent;
color: #A1A8AB; }
.spinbutton.vertical .button.up,
.spinbutton.vertical button.up,
spinbutton.vertical .spinbutton.vertical .button.up,
.spinbutton.vertical spinbutton.vertical .button.up,
spinbutton.vertical .spinbutton.vertical button.up,
.spinbutton.vertical spinbutton.vertical button.up,
spinbutton.vertical .button.up,
spinbutton.vertical button.up {
border-radius: 3px 3px 0 0;
border-style: solid solid none solid; }
.spinbutton.vertical .button.down,
.spinbutton.vertical button.down,
spinbutton.vertical .spinbutton.vertical .button.down,
.spinbutton.vertical spinbutton.vertical .button.down,
spinbutton.vertical .spinbutton.vertical button.down,
.spinbutton.vertical spinbutton.vertical button.down,
spinbutton.vertical .button.down,
spinbutton.vertical button.down {
border-radius: 0 0 3px 3px;
border-style: none solid solid solid; }
.osd .spinbutton.vertical button:first-child, .osd
spinbutton.vertical button:first-child {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.osd .spinbutton.vertical button:first-child:hover, .osd
spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(161, 168, 171, 0.3); }
.osd .spinbutton.vertical button:first-child:active, .osd
spinbutton.vertical button:first-child:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(161, 168, 171, 0.3); }
.osd .spinbutton.vertical button:first-child:disabled, .osd
spinbutton.vertical button:first-child:disabled {
color: #616769;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd .spinbutton.vertical button:first-child:backdrop, .osd
spinbutton.vertical button:first-child:backdrop {
color: #A1A8AB;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
GtkTreeView .spinbutton:not(.vertical), treeview .spinbutton:not(.vertical), GtkTreeView
spinbutton:not(.vertical), treeview
spinbutton:not(.vertical) {
min-height: 0;
border-style: none;
border-radius: 0; }
GtkTreeView .spinbutton:not(.vertical) .entry,
GtkTreeView .spinbutton:not(.vertical) entry, treeview .spinbutton:not(.vertical) .entry,
treeview .spinbutton:not(.vertical) entry, GtkTreeView
spinbutton:not(.vertical) .entry,
GtkTreeView
spinbutton:not(.vertical) entry, treeview
spinbutton:not(.vertical) .entry,
treeview
spinbutton:not(.vertical) entry {
min-height: 0;
padding: 1px 2px; }
/***********
* Spinner *
***********/
.menu.spinner,
menu spinner,
.primary-toolbar .spinner {
color: #667f8c; }
/*********************
* Spinner Animation *
*********************/
@keyframes spin {
to {
-gtk-icon-transform: rotate(1turn); } }
.spinner,
spinner {
background-image: none;
background: none;
opacity: 0;
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
.spinner:active, .spinner:checked,
spinner:active,
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite; }
.spinner:active:insensitive, .spinner:active:disabled, .spinner:checked:insensitive, .spinner:checked:disabled,
spinner:active:insensitive,
spinner:active:disabled,
spinner:checked:insensitive,
spinner:checked:disabled {
opacity: 0.5; }
/**********
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 16px;
-GtkSwitch-slider-height: 16px; }
GtkSwitch,
switch {
font: 1;
font-weight: bold;
outline-offset: -4px;
transition: all 200ms ease-in;
border: none;
border-radius: 14px;
color: transparent;
padding: 2px;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); }
GtkSwitch:insensitive, GtkSwitch:disabled,
switch:insensitive,
switch:disabled {
background-color: #576165; }
GtkSwitch:backdrop,
switch:backdrop {
background-color: #4F585C;
transition: 200ms ease-out; }
GtkSwitch:backdrop:insensitive, GtkSwitch:backdrop:disabled,
switch:backdrop:insensitive,
switch:backdrop:disabled {
background-color: #576165; }
GtkSwitch:active, GtkSwitch:checked,
switch:active,
switch:checked {
background-color: #667f8c; }
GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop,
switch:active:backdrop,
switch:checked:backdrop {
background-color: #738c99; }
GtkSwitch:active:backdrop .slider:backdrop,
GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop,
GtkSwitch:checked:backdrop slider:backdrop,
switch:active:backdrop .slider:backdrop,
switch:active:backdrop slider:backdrop,
switch:checked:backdrop .slider:backdrop,
switch:checked:backdrop slider:backdrop {
box-shadow: none;
background-color: rgba(99, 110, 115, 0.9);
border: none; }
GtkSwitch .slider,
GtkSwitch slider,
switch .slider,
switch slider {
padding: 2px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #636E73;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
GtkSwitch .slider:backdrop,
GtkSwitch slider:backdrop,
switch .slider:backdrop,
switch slider:backdrop {
padding: 2px;
box-shadow: none;
background-color: #636E73; }
GtkSwitch trough:active, GtkSwitch trough:checked,
GtkSwitch .trough:active,
GtkSwitch .trough:checked,
switch trough:active,
switch trough:checked,
switch .trough:active,
switch .trough:checked {
background-color: #667f8c; }
GtkSwitch trough:active:backdrop, GtkSwitch trough:checked:backdrop,
GtkSwitch .trough:active:backdrop,
GtkSwitch .trough:checked:backdrop,
switch trough:active:backdrop,
switch trough:checked:backdrop,
switch .trough:active:backdrop,
switch .trough:checked:backdrop {
background-color: #738c99; }
/************
* Toolbars *
************/
.toolbar,
toolbar {
-GtkWidget-window-dragging: true;
padding: 0px;
background-color: #3B4245;
color: rgba(255, 255, 255, 0.8); }
.toolbar:backdrop,
toolbar:backdrop {
background-color: #2f3537;
color: rgba(255, 255, 255, 0.3); }
.osd .toolbar, .osd
toolbar {
box-shadow: none;
background-color: transparent; }
.toolbar button,
.toolbar .button,
.toolbar .flat,
.toolbar .text-button,
.toolbar .image-button,
toolbar button,
toolbar .button,
toolbar .flat,
toolbar .text-button,
toolbar .image-button {
border: none;
background: none;
text-shadow: none;
background-color: transparent;
color: rgba(255, 255, 255, 0.8);
border-radius: 0px;
padding: 10px; }
.toolbar button:focus, .toolbar button:active,
.toolbar .button:focus,
.toolbar .button:active,
.toolbar .flat:focus,
.toolbar .flat:active,
.toolbar .text-button:focus,
.toolbar .text-button:active,
.toolbar .image-button:focus,
.toolbar .image-button:active,
toolbar button:focus,
toolbar button:active,
toolbar .button:focus,
toolbar .button:active,
toolbar .flat:focus,
toolbar .flat:active,
toolbar .text-button:focus,
toolbar .text-button:active,
toolbar .image-button:focus,
toolbar .image-button:active {
color: rgba(255, 255, 255, 0.8);
text-shadow: none;
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.1); }
.toolbar button:focus:backdrop, .toolbar button:active:backdrop,
.toolbar .button:focus:backdrop,
.toolbar .button:active:backdrop,
.toolbar .flat:focus:backdrop,
.toolbar .flat:active:backdrop,
.toolbar .text-button:focus:backdrop,
.toolbar .text-button:active:backdrop,
.toolbar .image-button:focus:backdrop,
.toolbar .image-button:active:backdrop,
toolbar button:focus:backdrop,
toolbar button:active:backdrop,
toolbar .button:focus:backdrop,
toolbar .button:active:backdrop,
toolbar .flat:focus:backdrop,
toolbar .flat:active:backdrop,
toolbar .text-button:focus:backdrop,
toolbar .text-button:active:backdrop,
toolbar .image-button:focus:backdrop,
toolbar .image-button:active:backdrop {
background-color: transparent;
color: rgba(255, 255, 255, 0.3); }
.toolbar button:hover,
.toolbar .button:hover,
.toolbar .flat:hover,
.toolbar .text-button:hover,
.toolbar .image-button:hover,
toolbar button:hover,
toolbar .button:hover,
toolbar .flat:hover,
toolbar .text-button:hover,
toolbar .image-button:hover {
background-color: rgba(255, 255, 255, 0.1);
text-shadow: none;
color: rgba(255, 255, 255, 0.8);
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); }
.toolbar button:insensitive,
.toolbar .button:insensitive,
.toolbar .flat:insensitive,
.toolbar .text-button:insensitive,
.toolbar .image-button:insensitive,
toolbar button:insensitive,
toolbar .button:insensitive,
toolbar .flat:insensitive,
toolbar .text-button:insensitive,
toolbar .image-button:insensitive {
background: none;
background-color: transparent;
color: rgba(255, 255, 255, 0.3); }
.toolbar button:backdrop,
.toolbar .button:backdrop,
.toolbar .flat:backdrop,
.toolbar .text-button:backdrop,
.toolbar .image-button:backdrop,
toolbar button:backdrop,
toolbar .button:backdrop,
toolbar .flat:backdrop,
toolbar .text-button:backdrop,
toolbar .image-button:backdrop {
background: none;
background-color: transparent;
color: rgba(255, 255, 255, 0.3); }
.toolbar .separator,
toolbar .separator {
color: transparent;
background-color: transparent; }
.toolbar.osd,
toolbar.osd {
padding: 13px;
border: none;
border-radius: 5px;
background-color: rgba(32, 37, 38, 0.8); }
.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom,
toolbar.osd.left,
toolbar.osd.right,
toolbar.osd.top,
toolbar.osd.bottom {
border-radius: 0; }
.toolbar.horizontal separator,
toolbar.horizontal separator {
margin: 0 7px 1px 6px; }
.toolbar.vertical separator,
toolbar.vertical separator {
margin: 6px 1px 7px 0; }
/*******************
* Inline Toolbars *
*******************/
searchbar
.search-bar, .location-bar,
.inline-toolbar {
-GtkWidget-window-dragging: true;
background-color: #4a5357;
color: #A1A8AB;
border: 1px solid #33393b;
border-top-width: 0;
border-radius: 0 0 5px 5px;
box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5);
padding: 0px; }
searchbar
.search-bar:backdrop, .location-bar:backdrop,
.inline-toolbar:backdrop {
background-color: #434b4e; }
searchbar
.search-bar button, .location-bar button,
searchbar .search-bar .button,
.location-bar .button,
searchbar .search-bar .flat,
.location-bar .flat,
searchbar .search-bar .text-button,
.location-bar .text-button,
searchbar .search-bar .image-button,
.location-bar .image-button,
.inline-toolbar button,
.inline-toolbar .button,
.inline-toolbar .flat,
.inline-toolbar .text-button,
.inline-toolbar .image-button {
border: none;
background: none;
text-shadow: none;
box-shadow: none;
background-color: transparent;
color: #A1A8AB;
border-radius: 0px;
padding: 10px; }
searchbar
.search-bar button:focus, .location-bar button:focus, searchbar
.search-bar button:active, .location-bar button:active,
searchbar .search-bar .button:focus,
.location-bar .button:focus,
searchbar .search-bar .button:active,
.location-bar .button:active,
searchbar .search-bar .flat:focus,
.location-bar .flat:focus,
searchbar .search-bar .flat:active,
.location-bar .flat:active,
searchbar .search-bar .text-button:focus,
.location-bar .text-button:focus,
searchbar .search-bar .text-button:active,
.location-bar .text-button:active,
searchbar .search-bar .image-button:focus,
.location-bar .image-button:focus,
searchbar .search-bar .image-button:active,
.location-bar .image-button:active,
.inline-toolbar button:focus,
.inline-toolbar button:active,
.inline-toolbar .button:focus,
.inline-toolbar .button:active,
.inline-toolbar .flat:focus,
.inline-toolbar .flat:active,
.inline-toolbar .text-button:focus,
.inline-toolbar .text-button:active,
.inline-toolbar .image-button:focus,
.inline-toolbar .image-button:active {
font: bold;
color: #A1A8AB;
text-shadow: none;
box-shadow: none;
background-color: rgba(0, 0, 0, 0.05); }
searchbar
.search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar
.search-bar button:active:backdrop, .location-bar button:active:backdrop,
searchbar .search-bar .button:focus:backdrop,
.location-bar .button:focus:backdrop,
searchbar .search-bar .button:active:backdrop,
.location-bar .button:active:backdrop,
searchbar .search-bar .flat:focus:backdrop,
.location-bar .flat:focus:backdrop,
searchbar .search-bar .flat:active:backdrop,
.location-bar .flat:active:backdrop,
searchbar .search-bar .text-button:focus:backdrop,
.location-bar .text-button:focus:backdrop,
searchbar .search-bar .text-button:active:backdrop,
.location-bar .text-button:active:backdrop,
searchbar .search-bar .image-button:focus:backdrop,
.location-bar .image-button:focus:backdrop,
searchbar .search-bar .image-button:active:backdrop,
.location-bar .image-button:active:backdrop,
.inline-toolbar button:focus:backdrop,
.inline-toolbar button:active:backdrop,
.inline-toolbar .button:focus:backdrop,
.inline-toolbar .button:active:backdrop,
.inline-toolbar .flat:focus:backdrop,
.inline-toolbar .flat:active:backdrop,
.inline-toolbar .text-button:focus:backdrop,
.inline-toolbar .text-button:active:backdrop,
.inline-toolbar .image-button:focus:backdrop,
.inline-toolbar .image-button:active:backdrop {
border: none;
background-color: transparent;
color: #788084; }
searchbar
.search-bar button:hover, .location-bar button:hover,
searchbar .search-bar .button:hover,
.location-bar .button:hover,
searchbar .search-bar .flat:hover,
.location-bar .flat:hover,
searchbar .search-bar .text-button:hover,
.location-bar .text-button:hover,
searchbar .search-bar .image-button:hover,
.location-bar .image-button:hover,
.inline-toolbar button:hover,
.inline-toolbar .button:hover,
.inline-toolbar .flat:hover,
.inline-toolbar .text-button:hover,
.inline-toolbar .image-button:hover {
background-color: rgba(0, 0, 0, 0.05);
text-shadow: none;
color: #A1A8AB;
box-shadow: none; }
searchbar
.search-bar button:insensitive, .location-bar button:insensitive,
searchbar .search-bar .button:insensitive,
.location-bar .button:insensitive,
searchbar .search-bar .flat:insensitive,
.location-bar .flat:insensitive,
searchbar .search-bar .text-button:insensitive,
.location-bar .text-button:insensitive,
searchbar .search-bar .image-button:insensitive,
.location-bar .image-button:insensitive,
.inline-toolbar button:insensitive,
.inline-toolbar .button:insensitive,
.inline-toolbar .flat:insensitive,
.inline-toolbar .text-button:insensitive,
.inline-toolbar .image-button:insensitive {
background: none;
background-color: transparent;
color: rgba(161, 168, 171, 0.5); }
searchbar
.search-bar button:backdrop, .location-bar button:backdrop,
searchbar .search-bar .button:backdrop,
.location-bar .button:backdrop,
searchbar .search-bar .flat:backdrop,
.location-bar .flat:backdrop,
searchbar .search-bar .text-button:backdrop,
.location-bar .text-button:backdrop,
searchbar .search-bar .image-button:backdrop,
.location-bar .image-button:backdrop,
.inline-toolbar button:backdrop,
.inline-toolbar .button:backdrop,
.inline-toolbar .flat:backdrop,
.inline-toolbar .text-button:backdrop,
.inline-toolbar .image-button:backdrop {
border: none;
background: none;
background-color: transparent;
color: #788084; }
searchbar
.search-bar .entry, .location-bar .entry,
searchbar .search-bar entry,
.location-bar entry,
.inline-toolbar .entry,
.inline-toolbar entry {
background: none;
color: #A1A8AB;
border-radius: 0px;
border: none;
box-shadow: none; }
searchbar
.search-bar .entry.image, .location-bar .entry.image,
searchbar .search-bar entry.image,
.location-bar entry.image,
.inline-toolbar .entry.image,
.inline-toolbar entry.image {
color: #A1A8AB; }
searchbar
.search-bar .entry.image.left, .location-bar .entry.image.left,
searchbar .search-bar entry.image.left,
.location-bar entry.image.left,
.inline-toolbar .entry.image.left,
.inline-toolbar entry.image.left {
padding-right: 6px; }
searchbar
.search-bar .entry:backdrop, .location-bar .entry:backdrop,
searchbar .search-bar entry:backdrop,
.location-bar entry:backdrop,
.inline-toolbar .entry:backdrop,
.inline-toolbar entry:backdrop {
color: #788084; }
searchbar
.search-bar .entry:selected, .location-bar .entry:selected,
searchbar .search-bar entry:selected,
.location-bar entry:selected,
.inline-toolbar .entry:selected,
.inline-toolbar entry:selected {
color: #636E73;
background-color: #667f8c; }
searchbar
.search-bar, .location-bar {
border-style: solid;
border-color: #33393b;
background-color: #474f52; }
searchbar
.search-bar:backdrop, .location-bar:backdrop {
border-color: #363c3e;
background-color: #464e52;
box-shadow: none;
transition: 200ms ease-out; }
searchbar
.search-bar {
padding: 3px 0px;
border-width: 0;
border-radius: 0; }
.location-bar {
border-width: 0 0 1px;
padding: 3px; }
/************
* Tooltips *
************/
tooltip {
padding: 4px;
/* not working */
border-radius: 2px;
box-shadow: none;
text-shadow: none; }
tooltip.background {
background-color: rgba(0, 0, 0, 0.8);
background-clip: padding-box;
border: none; }
tooltip decoration {
background-color: transparent; }
tooltip * {
padding: 4px;
background-color: transparent;
color: white; }
.tooltip,
.overlay-bar {
padding: 4px 8px;
border: none;
border-radius: 2px;
background-color: #636E73;
color: #A1A8AB;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
.tooltip.background,
.overlay-bar.background {
background-color: #636E73;
border: none; }
/**********************
* Touch Copy & Paste *
*********************/
cursor-handle {
background-color: transparent;
background-image: none;
box-shadow: none;
border-style: none; }
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png"));
padding-left: 10px; }
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png"));
padding-right: 10px; }
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); }
cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png"));
padding-left: 10px; }
cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png"));
padding-right: 10px; }
cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); }
cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png"));
padding-left: 10px; }
cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png"));
padding-right: 10px; }
cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); }
.context-menu {
font: initial; }
.button.circular,
button.circular {
border-radius: 20px;
-gtk-outline-radius: 20px; }
.button.circular label,
button.circular label {
padding: 0; }
.keycap {
min-width: 20px;
min-height: 25px;
margin-top: 2px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
color: #A1A8AB;
background-color: #636E73;
border: 1px solid;
border-color: #33393b;
border-radius: 5px;
box-shadow: inset 0 -3px #464e51;
font-size: smaller; }
.keycap:backdrop {
background-color: #657176;
color: #788084;
transition: 200ms ease-out; }
*:drop(active):focus,
*:drop(active) {
border-color: #4e9a06;
box-shadow: inset 0 0 0 1px #4e9a06;
caret-color: #4e9a06; }
stackswitcher button.text-button {
min-width: 100px; }
stackswitcher button.circular,
stackswitcher button.text-button.circular {
min-width: 32px;
min-height: 32px;
padding: 0; }
/**************
* Tree Views *
**************/
GtkTreeView.view,
treeview.view {
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
border-left-color: #828b8f;
border-top-color: #4F585C; }
GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
treeview.view:selected:focus,
treeview.view:selected {
border-radius: 0; }
GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected,
treeview.view:selected:backdrop,
treeview.view:selected {
border-left-color: #b3bfc6;
border-top-color: rgba(161, 168, 171, 0.1); }
GtkTreeView.view:disabled,
treeview.view:disabled {
color: #788084; }
GtkTreeView.view:disabled:selected,
treeview.view:disabled:selected {
color: #a3b2ba; }
GtkTreeView.view:disabled:selected:backdrop,
treeview.view:disabled:selected:backdrop {
color: rgba(121, 143, 154, 0.85); }
GtkTreeView.view:disabled:backdrop,
treeview.view:disabled:backdrop {
color: #727f85; }
GtkTreeView.view.separator,
treeview.view.separator {
min-height: 2px;
color: #4F585C; }
GtkTreeView.view.separator:backdrop,
treeview.view.separator:backdrop {
color: rgba(79, 88, 92, 0.1); }
GtkTreeView.view:backdrop,
treeview.view:backdrop {
border-left-color: #646c70;
border-top: #4F585C; }
GtkTreeView.view:drop(active),
treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #262f33; }
GtkTreeView.view:drop(active).after,
treeview.view:drop(active).after {
border-top-style: none; }
GtkTreeView.view:drop(active).before,
treeview.view:drop(active).before {
border-bottom-style: none; }
GtkTreeView.view.expander,
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #8e979a; }
GtkTreeView.view.expander:dir(rtl),
treeview.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
GtkTreeView.view.expander:hover,
treeview.view.expander:hover {
color: #A1A8AB; }
GtkTreeView.view.expander:selected,
treeview.view.expander:selected {
color: #d1d9dd; }
GtkTreeView.view.expander:selected:hover,
treeview.view.expander:selected:hover {
color: #ffffff; }
GtkTreeView.view.expander:selected:backdrop,
treeview.view.expander:selected:backdrop {
color: rgba(169, 183, 190, 0.65); }
GtkTreeView.view.expander:checked,
treeview.view.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
GtkTreeView.view.expander:backdrop,
treeview.view.expander:backdrop {
color: #727c80; }
GtkTreeView.view.progressbar,
treeview.view.progressbar {
border: 1px solid #262f33;
border-radius: 4px;
background-color: #667f8c;
background-image: linear-gradient(to bottom, #667f8c, #51646e);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected,
treeview.view.progressbar:selected:focus,
treeview.view.progressbar:selected {
border-radius: 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
background-image: linear-gradient(to bottom, #636E73, #4b5458); }
GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop,
treeview.view.progressbar:selected:focus:backdrop,
treeview.view.progressbar:selected:backdrop {
border-color: #657176;
background-color: #657176; }
GtkTreeView.view.progressbar:backdrop,
treeview.view.progressbar:backdrop {
border-color: #657176;
background-image: none;
box-shadow: none; }
GtkTreeView.view.trough,
treeview.view.trough {
background-color: rgba(161, 168, 171, 0.1);
border-radius: 4px; }
GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected,
treeview.view.trough:selected:focus,
treeview.view.trough:selected {
background-color: #51646e;
border-radius: 4px; }
GtkTreeView.view column-header .button,
GtkTreeView.view column-header button,
GtkTreeView.view header .button,
GtkTreeView.view header button,
treeview.view column-header .button,
treeview.view column-header button,
treeview.view header .button,
treeview.view header button {
color: #828b8f;
background-color: #636E73;
font-weight: bold;
text-shadow: none;
box-shadow: none; }
GtkTreeView.view column-header .button:hover,
GtkTreeView.view column-header button:hover,
GtkTreeView.view header .button:hover,
GtkTreeView.view header button:hover,
treeview.view column-header .button:hover,
treeview.view column-header button:hover,
treeview.view header .button:hover,
treeview.view header button:hover {
color: #929a9d;
box-shadow: none;
transition: none; }
GtkTreeView.view column-header .button:active,
GtkTreeView.view column-header button:active,
GtkTreeView.view header .button:active,
GtkTreeView.view header button:active,
treeview.view column-header .button:active,
treeview.view column-header button:active,
treeview.view header .button:active,
treeview.view header button:active {
color: #A1A8AB;
transition: none; }
GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child,
GtkTreeView.view header button:last-child:backdrop,
GtkTreeView.view header button:last-child,
treeview.view column-header button:last-child:backdrop,
treeview.view column-header button:last-child,
treeview.view header button:last-child:backdrop,
treeview.view header button:last-child {
border-right-style: none; }
GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd,
GtkTreeView.view button.dnd:active,
GtkTreeView.view button.dnd:selected,
GtkTreeView.view button.dnd:hover,
GtkTreeView.view button.dnd,
GtkTreeView.view column-header.button.dnd:active,
GtkTreeView.view column-header.button.dnd:selected,
GtkTreeView.view column-header.button.dnd:hover,
GtkTreeView.view column-header.button.dnd,
GtkTreeView.view header.button.dnd:active,
GtkTreeView.view header.button.dnd:selected,
GtkTreeView.view header.button.dnd:hover,
GtkTreeView.view header.button.dnd,
treeview.view .button.dnd:active,
treeview.view .button.dnd:selected,
treeview.view .button.dnd:hover,
treeview.view .button.dnd,
treeview.view button.dnd:active,
treeview.view button.dnd:selected,
treeview.view button.dnd:hover,
treeview.view button.dnd,
treeview.view column-header.button.dnd:active,
treeview.view column-header.button.dnd:selected,
treeview.view column-header.button.dnd:hover,
treeview.view column-header.button.dnd,
treeview.view header.button.dnd:active,
treeview.view header.button.dnd:selected,
treeview.view header.button.dnd:hover,
treeview.view header.button.dnd {
padding: 4px 6px;
transition: none;
background-image: none;
background-color: #667f8c;
color: #636E73;
border-radius: 0;
border-style: none;
box-shadow: inset 0 0 0 1px #636E73;
text-shadow: none; }
GtkTreeView.view column-header .button,
GtkTreeView.view column-header button,
GtkTreeView.view header .button,
GtkTreeView.view header button,
treeview.view column-header .button,
treeview.view column-header button,
treeview.view header .button,
treeview.view header button, GtkTreeView.view column-header .button:hover,
GtkTreeView.view column-header button:hover,
GtkTreeView.view header .button:hover,
GtkTreeView.view header button:hover,
treeview.view column-header .button:hover,
treeview.view column-header button:hover,
treeview.view header .button:hover,
treeview.view header button:hover, GtkTreeView.view column-header .button:active,
GtkTreeView.view column-header button:active,
GtkTreeView.view header .button:active,
GtkTreeView.view header button:active,
treeview.view column-header .button:active,
treeview.view column-header button:active,
treeview.view header .button:active,
treeview.view header button:active {
padding: 4px 6px;
border-radius: 0;
background-image: none;
text-shadow: none;
border-style: none solid solid none;
border-color: #4F585C; }
GtkTreeView.view column-header .button:disabled,
GtkTreeView.view column-header button:disabled,
GtkTreeView.view header .button:disabled,
GtkTreeView.view header button:disabled,
treeview.view column-header .button:disabled,
treeview.view column-header button:disabled,
treeview.view header .button:disabled,
treeview.view header button:disabled {
border-color: #4F585C;
background-image: none; }
GtkTreeView.view column-header .button:backdrop,
GtkTreeView.view column-header button:backdrop,
GtkTreeView.view header .button:backdrop,
GtkTreeView.view header button:backdrop,
treeview.view column-header .button:backdrop,
treeview.view column-header button:backdrop,
treeview.view header .button:backdrop,
treeview.view header button:backdrop {
border-color: #4F585C;
border-style: none solid solid none;
color: #646c70;
background-image: none;
background-color: #657176; }
GtkTreeView.view column-header .button:backdrop:disabled,
GtkTreeView.view column-header button:backdrop:disabled,
GtkTreeView.view header .button:backdrop:disabled,
GtkTreeView.view header button:backdrop:disabled,
treeview.view column-header .button:backdrop:disabled,
treeview.view column-header button:backdrop:disabled,
treeview.view header .button:backdrop:disabled,
treeview.view header button:backdrop:disabled {
border-color: #4F585C;
background-image: none; }
/**********************
* Window Decorations *
*********************/
.window-frame,
decoration {
border-radius: 4px;
border-width: 0px;
box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5);
margin: 10px; }
.window-frame:backdrop,
decoration:backdrop {
box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3);
transition: 200ms ease-out; }
.fullscreen .window-frame, .tiled .window-frame, .fullscreen
decoration, .tiled
decoration {
border-radius: 0; }
.popup .window-frame, .popup
decoration {
box-shadow: none; }
.ssd .window-frame, .ssd
decoration {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); }
.csd.popup .window-frame, .csd.popup
decoration {
border-radius: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd
decoration, tooltip.csd
decoration {
border-radius: 5px;
box-shadow: none; }
GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd
decoration, messagedialog.csd
decoration {
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); }
.solid-csd .window-frame, .solid-csd
decoration {
border-radius: 0;
margin: 4px;
background-color: #4F585C;
border: 0px solid #363c3e;
box-shadow: none; }
.view:selected:focus, GtkIconView:selected:focus,
iconview:selected:focus, .view:selected, GtkIconView:selected,
iconview:selected,
GtkTextView text:selected:focus,
textview text:selected:focus,
GtkTextView text:selected,
textview text:selected, GtkTextView text selection:focus, GtkTextView text selection,
textview text selection:focus,
textview text selection, GtkFlow flowboxchild:selected,
flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected,
.popover.background checkbutton:selected,
.popover.background .radio:selected,
.popover.background radiobutton:selected,
popover.background .check:selected,
popover.background checkbutton:selected,
popover.background .radio:selected,
popover.background radiobutton:selected,
.menuitem.button.flat:selected, GtkCalendar:selected,
calendar:selected,
spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical),
spinbutton:selected:not(.vertical),
.entry:selected:focus,
.entry:selected,
entry:selected:focus,
entry:selected,
spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection,
spinbutton:not(.vertical) selection,
.entry selection:focus,
.entry selection,
entry selection:focus,
entry selection, row:selected,
.list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
treeview.view:selected:focus,
treeview.view:selected {
background-color: #667f8c; }
.list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected
label, row:selected
label,
label:selected, .view:selected:focus, GtkIconView:selected:focus,
iconview:selected:focus, .view:selected, GtkIconView:selected,
iconview:selected,
GtkTextView text:selected:focus,
textview text:selected:focus,
GtkTextView text:selected,
textview text:selected, GtkTextView text selection:focus, GtkTextView text selection,
textview text selection:focus,
textview text selection, GtkFlow flowboxchild:selected,
flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected,
.popover.background checkbutton:selected,
.popover.background .radio:selected,
.popover.background radiobutton:selected,
popover.background .check:selected,
popover.background checkbutton:selected,
popover.background .radio:selected,
popover.background radiobutton:selected,
.menuitem.button.flat:selected, GtkCalendar:selected,
calendar:selected,
spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical),
spinbutton:selected:not(.vertical),
.entry:selected:focus,
.entry:selected,
entry:selected:focus,
entry:selected,
spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection,
spinbutton:not(.vertical) selection,
.entry selection:focus,
.entry selection,
entry selection:focus,
entry selection, row:selected,
.list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
treeview.view:selected:focus,
treeview.view:selected {
color: #ffffff; }
.list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected
label:disabled, row:selected
label:disabled,
label:disabled:selected, GtkIconView:disabled:selected:focus,
iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected,
iconview:disabled:selected,
GtkTextView text:disabled:selected:focus,
textview text:disabled:selected:focus,
GtkTextView text:disabled:selected,
textview text:disabled:selected, GtkTextView text selection:disabled,
textview text selection:disabled, GtkFlow flowboxchild:disabled:selected,
flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection,
label:disabled selection, modelbutton.flat:disabled:selected, .popover.background .check:disabled:selected,
.popover.background checkbutton:disabled:selected,
.popover.background .radio:disabled:selected,
.popover.background radiobutton:disabled:selected,
popover.background .check:disabled:selected,
popover.background checkbutton:disabled:selected,
popover.background .radio:disabled:selected,
popover.background radiobutton:disabled:selected,
.menuitem.button.flat:disabled:selected, GtkCalendar:disabled:selected,
calendar:disabled:selected, .spinbutton:disabled:selected:not(.vertical),
spinbutton:disabled:selected:not(.vertical),
.entry:disabled:selected,
entry:disabled:selected, .spinbutton:not(.vertical) selection:disabled,
spinbutton:not(.vertical) selection:disabled,
.entry selection:disabled,
entry selection:disabled, row:disabled:selected,
.list-row:disabled:selected {
color: #b3bfc6; }
.list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected
label:backdrop, row:selected
label:backdrop,
label:backdrop:selected, GtkIconView:backdrop:selected:focus,
iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected,
iconview:backdrop:selected,
GtkTextView text:backdrop:selected:focus,
textview text:backdrop:selected:focus,
GtkTextView text:backdrop:selected,
textview text:backdrop:selected, GtkTextView text selection:backdrop,
textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected,
flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection,
label:backdrop selection, modelbutton.flat:backdrop:selected, .popover.background .check:backdrop:selected,
.popover.background checkbutton:backdrop:selected,
.popover.background .radio:backdrop:selected,
.popover.background radiobutton:backdrop:selected,
popover.background .check:backdrop:selected,
popover.background checkbutton:backdrop:selected,
popover.background .radio:backdrop:selected,
popover.background radiobutton:backdrop:selected,
.menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected,
calendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical),
spinbutton:backdrop:selected:not(.vertical),
.entry:backdrop:selected,
entry:backdrop:selected, .spinbutton:not(.vertical) selection:backdrop,
spinbutton:not(.vertical) selection:backdrop,
.entry selection:backdrop,
entry selection:backdrop, row:backdrop:selected,
.list-row:backdrop:selected {
color: rgba(255, 255, 255, 0.5); }
.list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected
label:backdrop:disabled, row:selected
label:backdrop:disabled,
label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected,
iconview:backdrop:disabled:selected,
GtkTextView text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled,
textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected,
flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop,
label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled,
label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, .popover.background .check:backdrop:disabled:selected,
.popover.background checkbutton:backdrop:disabled:selected,
.popover.background .radio:backdrop:disabled:selected,
.popover.background radiobutton:backdrop:disabled:selected,
popover.background .check:backdrop:disabled:selected,
popover.background checkbutton:backdrop:disabled:selected,
popover.background .radio:backdrop:disabled:selected,
popover.background radiobutton:backdrop:disabled:selected,
.menuitem.button.flat:backdrop:disabled:selected, GtkCalendar:backdrop:disabled:selected,
calendar:backdrop:disabled:selected, .spinbutton:backdrop:disabled:selected:not(.vertical),
spinbutton:backdrop:disabled:selected:not(.vertical),
.entry:backdrop:disabled:selected,
entry:backdrop:disabled:selected, .spinbutton:not(.vertical) selection:backdrop:disabled,
spinbutton:not(.vertical) selection:backdrop:disabled,
.entry selection:backdrop:disabled,
entry selection:backdrop:disabled, row:backdrop:disabled:selected,
.list-row:backdrop:disabled:selected {
color: rgba(121, 143, 154, 0.85); }
.monospace {
font: Monospace; }
/* GTK NAMED COLORS
----------------
use responsibly! */
/* widget text/foreground color */
@define-color theme_fg_color #A1A8AB;
/* text color for entries, views and content in general */
@define-color theme_text_color #A1A8AB;
/* widget base background color */
@define-color theme_bg_color #4F585C;
/* text widgets and the like base background color */
@define-color theme_base_color #636E73;
/* base background color of selections */
@define-color theme_selected_bg_color #667f8c;
/* text/foreground color of selections */
@define-color theme_selected_fg_color #ffffff;
/* base background color of insensitive widgets */
@define-color insensitive_bg_color #576165;
/* text foreground color of insensitive widgets */
@define-color insensitive_fg_color #788084;
/* insensitive text widgets and the like base background color */
@define-color insensitive_base_color #636E73;
/* widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #788084;
/* text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #A1A8AB;
/* widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #4F585C;
/* text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #657176;
/* base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #667f8c;
/* text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #ffffff;
/* widgets main borders color */
@define-color borders #33393b;
/* widgets main borders color on backdrop windows */
@define-color unfocused_borders #363c3e;
/* these are pretty self explicative */
@define-color warning_color #fec006;
@define-color error_color #f34235;
@define-color success_color #c0c5c8;
/* these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title shade(#A1A8AB, 1.8);
@define-color wm_unfocused_title #788084;
@define-color wm_highlight transparent;
@define-color wm_borders_edge rgba(255, 255, 255, 0.1);
@define-color wm_bg_a shade(#4F585C, 1.2);
@define-color wm_bg_b #4F585C;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
@define-color wm_button_hover_color_a shade(#4F585C, 1.3);
@define-color wm_button_hover_color_b #4F585C;
@define-color wm_button_active_color_a shade(#4F585C, 0.85);
@define-color wm_button_active_color_b shade(#4F585C, 0.89);
@define-color wm_button_active_color_c shade(#4F585C, 0.9);
@define-color content_view_bg #636E73;
/***********************
* App-Specific Styles *
***********************/
/*******************
* Archive Manager *
*******************/
FrWindow .titlebar,
FrWindow .header-bar,
FrWindow .toolbar {
background-color: #A88A67; }
FrWindow .titlebar:backdrop,
FrWindow .header-bar:backdrop,
FrWindow .toolbar:backdrop {
background-color: #8c7050; }
/*********
* Birdie *
*********/
BirdieWidgetsUnifiedWindow .titlebar,
BirdieWidgetsUnifiedWindow .header-bar {
background-image: none;
background-color: #3998E7; }
BirdieWidgetsUnifiedWindow .titlebar:backdrop,
BirdieWidgetsUnifiedWindow .header-bar:backdrop {
background-image: none;
background-color: #1a7fd3; }
BirdieWidgetsUnifiedWindow .menu-button {
padding: 0px;
padding-left: 6px;
padding-right: 6px; }
BirdieWidgetsTweetList * {
background-image: none;
background: none; }
BirdieWidgetsUserbox {
background-color: rgba(57, 152, 231, 0.2); }
BirdieWidgetsNotebook .header {
background-color: #636E73; }
BirdieWidgetsNotebook tab:active {
box-shadow: inset 0 -3px 0 0 #3998E7; }
/***************
* font-viewer *
***************/
SushiFontWidget {
padding: 6px 12px; }
/**********
* Sudoku *
**********/
SudokuView SudokuCellView {
border: inherit;
background-color: inherit; }
SudokuView SudokuCellView:backdrop {
border: inherit;
background-color: inherit; }
SudokuView {
border: none; }
/*****************
* Character Map *
*****************/
GucharmapChartable {
background-color: #636E73; }
GucharmapChartable:active,
GucharmapChartable:focus,
GucharmapChartable:selected {
background-color: #667f8c;
color: #ffffff; }
/********
* Misc *
*******/
ApDocView,
EogScrollView,
CheeseThumbView {
-EogScrollView-shadow-type: none; }
/***********
* Builder *
***********/
GbGreeterWindow .titlebar,
GbGreeterWindow .header-bar,
GbWorkbench .titlebar,
GbWorkbench .header-bar {
background-color: #CBBB2E; }
GbGreeterWindow .titlebar:backdrop,
GbGreeterWindow .header-bar:backdrop,
GbWorkbench .titlebar:backdrop,
GbWorkbench .header-bar:backdrop {
background-color: #a19525; }
/**************
* Calculator *
**************/
MathWindow {
background-color: #636E73;
border-radius: 0 0 4px 4px; }
MathWindow .titlebar,
MathWindow .header-bar,
MathWindow .toolbar {
background-color: #07ce8e; }
MathWindow .titlebar:backdrop,
MathWindow .header-bar:backdrop,
MathWindow .toolbar:backdrop {
background-color: #059d6c; }
MathWindow MathButtons GtkComboBox,
MathWindow MathButtons .button {
background-color: transparent;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
color: #07ce8e;
font: bold; }
MathWindow MathButtons GtkComboBox:hover,
MathWindow MathButtons .button:hover {
background-image: none;
background-color: #636E73;
color: #07ce8e; }
MathWindow MathButtons GtkComboBox:backdrop,
MathWindow MathButtons .button:backdrop {
color: #059d6c; }
MathWindow MathButtons GtkComboBox.text-button.suggested-action,
MathWindow MathButtons .button.text-button.suggested-action {
background-image: none;
box-shadow: none;
text-shadow: none;
background-color: #07ce8e;
color: #636E73; }
MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop,
MathWindow MathButtons .button.text-button.suggested-action:backdrop {
background-color: #059d6c;
color: rgba(99, 110, 115, 0.5); }
MathWindow MathDisplay {
padding: 4px;
background-color: #636E73;
border: 1px solid #33393b; }
/************
* Calendar *
************/
GcalWindow .titlebar,
GcalWindow .header-bar {
background-color: #75A3F6; }
GcalWindow .titlebar:backdrop,
GcalWindow .header-bar:backdrop {
background-color: #4583f3; }
/**********
* Cheese *
**********/
CheeseWindow .titlebar,
CheeseWindow .header-bar,
CheeseWindow .toolbar {
background-color: #ad7fa8; }
CheeseWindow .titlebar:backdrop,
CheeseWindow .header-bar:backdrop,
CheeseWindow .toolbar:backdrop {
background-color: #986192; }
/************
* Contacts *
************/
ContactsWindow .titlebar,
ContactsWindow .header-bar {
background-color: #2095F2; }
ContactsWindow .titlebar:backdrop,
ContactsWindow .header-bar:backdrop {
background-color: #0c7bd3; }
/**********
* Clocks *
**********/
ClocksWindow .titlebar,
ClocksWindow .header-bar {
background-color: #4BAE4F; }
ClocksWindow .titlebar:backdrop,
ClocksWindow .header-bar:backdrop {
background-color: #3c8a3f; }
/*********
* Disks *
*********/
GduWindow .titlebar,
GduWindow .header-bar {
background-color: #8561C5; }
GduWindow .titlebar:backdrop,
GduWindow .header-bar:backdrop {
background-color: #6a41b2; }
/**************
* Disk Usage *
**************/
BaobabWindow .titlebar,
BaobabWindow .header-bar {
background-color: #CC5E55; }
BaobabWindow .titlebar:backdrop,
BaobabWindow .header-bar:backdrop {
background-color: #b74137; }
/*************
* Documents *
*************/
#Documents .titlebar,
#Documents .header-bar {
background-color: #C2352A; }
#Documents .titlebar:backdrop,
#Documents .header-bar:backdrop {
background-color: #982a21; }
/************
* Epiphany *
************/
EphyWindow .titlebar,
EphyWindow .header-bar {
background-color: #6573C3; }
EphyWindow .titlebar:backdrop,
EphyWindow .header-bar:backdrop {
background-color: #4555b0; }
EphyWindow .titlebar .incognito-mode,
EphyWindow .header-bar .incognito-mode {
background-color: #3e4c9e; }
EphyWindow .titlebar .incognito-mode .button,
EphyWindow .header-bar .incognito-mode .button {
background-image: none; }
EphyWindow .titlebar .incognito-mode:backdrop,
EphyWindow .header-bar .incognito-mode:backdrop {
background-color: #2f3a79; }
/*********
* Gedit *
*********/
GeditWindow .titlebar,
GeditWindow .header-bar,
GeditWindow .gedit-headerbar-paned {
background-color: #DC4836; }
GeditWindow .titlebar:backdrop,
GeditWindow .header-bar:backdrop,
GeditWindow .gedit-headerbar-paned:backdrop {
background-color: #be3221; }
/**************
* Log Viewer *
**************/
GlWindow .titlebar,
GlWindow .header-bar,
GlWindow .toolbar,
LogviewWindow .titlebar,
LogviewWindow .header-bar,
LogviewWindow .toolbar {
background-color: #009587; }
GlWindow .titlebar:backdrop,
GlWindow .header-bar:backdrop,
GlWindow .toolbar:backdrop,
LogviewWindow .titlebar:backdrop,
LogviewWindow .header-bar:backdrop,
LogviewWindow .toolbar:backdrop {
background-color: #006259; }
/*********
* Music *
*********/
gnomemusic + window + Window .titlebar,
gnomemusic + window + Window .header-bar {
background-color: #fe9700; }
gnomemusic + window + Window .titlebar:backdrop,
gnomemusic + window + Window .header-bar:backdrop {
background-color: #cb7900; }
/*****************
* Notes/Bijiben *
*****************/
BjbMainToolbar .titlebar,
BjbMainToolbar .header-bar,
BjbWindowBase .titlebar,
BjbWindowBase .header-bar {
background-color: #ebdd4d; }
BjbMainToolbar .titlebar:backdrop,
BjbMainToolbar .header-bar:backdrop,
BjbWindowBase .titlebar:backdrop,
BjbWindowBase .header-bar:backdrop {
background-color: #e6d41f; }
/**********
* Photos *
**********/
PhotosMainWindow .titlebar,
PhotosMainWindow .header-bar {
background-color: #D30101; }
PhotosMainWindow .titlebar:backdrop,
PhotosMainWindow .header-bar:backdrop {
background-color: #a00101; }
/**********
* Polari *
**********/
.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right,
.header-bar.polari-titlebar-left,
.header-bar.polari-titlebar-right {
background-color: #4BAE4F; }
.titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop,
.header-bar.polari-titlebar-left:backdrop,
.header-bar.polari-titlebar-right:backdrop {
background-color: #3c8a3f; }
/*******************
* System Settings *
******************/
CcWindow .titlebar,
CcWindow .header-bar {
background-color: #5F7C8A; }
CcWindow .titlebar:backdrop,
CcWindow .header-bar:backdrop {
background-color: #4a616c; }
/************
* Software *
************/
#window_software .titlebar,
#window_software .header-bar {
background-color: #1A77C2; }
#window_software .titlebar:backdrop,
#window_software .header-bar:backdrop {
background-color: #145b95; }
/******************
* System Monitor *
******************/
#gnome-system-monitor .titlebar,
#gnome-system-monitor .header-bar {
background-color: #6fbe72; }
#gnome-system-monitor .titlebar:backdrop,
#gnome-system-monitor .header-bar:backdrop {
background-color: #4eac51; }
/********
* Yelp *
********/
YelpWindow .titlebar,
YelpWindow .header-bar {
background-color: #435ece; }
YelpWindow .titlebar:backdrop,
YelpWindow .header-bar:backdrop {
background-color: #2e47b0; }
/********
* Gala *
*******/
.gala-notification {
border-width: 0;
border-radius: 2px;
color: white;
border: 1px solid #636E73;
background-color: #636E73; }
.gala-notification .title,
.gala-notification .label {
color: #A1A8AB; }
.gala-button {
padding: 3px;
color: #636E73;
border: none;
border-radius: 50%;
background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
/**********
* Notify *
*********/
.notify {
/*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.7);
background-color: rgba(99, 110, 115, 0.05); }
/***************
* SwitchBoard *
***************/
.category-label {
font-weight: bold;
font-size: 1.04em;
color: #A1A8AB; }
/*************
* Slingshot *
************/
.button.app {
border: none;
border-radius: 0;
box-shadow: none;
background-image: none; }
.button.app .app:hover {
border-radius: 8px;
border: none;
background-color: rgba(102, 127, 140, 0.3);
color: white; }
.button.app .app:focus {
/*background-color: transparentize(black, 0.20);*/ }
.search-item {
border-radius: 0;
border: none;
color: #A1A8AB;
background: none; }
.search-item:hover, .search-item:focus {
border-radius: 0;
background-color: rgba(102, 127, 140, 0.3);
color: #ffffff; }
.search-entry-large,
.search-entry-large:focus {
border: none;
font: 18;
font-weight: 300;
background-image: none;
background: none;
box-shadow: none;
border-radius: 0; }
.search-category-header {
font-weight: bold;
color: #A1A8AB; }
/*********
* Panel *
********/
.panel {
background-color: transparent;
transition: all 100ms ease-in-out; }
.panel .maximized {
background-color: #000; }
.panel .translucent {
background-color: rgba(0, 0, 0, 0.5); }
.panel .color-light .composited-indicator > revealer label,
.panel .color-light .composited-indicator > revealer image,
.panel .color-light .composited-indicator > GtkRevealer {
color: rgba(0, 0, 0, 0.35);
text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }
.composited-indicator > revealer label,
.composited-indicator > revealer image,
.composited-indicator > GtkRevealer {
color: #636E73;
font-weight: bold;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); }
/*************
* AppCenter *
*************/
AppCenterMainWindow .titlebar,
AppCenterMainWindow .header-bar {
background-color: #378BE6; }
AppCenterMainWindow .titlebar:backdrop,
AppCenterMainWindow .header-bar:backdrop {
background-color: #1a71d0; }
/**************
* Calculator *
**************/
PantheonCalculatorMainWindow {
border-radius: 0 0 4px 4px; }
PantheonCalculatorMainWindow .titlebar,
PantheonCalculatorMainWindow .header-bar {
background-color: #07ce8e; }
PantheonCalculatorMainWindow .titlebar:backdrop,
PantheonCalculatorMainWindow .header-bar:backdrop {
background-color: #059d6c; }
PantheonCalculatorMainWindow .window-frame {
border-radius: 3px; }
/********
* Maya *
********/
MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar {
background-color: #8CD33F; }
MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop {
background-color: #72b52a; }
/*********
* Cards *
*********/
.deck {
background-color: #3c4346; }
.card {
background-color: #636E73;
border: none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2);
transition: all 150ms ease-in-out; }
.card.collapsed {
background-color: #576165;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }
/*********
* Noise *
*********/
NoiseLibraryWindow {
border-radius: 0 0 4px 4px; }
NoiseLibraryWindow .titlebar,
NoiseLibraryWindow .header-bar {
background-color: #EE6020; }
NoiseLibraryWindow .titlebar:backdrop,
NoiseLibraryWindow .header-bar:backdrop {
background-color: #cb4a10; }
NoiseLibraryWindow .action-bar {
border-radius: 0 0 4px 4px; }
NoiseLibraryWindow .window-frame {
border-radius: 3px; }
/***********
* Scratch *
***********/
ScratchMainWindow .titlebar,
ScratchMainWindow .header-bar {
background-color: #e74c3c; }
ScratchMainWindow .titlebar:backdrop,
ScratchMainWindow .header-bar:backdrop {
background-color: #d62c1a; }
/********
* Snap *
********/
SnapMainWindow .titlebar,
SnapMainWindow .header-bar,
SnapSnapWindow .titlebar,
SnapSnapWindow .header-bar {
background-color: #6d266a; }
SnapMainWindow .titlebar:backdrop,
SnapMainWindow .header-bar:backdrop,
SnapSnapWindow .titlebar:backdrop,
SnapSnapWindow .header-bar:backdrop {
background-color: #471945; }
SnapMainWindow .take-button,
SnapSnapWindow .take-button {
border-radius: 0; }
/*******************
* Photos/Shotwell *
*******************/
DirectWindow .titlebar,
DirectWindow .header-bar,
LibraryWindow .titlebar,
LibraryWindow .header-bar {
background-color: #5544B5; }
DirectWindow .titlebar:backdrop,
DirectWindow .header-bar:backdrop,
LibraryWindow .titlebar:backdrop,
LibraryWindow .header-bar:backdrop {
background-color: #443690; }
DirectWindow .the-button-in-the-combobox,
LibraryWindow .the-button-in-the-combobox {
background: none; }
.checkerboard-layout {
background-color: #4F585C;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
background-size: 24px 24px;
background-position: 0 0, 12px 12px; }
.checkboard-layout .item {
background-color: #A1A8AB; }
/**********
* Midori *
**********/
MidoriBrowser .titlebar,
MidoriBrowser .header-bar,
MidoriBrowser .toolbar {
background-color: #7FC843; }
MidoriBrowser .titlebar:backdrop,
MidoriBrowser .header-bar:backdrop,
MidoriBrowser .toolbar:backdrop {
background-color: #66a731; }
/********
* Gala *
*******/
.gala-notification {
border-width: 0;
border-radius: 2px;
color: white;
border: 1px solid #636E73;
background-color: #636E73; }
.gala-notification .title,
.gala-notification .label {
color: #A1A8AB; }
.gala-button {
padding: 3px;
color: #636E73;
border: none;
border-radius: 50%;
background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
/**********
* Notify *
*********/
.notify {
/*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.7);
background-color: rgba(99, 110, 115, 0.05); }
/***************
* SwitchBoard *
***************/
.category-label {
font-weight: bold;
font-size: 1.04em;
color: #A1A8AB; }
/*************
* Slingshot *
************/
.button.app {
border: none;
border-radius: 0;
box-shadow: none;
background-image: none; }
.button.app .app:hover {
border-radius: 8px;
border: none;
background-color: rgba(102, 127, 140, 0.3);
color: white; }
.button.app .app:focus {
/*background-color: transparentize(black, 0.20);*/ }
.search-item {
border-radius: 0;
border: none;
color: #A1A8AB;
background: none; }
.search-item:hover, .search-item:focus {
border-radius: 0;
background-color: rgba(102, 127, 140, 0.3);
color: #ffffff; }
.search-entry-large,
.search-entry-large:focus {
border: none;
font: 18;
font-weight: 300;
background-image: none;
background: none;
box-shadow: none;
border-radius: 0; }
.search-category-header {
font-weight: bold;
color: #A1A8AB; }
/*********
* Panel *
********/
.panel {
background-color: transparent;
transition: all 100ms ease-in-out; }
.panel .maximized {
background-color: #000; }
.panel .translucent {
background-color: rgba(0, 0, 0, 0.5); }
.panel .color-light .composited-indicator > revealer label,
.panel .color-light .composited-indicator > revealer image,
.panel .color-light .composited-indicator > GtkRevealer {
color: rgba(0, 0, 0, 0.35);
text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }
.composited-indicator > revealer label,
.composited-indicator > revealer image,
.composited-indicator > GtkRevealer {
color: #636E73;
font-weight: bold;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); }
/*************
* AppCenter *
*************/
AppCenterMainWindow .titlebar,
AppCenterMainWindow .header-bar {
background-color: #378BE6; }
AppCenterMainWindow .titlebar:backdrop,
AppCenterMainWindow .header-bar:backdrop {
background-color: #1a71d0; }
/**************
* Calculator *
**************/
PantheonCalculatorMainWindow {
border-radius: 0 0 4px 4px; }
PantheonCalculatorMainWindow .titlebar,
PantheonCalculatorMainWindow .header-bar {
background-color: #07ce8e; }
PantheonCalculatorMainWindow .titlebar:backdrop,
PantheonCalculatorMainWindow .header-bar:backdrop {
background-color: #059d6c; }
PantheonCalculatorMainWindow .window-frame {
border-radius: 3px; }
/********
* Maya *
********/
MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar {
background-color: #8CD33F; }
MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop {
background-color: #72b52a; }
/*********
* Cards *
*********/
.deck {
background-color: #3c4346; }
.card {
background-color: #636E73;
border: none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2);
transition: all 150ms ease-in-out; }
.card.collapsed {
background-color: #576165;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }
/*********
* Noise *
*********/
NoiseLibraryWindow {
border-radius: 0 0 4px 4px; }
NoiseLibraryWindow .titlebar,
NoiseLibraryWindow .header-bar {
background-color: #EE6020; }
NoiseLibraryWindow .titlebar:backdrop,
NoiseLibraryWindow .header-bar:backdrop {
background-color: #cb4a10; }
NoiseLibraryWindow .action-bar {
border-radius: 0 0 4px 4px; }
NoiseLibraryWindow .window-frame {
border-radius: 3px; }
/***********
* Scratch *
***********/
ScratchMainWindow .titlebar,
ScratchMainWindow .header-bar {
background-color: #e74c3c; }
ScratchMainWindow .titlebar:backdrop,
ScratchMainWindow .header-bar:backdrop {
background-color: #d62c1a; }
/********
* Snap *
********/
SnapMainWindow .titlebar,
SnapMainWindow .header-bar,
SnapSnapWindow .titlebar,
SnapSnapWindow .header-bar {
background-color: #6d266a; }
SnapMainWindow .titlebar:backdrop,
SnapMainWindow .header-bar:backdrop,
SnapSnapWindow .titlebar:backdrop,
SnapSnapWindow .header-bar:backdrop {
background-color: #471945; }
SnapMainWindow .take-button,
SnapSnapWindow .take-button {
border-radius: 0; }
/*******************
* Photos/Shotwell *
*******************/
DirectWindow .titlebar,
DirectWindow .header-bar,
LibraryWindow .titlebar,
LibraryWindow .header-bar {
background-color: #5544B5; }
DirectWindow .titlebar:backdrop,
DirectWindow .header-bar:backdrop,
LibraryWindow .titlebar:backdrop,
LibraryWindow .header-bar:backdrop {
background-color: #443690; }
DirectWindow .the-button-in-the-combobox,
LibraryWindow .the-button-in-the-combobox {
background: none; }
.checkerboard-layout {
background-color: #4F585C;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
background-size: 24px 24px;
background-position: 0 0, 12px 12px; }
.checkboard-layout .item {
background-color: #A1A8AB; }
/********
* Unity *
*********/
/* Unity window border color */
/* Backdrop Unity window border color */
/* Unity window text color */
/* Backdrop Unity window text color */
/* Unity panel color #454D50 */
/* Backdrop Unity panel color */
UnityDecoration {
/* Border properties (top, right, bottom, left) */
-UnityDecoration-extents: 28px 1px 1px 1px;
/* the size of the decorations */
-UnityDecoration-input-extents: 10px;
/* the extra size of the input areas */
/* Shadows settings */
-UnityDecoration-shadow-offset-x: 1px;
/* Size property, the shadow x offset */
-UnityDecoration-shadow-offset-y: 1px;
/* Size property, the shadow y offset */
-UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, active window shadow color */
-UnityDecoration-active-shadow-radius: 8px;
/* Size property, active window shadow radius */
-UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, inactive windows shadow color */
-UnityDecoration-inactive-shadow-radius: 5px;
/* Size property, inactive windows shadow radius */
/* Glow applied to the selected scaled window */
-UnityDecoration-glow-size: 8px;
/* Size property, size of glow */
-UnityDecoration-glow-color: #667f8c;
/* Color property of the glow */
/* Title settings */
-UnityDecoration-title-indent: 10px;
/* Size property, left indent of the title */
-UnityDecoration-title-fade: 35px;
/* Size property, space of the title that can be faded */
-UnityDecoration-title-alignment: 0.0;
/* Float from 0.0 to 1.0, to align the title */
background-color: #636E73;
color: #dbdee0; }
UnityDecoration .top {
padding: 0 5px 0 5px;
border-radius: 4px 4px 0px 0px;
box-shadow: none;
border: 1px solid #636E73;
border-bottom-width: 0;
background-color: #636E73;
color: #dbdee0;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
UnityDecoration .top:backdrop {
border-bottom-width: 0;
background-color: #4b5458;
color: #c0c5c8;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
UnityDecoration .top .menuitem {
color: #dbdee0; }
UnityDecoration .top .menuitem:backdrop {
background-color: #4b5458;
color: #c0c5c8; }
UnityDecoration.left,
UnityDecoration.right {
background-repeat: repeat-x;
background-color: #626c71;
background-size: 1px 120px;
background-clip: border-box;
background-image: linear-gradient(to bottom, #636E73, #626c71);
background-image: -gtk-gradient linear, left top, left bottom, color-stop 0, #636E73, color-stop 0.5, #636E73, color-stop 1, #626c71; }
UnityDecoration.bottom {
background-size: 1px;
background-repeat: repeat-x;
background-color: #626c71; }
UnityDecoration.left:backdrop,
UnityDecoration.right:backdrop,
UnityDecoration.bottom:backdrop {
background-size: 1px;
background-repeat: repeat-x;
background-color: #4b5458; }
/**************
* Unity Panel *
***************/
UnityPanelWidget,
.unity-panel {
background-color: #343a3c;
color: #dbdee0; }
UnityPanelWidget:backdrop,
.unity-panel:backdrop {
background-color: #1c1f21;
color: #c0c5c8; }
.unity-panel.menuitem,
.unity-panel .menuitem {
border-width: 0 1px;
color: #dbdee0; }
.unity-panel.menubar,
.unity-panel .menubar {
color: #dbdee0; }
.unity-panel.menu.menubar,
.unity-panel .menu .menubar {
background-color: #343a3c;
color: #dbdee0; }
.unity-panel.menubar:backdrop,
.unity-panel .menubar *:backdrop {
color: #788084; }
.unity-panel.menubar.menuitem,
.unity-panel.menubar .menuitem {
padding: 3px 5px;
border-width: 1px;
border-style: solid;
border: none;
background: none;
color: #dbdee0;
box-shadow: none; }
.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem:hover {
border-radius: 0;
background-color: #616b70;
color: #dbdee0;
box-shadow: none; }
.unity-panel.menubar .menuitem *:hover {
color: white;
box-shadow: none; }
.unity-panel.menubar .menuitem.separator,
.unity-panel.menubar.menuitem.separator {
-GtkMenuItem-horizontal-padding: 0;
-GtkWidget-separator-height: 1;
border: none;
color: #33393b; }
/* Force Quit */
SheetStyleDialog.unity-force-quit {
background-color: #636E73; }
@keyframes playbackmenuitem_spinner {
to {
-gtk-icon-transform: rotate(1turn); } }
.menu IdoPlaybackMenuItem.menuitem:active {
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
animation: playbackmenuitem_spinner 1s infinite linear;
color: #667f8c; }
/*********
* Vocal *
*********/
.titlebar.vocal-headerbar,
.header-bar.vocal-headerbar {
background-color: #9C69C6; }
.titlebar.vocal-headerbar:backdrop,
.header-bar.vocal-headerbar:backdrop {
background-color: #8345b7; }