gtk2/gtk/theme/Adwaita/gtk-contained.css
Jakub Steiner eb90c4f9ed Adwaita: make popovers less 1995
- use regular bgcolor
2016-02-12 14:38:03 +01:00

4731 lines
227 KiB
CSS

* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #cc0000;
-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;
outline-color: rgba(46, 52, 54, 0.3);
outline-style: dashed;
outline-offset: -3px;
outline-width: 1px;
-gtk-outline-radius: 2px; }
/***************
* Base States *
***************/
.background {
color: #2e3436;
background-color: #e8e8e7; }
.background:backdrop {
text-shadow: none;
-gtk-icon-shadow: none;
color: #8b8e8f;
background-color: #e8e8e7; }
/*
These wildcard seems unavoidable, need to investigate.
Wildcards are bad and troublesome, use them with care,
or better, just don't.
Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled {
-gtk-icon-effect: dim; }
.gtkstyle-fallback {
background-color: #e8e8e7;
color: #2e3436; }
.gtkstyle-fallback:hover {
background-color: white;
color: #2e3436; }
.gtkstyle-fallback:active {
background-color: #cfcfcd;
color: #2e3436; }
.gtkstyle-fallback:disabled {
background-color: #f1f1f1;
color: #8b8e8f; }
.gtkstyle-fallback:selected {
background-color: #4a90d9;
color: #ffffff; }
.view, iconview,
.view text,
iconview text,
textview text {
color: black;
background-color: #ffffff; }
.view:backdrop, iconview:backdrop,
.view text:backdrop,
iconview text:backdrop,
textview text:backdrop {
color: #333333;
background-color: white; }
.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
.view text:selected,
iconview text:selected,
textview text:selected,
.view text:selected:focus,
iconview text:selected:focus,
textview text:selected:focus {
border-radius: 3px; }
.rubberband,
rubberband,
flowbox rubberband,
treeview.view rubberband,
.content-view rubberband {
border: 1px solid #2a76c6;
background-color: rgba(42, 118, 198, 0.2); }
flowbox flowboxchild {
padding: 3px;
border-radius: 3px; }
flowbox flowboxchild:selected {
outline-offset: -2px; }
label.separator {
color: #2e3436; }
label.separator:backdrop {
color: #8b8e8f; }
label:disabled {
color: #8b8e8f; }
label:disabled:backdrop {
color: #c3c3c0; }
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
opacity: 0.55;
text-shadow: none; }
assistant .sidebar {
background-color: #ffffff;
border-top: 1px solid #9d9d99; }
assistant .sidebar:dir(ltr) {
border-right: 1px solid #9d9d99; }
assistant .sidebar:dir(rtl) {
border-left: 1px solid #9d9d99; }
assistant .sidebar:backdrop {
background-color: white;
border-color: #a5a5a1; }
assistant.csd .sidebar {
border-top-style: none; }
assistant .sidebar label {
padding: 6px 12px; }
assistant .sidebar label.highlight {
background-color: #c3c4c4; }
textview {
background-color: #f4f4f3; }
textview:backdrop {
background-color: #f4f4f3; }
popover.background.touch-selection, popover.background.magnifier, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.osd, .csd popover.background.osd, .app-notification,
.app-notification.frame, .osd .scale-popup, .osd {
color: #eeeeec;
border: none;
background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box;
outline-color: rgba(238, 238, 236, 0.3);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop {
text-shadow: none;
-gtk-icon-shadow: none; }
/*********************
* Spinner Animation *
*********************/
@keyframes spin {
to {
-gtk-icon-transform: rotate(1turn); } }
spinner {
background: none;
opacity: 0;
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite; }
spinner:checked:disabled {
opacity: 0.5; }
/****************
* Text Entries *
****************/
entry, spinbutton:not(.vertical) {
min-height: 32px;
border: 1px solid;
padding-left: 8px;
padding-right: 8px;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: black;
border-color: #9d9d99;
box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px rgba(255, 255, 255, 0); }
entry image.left, spinbutton:not(.vertical) image.left {
padding-left: 0;
padding-right: 6px; }
entry image.right, spinbutton:not(.vertical) image.right {
padding-left: 6px;
padding-right: 0; }
entry undershoot.left, spinbutton:not(.vertical) 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; }
entry undershoot.right, spinbutton:not(.vertical) 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; }
entry.flat, spinbutton.flat:not(.vertical), entry.flat:focus, spinbutton.flat:focus:not(.vertical) {
min-height: 0;
padding: 2px;
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: black;
border-color: #9d9d99;
box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0);
border: none;
border-radius: 0; }
entry:focus, spinbutton:focus:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
box-shadow: inset 0 0 0 1px #4a90d9, 0 1px rgba(255, 255, 255, 0);
border-color: #4a90d9; }
entry:disabled, spinbutton:disabled:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
entry:backdrop, spinbutton:backdrop:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #333333;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, white);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
entry:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
entry progress, spinbutton:not(.vertical) progress {
margin: 1px;
border-radius: 0;
border-width: 0 0 2px;
border-color: #4a90d9;
border-style: solid;
background-image: none;
background-color: transparent;
box-shadow: none; }
entry progress:backdrop, spinbutton:not(.vertical) progress:backdrop {
background-color: transparent; }
entry:focus progress, spinbutton:focus:not(.vertical) progress {
border-bottom-width: 3px; }
.linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > button.combo {
border-left-color: #4a90d9; }
entry.error, spinbutton.error:not(.vertical) {
color: #cc0000;
border-color: #cc0000; }
entry.error:focus, spinbutton.error:focus:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
box-shadow: inset 0 0 0 1px #cc0000, 0 1px rgba(255, 255, 255, 0);
border-color: #cc0000; }
entry.error:selected, spinbutton.error:selected:not(.vertical), entry.error:selected:focus, spinbutton.error:selected:focus:not(.vertical) {
background-color: #cc0000; }
entry.warning, spinbutton.warning:not(.vertical) {
color: #f57900;
border-color: #f57900; }
entry.warning:focus, spinbutton.warning:focus:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
box-shadow: inset 0 0 0 1px #f57900, 0 1px rgba(255, 255, 255, 0);
border-color: #f57900; }
entry.warning:selected, spinbutton.warning:selected:not(.vertical), entry.warning:selected:focus, spinbutton.warning:selected:focus:not(.vertical) {
background-color: #f57900; }
entry image, spinbutton:not(.vertical) image {
color: #585d5e; }
entry image:hover, spinbutton:not(.vertical) image:hover {
color: #2e3436; }
entry image:active, spinbutton:not(.vertical) image:active {
color: #4a90d9; }
entry image:backdrop, spinbutton:not(.vertical) image:backdrop {
color: #a2a5a5; }
.osd entry, .osd spinbutton:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
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 entry:focus, .osd spinbutton:focus:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: white;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
background-clip: padding-box;
box-shadow: inset 0 0 0 1px #4a90d9;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
.osd entry:backdrop, .osd spinbutton:backdrop:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
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 entry:disabled, .osd spinbutton:disabled:not(.vertical) {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.linked.vertical > entry:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical) {
box-shadow: none; }
.linked.vertical > entry:focus:not(:last-child), .linked.vertical > spinbutton:focus:not(:last-child):not(.vertical) {
box-shadow: inset 0 0 0 1px #4a90d9; }
.linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical) {
border-top-color: #e2e2e0;
background-image: linear-gradient(to bottom, #ffffff); }
.linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical) {
border-top-color: #e4e4e3;
background-image: linear-gradient(to bottom, white); }
.linked.vertical > entry:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical) {
border-top-color: #e2e2e0; }
.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:last-child):not(.vertical) {
border-top-color: #4a90d9;
box-shadow: inset 0 0 0 1px #4a90d9; }
.linked.vertical > entry + entry:focus:last-child, .linked.vertical > spinbutton:not(.vertical) + entry:focus:last-child, .linked.vertical > entry + spinbutton:focus:last-child:not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:last-child:not(.vertical) {
border-top-color: #4a90d9; }
.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > entry:focus:not(:only-child) + button,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button,
.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > button.combo {
border-top-color: #4a90d9; }
/***********
* Buttons *
***********/
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4a90d9), to(transparent)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)); } }
button, headerbar button.titlebutton,
.titlebar button.titlebutton {
min-height: 24px;
min-width: 16px;
padding: 4px 8px;
border: 1px solid;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0); }
button.flat, button.sidebar-button, headerbar button.titlebutton,
.titlebar button.titlebutton {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
transition: none; }
button.flat:hover, button.sidebar-button:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; }
button.flat:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active,
.titlebar button.titlebutton:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: highlight; }
button:active, headerbar button.titlebutton:active,
.titlebar button.titlebutton:active, button:checked, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:checked {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0);
transition-duration: 50ms; }
button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button.flat:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none; }
button:backdrop:active, button:backdrop:checked, button.flat:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, button.flat:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #d1d1cf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button:backdrop:disabled, button.flat:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button:backdrop:disabled:active, button:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
.titlebar button.titlebutton:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e4e4e4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.flat:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button.flat:disabled, button.sidebar-button:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, button.flat:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
button:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button:disabled:active, button:disabled:checked {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.osd, headerbar button.osd.titlebutton,
.titlebar button.osd.titlebutton {
color: #eeeeec;
border-radius: 5px;
outline-color: rgba(238, 238, 236, 0.3);
color: #eeeeec;
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(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
button.osd.image-button {
min-height: 48px;
min-width: 48px; }
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(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
button.osd:active, button.osd:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
button.osd:disabled, button.osd:backdrop:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
button.osd:backdrop {
color: #eeeeec;
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; }
popover.background.touch-selection button, popover.background.magnifier button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
.app-notification .titlebar button.titlebutton,
.titlebar .app-notification button.titlebutton,
.app-notification.frame button, .osd button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
.osd .titlebar button.titlebutton,
.titlebar .osd button.titlebutton {
color: #eeeeec;
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(238, 238, 236, 0.3); }
popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(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(238, 238, 236, 0.3); }
popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification button:backdrop:checked, .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, .app-notification button:backdrop:disabled, .osd button:disabled, .osd button:backdrop:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd button:backdrop {
color: #eeeeec;
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; }
popover.background.touch-selection button.flat, popover.background.touch-selection button.sidebar-button, popover.background.touch-selection headerbar button.titlebutton, headerbar popover.background.touch-selection button.titlebutton,
popover.background.touch-selection .titlebar button.titlebutton,
.titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier button.flat, popover.background.magnifier button.sidebar-button, popover.background.magnifier headerbar button.titlebutton, headerbar popover.background.magnifier button.titlebutton,
popover.background.magnifier .titlebar button.titlebutton,
.titlebar popover.background.magnifier button.titlebutton, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
.app-notification .titlebar button.titlebutton,
.titlebar .app-notification button.titlebutton, .osd button.flat, .osd button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
.osd .titlebar button.titlebutton,
.titlebar .osd button.titlebutton {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
popover.background.touch-selection button.flat:hover, popover.background.touch-selection button.sidebar-button:hover, popover.background.touch-selection headerbar button.titlebutton:hover, headerbar popover.background.touch-selection button.titlebutton:hover,
popover.background.touch-selection .titlebar button.titlebutton:hover,
.titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier button.flat:hover, popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier headerbar button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover,
popover.background.magnifier .titlebar button.titlebutton:hover,
.titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover, .app-notification button.sidebar-button:hover, .app-notification headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover,
.app-notification .titlebar button.titlebutton:hover,
.titlebar .app-notification button.titlebutton:hover, .osd button.flat:hover, .osd button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd button.titlebutton:hover,
.osd .titlebar button.titlebutton:hover,
.titlebar .osd button.titlebutton: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(238, 238, 236, 0.3); }
popover.background.touch-selection button.flat:disabled, popover.background.touch-selection button.sidebar-button:disabled, popover.background.touch-selection headerbar button.titlebutton:disabled, headerbar popover.background.touch-selection button.titlebutton:disabled,
popover.background.touch-selection .titlebar button.titlebutton:disabled,
.titlebar popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier button.flat:disabled, popover.background.magnifier button.sidebar-button:disabled, popover.background.magnifier headerbar button.titlebutton:disabled, headerbar popover.background.magnifier button.titlebutton:disabled,
popover.background.magnifier .titlebar button.titlebutton:disabled,
.titlebar popover.background.magnifier button.titlebutton:disabled, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, .app-notification headerbar button.titlebutton:disabled, headerbar .app-notification button.titlebutton:disabled,
.app-notification .titlebar button.titlebutton:disabled,
.titlebar .app-notification button.titlebutton:disabled, .osd button.flat:disabled, .osd button.sidebar-button:disabled, .osd headerbar button.titlebutton:disabled, headerbar .osd button.titlebutton:disabled,
.osd .titlebar button.titlebutton:disabled,
.titlebar .osd button.titlebutton:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-image: none;
border-color: transparent;
box-shadow: none; }
popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection button.sidebar-button:backdrop, popover.background.touch-selection headerbar button.titlebutton:backdrop, headerbar popover.background.touch-selection button.titlebutton:backdrop,
popover.background.touch-selection .titlebar button.titlebutton:backdrop,
.titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier button.flat:backdrop, popover.background.magnifier button.sidebar-button:backdrop, popover.background.magnifier headerbar button.titlebutton:backdrop, headerbar popover.background.magnifier button.titlebutton:backdrop,
popover.background.magnifier .titlebar button.titlebutton:backdrop,
.titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification button.flat:backdrop, .app-notification button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar .app-notification button.titlebutton:backdrop,
.app-notification .titlebar button.titlebutton:backdrop,
.titlebar .app-notification button.titlebutton:backdrop, .osd button.flat:backdrop, .osd button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd button.titlebutton:backdrop,
.osd .titlebar button.titlebutton:backdrop,
.titlebar .osd button.titlebutton:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
popover.background.touch-selection button.flat:active, popover.background.touch-selection button.sidebar-button:active, popover.background.touch-selection headerbar button.titlebutton:active, headerbar popover.background.touch-selection button.titlebutton:active,
popover.background.touch-selection .titlebar button.titlebutton:active,
.titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier button.flat:active, popover.background.magnifier button.sidebar-button:active, popover.background.magnifier headerbar button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active,
popover.background.magnifier .titlebar button.titlebutton:active,
.titlebar popover.background.magnifier button.titlebutton:active, .app-notification button.flat:active, .app-notification button.sidebar-button:active, .app-notification headerbar button.titlebutton:active, headerbar .app-notification button.titlebutton:active,
.app-notification .titlebar button.titlebutton:active,
.titlebar .app-notification button.titlebutton:active, popover.background.touch-selection button.flat:checked, popover.background.touch-selection button.sidebar-button:checked, popover.background.touch-selection headerbar button.titlebutton:checked, headerbar popover.background.touch-selection button.titlebutton:checked,
popover.background.touch-selection .titlebar button.titlebutton:checked,
.titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier button.flat:checked, popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier headerbar button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked,
popover.background.magnifier .titlebar button.titlebutton:checked,
.titlebar popover.background.magnifier button.titlebutton:checked, .app-notification button.flat:checked, .app-notification button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked, headerbar .app-notification button.titlebutton:checked,
.app-notification .titlebar button.titlebutton:checked,
.titlebar .app-notification button.titlebutton:checked, .osd button.flat:active, .osd button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd button.titlebutton:active,
.osd .titlebar button.titlebutton:active,
.titlebar .osd button.titlebutton:active, .osd button.flat:checked, .osd button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd button.titlebutton:checked,
.osd .titlebar button.titlebutton:checked,
.titlebar .osd button.titlebutton:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
button.suggested-action, headerbar button.suggested-action.titlebutton,
.titlebar button.suggested-action.titlebutton {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6);
text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
button.suggested-action.flat, button.suggested-action.sidebar-button, headerbar button.suggested-action.titlebutton,
.titlebar button.suggested-action.titlebutton {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #4a90d9; }
button.suggested-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:active, button.suggested-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
background-image: linear-gradient(to bottom, #276fba, #3583d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop, button.suggested-action.flat:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop,
.titlebar button.suggested-action.titlebutton:backdrop {
color: #dbe9f7;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.sidebar-button:backdrop:active, headerbar button.suggested-action.titlebutton:backdrop:active,
.titlebar button.suggested-action.titlebutton:backdrop:active, button.suggested-action.flat:backdrop:checked, button.suggested-action.sidebar-button:backdrop:checked, headerbar button.suggested-action.titlebutton:backdrop:checked,
.titlebar button.suggested-action.titlebutton:backdrop:checked {
color: #d4e4f4;
border-color: #2a76c6;
background-image: linear-gradient(to bottom, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, button.suggested-action.sidebar-button:backdrop:disabled, headerbar button.suggested-action.titlebutton:backdrop:disabled,
.titlebar button.suggested-action.titlebutton:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.sidebar-button:backdrop:disabled:active, headerbar button.suggested-action.titlebutton:backdrop:disabled:active,
.titlebar button.suggested-action.titlebutton:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, button.suggested-action.sidebar-button:backdrop:disabled:checked, headerbar button.suggested-action.titlebutton:backdrop:disabled:checked,
.titlebar button.suggested-action.titlebutton:backdrop:disabled:checked {
color: #8db9e8;
border-color: #5094db;
background-image: linear-gradient(to bottom, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.suggested-action.flat:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop,
.titlebar button.suggested-action.titlebutton:backdrop, button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.titlebutton:disabled,
.titlebar button.suggested-action.titlebutton:disabled, button.suggested-action.flat:backdrop:disabled, button.suggested-action.sidebar-button:backdrop:disabled, headerbar button.suggested-action.titlebutton:backdrop:disabled,
.titlebar button.suggested-action.titlebutton:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(74, 144, 217, 0.8); }
button.suggested-action:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
color: #b9d4f1;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #4b8dd3, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.osd button.suggested-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.suggested-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #4a90d9);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.suggested-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action, headerbar button.destructive-action.titlebutton,
.titlebar button.destructive-action.titlebutton {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #ef2929, #ee1616 60%, #d51010);
text-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
button.destructive-action.flat, button.destructive-action.sidebar-button, headerbar button.destructive-action.titlebutton,
.titlebar button.destructive-action.titlebutton {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #ef2929; }
button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #8e0b0b;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616);
text-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:active, button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #c70f0f, #ed1212);
text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop, button.destructive-action.flat:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop,
.titlebar button.destructive-action.titlebutton:backdrop {
color: #fcd4d4;
border-color: #ef2929;
background-image: linear-gradient(to bottom, #ef2929);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.sidebar-button:backdrop:active, headerbar button.destructive-action.titlebutton:backdrop:active,
.titlebar button.destructive-action.titlebutton:backdrop:active, button.destructive-action.flat:backdrop:checked, button.destructive-action.sidebar-button:backdrop:checked, headerbar button.destructive-action.titlebutton:backdrop:checked,
.titlebar button.destructive-action.titlebutton:backdrop:checked {
color: #f7cfcf;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled, headerbar button.destructive-action.titlebutton:backdrop:disabled,
.titlebar button.destructive-action.titlebutton:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.sidebar-button:backdrop:disabled:active, headerbar button.destructive-action.titlebutton:backdrop:disabled:active,
.titlebar button.destructive-action.titlebutton:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, button.destructive-action.sidebar-button:backdrop:disabled:checked, headerbar button.destructive-action.titlebutton:backdrop:disabled:checked,
.titlebar button.destructive-action.titlebutton:backdrop:disabled:checked {
color: #f57979;
border-color: #ef3131;
background-image: linear-gradient(to bottom, #ef3131);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.destructive-action.flat:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop,
.titlebar button.destructive-action.titlebutton:backdrop, button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.titlebutton:disabled,
.titlebar button.destructive-action.titlebutton:disabled, button.destructive-action.flat:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled, headerbar button.destructive-action.titlebutton:backdrop:disabled,
.titlebar button.destructive-action.titlebutton:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(239, 41, 41, 0.8); }
button.destructive-action:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
color: #f9adad;
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #e52d2d, #ef3131);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.osd button.destructive-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #ef2929);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.destructive-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
button.text-button, headerbar button.text-button.titlebutton,
.titlebar button.text-button.titlebutton {
padding-left: 16px;
padding-right: 16px; }
button.text-button.image-button label:first-child {
padding-left: 8px; }
button.text-button.image-button label:last-child {
padding-right: 8px; }
.stack-switcher > button, headerbar .stack-switcher > button.titlebutton,
.titlebar .stack-switcher > button.titlebutton {
outline-offset: -3px; }
.stack-switcher > button > label,
.titlebar .stack-switcher > button.titlebutton > label {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button > image,
.titlebar .stack-switcher > button.titlebutton > image {
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px; }
.stack-switcher > button.text-button, headerbar .stack-switcher > button.text-button.titlebutton,
.titlebar .stack-switcher > button.text-button.titlebutton {
padding-left: 10px;
padding-right: 10px; }
.stack-switcher > button.image-button, headerbar .stack-switcher > button.image-button.titlebutton,
.titlebar .stack-switcher > button.image-button.titlebutton {
padding-left: 2px;
padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image {
animation: none;
background-image: none; }
.inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
.inline-toolbar .titlebar button.titlebutton,
.titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop {
border-radius: 2px;
border-width: 1px; }
.primary-toolbar button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton,
.primary-toolbar .titlebar button.titlebutton,
.titlebar .primary-toolbar button.titlebutton {
-gtk-icon-shadow: none; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 4px; }
.stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px; }
.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton,
.inline-toolbar .titlebar toolbutton > button.titlebutton,
.titlebar .inline-toolbar toolbutton > button.titlebutton {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover,
.inline-toolbar .titlebar toolbutton > button.titlebutton:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton > button.titlebutton:active,
.inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton > button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked,
.inline-toolbar .titlebar toolbutton > button.titlebutton:checked {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled,
.inline-toolbar .titlebar toolbutton > button.titlebutton:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:active,
.inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton > button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked,
.inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:active,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #d1d1cf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:active,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:checked,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e4e4e4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat,
.inline-toolbar.location-bar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar toolbutton > button.sidebar-button,
.inline-toolbar.location-bar toolbutton > button.sidebar-button, .inline-toolbar headerbar toolbutton > button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton,
toolbar.inline-toolbar toolbutton:backdrop > button.flat,
.inline-toolbar toolbutton:backdrop > button.flat,
searchbar.inline-toolbar toolbutton:backdrop > button.flat,
.inline-toolbar.location-bar toolbutton:backdrop > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.sidebar-button,
.inline-toolbar toolbutton:backdrop > button.sidebar-button,
searchbar.inline-toolbar toolbutton:backdrop > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:backdrop > button.sidebar-button,
.inline-toolbar headerbar toolbutton:backdrop > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton:not(.vertical), .inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
.inline-toolbar .titlebar button.titlebutton,
.titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop, .linked > button, headerbar .linked > button.titlebutton,
.titlebar .linked > button.titlebutton, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) {
border-radius: 0;
border-right-style: none; }
.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .inline-toolbar button:first-child, .linked > button:first-child, headerbar .linked > button.titlebutton:first-child,
.titlebar .linked > button.titlebutton:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat,
.inline-toolbar.location-bar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:first-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:first-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:first-child > button.titlebutton,
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat,
.inline-toolbar toolbutton:backdrop:first-child > button.flat,
searchbar.inline-toolbar toolbutton:backdrop:first-child > button.flat,
.inline-toolbar.location-bar toolbutton:backdrop:first-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.sidebar-button,
.inline-toolbar toolbutton:backdrop:first-child > button.sidebar-button,
searchbar.inline-toolbar toolbutton:backdrop:first-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:backdrop:first-child > button.sidebar-button,
.inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
.titlebar .linked > button.titlebutton:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat,
.inline-toolbar.location-bar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:last-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:last-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:last-child > button.titlebutton,
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat,
.inline-toolbar toolbutton:backdrop:last-child > button.flat,
searchbar.inline-toolbar toolbutton:backdrop:last-child > button.flat,
.inline-toolbar.location-bar toolbutton:backdrop:last-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.sidebar-button,
.inline-toolbar toolbutton:backdrop:last-child > button.sidebar-button,
searchbar.inline-toolbar toolbutton:backdrop:last-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:backdrop:last-child > button.sidebar-button,
.inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right-style: solid; }
.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .inline-toolbar button:only-child, .linked > button:only-child, headerbar .linked > button.titlebutton:only-child,
.titlebar .linked > button.titlebutton:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat,
.inline-toolbar.location-bar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:only-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:only-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:only-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:only-child > button.titlebutton,
toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat,
.inline-toolbar toolbutton:backdrop:only-child > button.flat,
searchbar.inline-toolbar toolbutton:backdrop:only-child > button.flat,
.inline-toolbar.location-bar toolbutton:backdrop:only-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:only-child > button.sidebar-button,
.inline-toolbar toolbutton:backdrop:only-child > button.sidebar-button,
searchbar.inline-toolbar toolbutton:backdrop:only-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:backdrop:only-child > button.sidebar-button,
.inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, .linked:not(.vertical) > combobox:only-child > button.combo {
border-radius: 3px;
border-style: solid; }
.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > button, headerbar .linked.vertical > button.titlebutton,
.titlebar .linked.vertical > button.titlebutton, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > button.combo {
border-style: solid solid none solid;
border-radius: 0; }
.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > button:first-child, headerbar .linked.vertical > button.titlebutton:first-child,
.titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > combobox:first-child > button.combo {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > button:last-child, headerbar .linked.vertical > button.titlebutton:last-child,
.titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > combobox:last-child > button.combo {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-style: solid; }
.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > button:only-child, headerbar .linked.vertical > button.titlebutton:only-child,
.titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > combobox:only-child > button.combo {
border-radius: 3px;
border-style: solid; }
modelbutton.flat,
.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
.menuitem.button.flat:backdrop,
.menuitem.button.flat:backdrop:hover, button:link, headerbar button.titlebutton:link,
.titlebar button.titlebutton:link,
button:visited,
headerbar button.titlebutton:visited,
.titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked, button:link:backdrop,
button:visited:backdrop, menu arrow,
.menu arrow, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, .scale-popup button:hover, .scale-popup button:backdrop, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
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,
.menuitem.button.flat {
min-height: 26px;
padding-left: 5px;
padding-right: 5px;
border-radius: 3px;
outline-offset: -2px; }
modelbutton.flat:hover,
.menuitem.button.flat:hover {
background-color: #f4f4f4; }
modelbutton.flat check:last-child,
modelbutton.flat radio:last-child,
.menuitem.button.flat check:last-child,
.menuitem.button.flat radio:last-child {
margin-left: 8px; }
modelbutton.flat check:first-child,
modelbutton.flat radio:first-child,
.menuitem.button.flat check:first-child,
.menuitem.button.flat radio:first-child {
margin-right: 8px; }
modelbutton.flat arrow {
background: none; }
modelbutton.flat arrow:hover {
background: none; }
modelbutton.flat arrow.left {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
button.color, headerbar button.color.titlebutton,
.titlebar button.color.titlebutton {
padding: 4px; }
button.color colorswatch:only-child {
box-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
border-radius: 0; }
button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop {
box-shadow: none; }
/*********
* Links *
*********/
*:link, button:link, headerbar button.titlebutton:link,
.titlebar button.titlebutton:link,
button:visited,
headerbar button.titlebutton:visited,
.titlebar button.titlebutton:visited {
color: #2a76c6; }
*:link:visited,
button:visited,
headerbar button.titlebutton:visited,
.titlebar button.titlebutton:visited {
color: #215d9c; }
*:selected *:link:visited, *:selected button:visited:link,
*:selected button:visited,
*:selected headerbar button.titlebutton:visited,
headerbar *:selected button.titlebutton:visited,
*:selected .titlebar button.titlebutton:visited,
.titlebar *:selected button.titlebutton:visited {
color: #b7d3f0; }
*:link:hover, button:hover:link,
button:hover:visited {
color: #4a90d9; }
*:selected *:link:hover, *:selected button:hover:link,
*:selected button:hover:visited {
color: #edf4fb; }
*:link:active, button:active:link,
button:active:visited {
color: #2a76c6; }
*:selected *:link:active, *:selected button:active:link,
*:selected button:active:visited {
color: #dbe9f7; }
*:link:backdrop, button:backdrop:link,
button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link,
button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link,
button:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:hover:link,
headerbar.selection-mode .subtitle:backdrop:hover:link {
color: #4a90d9; }
*:link:selected, button:selected:link,
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link,
*:selected button:visited {
color: #dbe9f7; }
button:link, headerbar button.titlebutton:link,
.titlebar button.titlebutton:link,
button:visited,
headerbar button.titlebutton:visited,
.titlebar button.titlebutton:visited {
text-shadow: none; }
button:link:hover, button:link:active, button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked {
text-shadow: none; }
button:link > label, headerbar button.titlebutton:link > label,
.titlebar button.titlebutton:link > label,
button:visited > label,
headerbar button.titlebutton:visited > label,
.titlebar button.titlebutton:visited > label {
text-decoration-line: underline; }
/*****************
* GtkSpinButton *
*****************/
spinbutton:not(.vertical) {
padding: 0; }
spinbutton:not(.vertical) entry, spinbutton:not(.vertical) spinbutton:not(.vertical) {
margin: 0;
background: none;
border: none;
box-shadow: none; }
spinbutton:not(.vertical) button,
spinbutton:not(.vertical) .titlebar button.titlebutton,
.titlebar spinbutton:not(.vertical) button.titlebutton {
margin: 0;
background-image: none;
border-style: none none none solid;
border-color: rgba(157, 157, 153, 0.3);
color: #43484a;
border-radius: 0;
box-shadow: none;
min-height: 16px;
padding-top: 0;
padding-bottom: 0; }
spinbutton:not(.vertical) button:dir(rtl) {
border-style: none solid none none; }
spinbutton:not(.vertical) button:hover {
color: #2e3436;
background-color: rgba(46, 52, 54, 0.05); }
spinbutton:not(.vertical) button:disabled {
color: rgba(139, 142, 143, 0.3); }
spinbutton:not(.vertical) button:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.1); }
spinbutton:not(.vertical) button:backdrop {
color: #97999a;
border-color: rgba(165, 165, 161, 0.3);
background-color: transparent; }
spinbutton:not(.vertical) button:backdrop:disabled {
background-image: none;
color: rgba(195, 195, 192, 0.3);
border-style: none none none solid; }
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
border-style: none solid none none; }
.osd spinbutton:not(.vertical) button {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
border-style: none none none solid;
border-color: rgba(0, 0, 0, 0.4);
border-radius: 0;
box-shadow: none;
-gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) button:dir(rtl) {
border-style: none solid none none; }
.osd spinbutton:not(.vertical) button:hover {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.5);
background-color: rgba(238, 238, 236, 0.1);
-gtk-icon-shadow: 0 1px black;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #878a89;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:last-child {
border-radius: 0 3px 3px 0; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 3px 0 0 3px; }
spinbutton.vertical:disabled {
color: #8b8e8f; }
spinbutton.vertical:backdrop:disabled {
color: #c3c3c0; }
spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) {
min-height: 32px;
min-width: 32px;
padding: 0;
border-radius: 0; }
spinbutton.vertical button,
spinbutton.vertical .titlebar button.titlebutton,
.titlebar spinbutton.vertical button.titlebutton {
min-height: 32px;
min-width: 32px;
padding: 0; }
spinbutton.vertical button.up {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
spinbutton.vertical button.up:active {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
spinbutton.vertical button.up:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
spinbutton.vertical button.up:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
spinbutton.vertical button.up:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
spinbutton.vertical button.up:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
spinbutton.vertical button.up, spinbutton.vertical button.up:active, spinbutton.vertical button.up:hover, spinbutton.vertical button.up:disabled, spinbutton.vertical button.up:backdrop {
border-radius: 3px 3px 0 0;
border-style: solid solid none solid; }
spinbutton.vertical button.down {
border-radius: 0 0 3px 3px;
border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child {
color: #eeeeec;
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(238, 238, 236, 0.3); }
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd spinbutton.vertical button:first-child:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd spinbutton.vertical button:first-child:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
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; }
treeview spinbutton entry, treeview spinbutton spinbutton:not(.vertical),
treeview spinbutton entry:focus,
treeview spinbutton spinbutton:focus:not(.vertical) {
padding: 1px;
border-width: 1px 0;
border-color: #4a90d9;
border-radius: 0;
box-shadow: none; }
/**************
* ComboBoxes *
**************/
combobox arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
min-height: 16px;
min-width: 16px; }
/************
* Toolbars *
************/
toolbar, .inline-toolbar, searchbar,
.location-bar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #e8e8e7; }
.osd toolbar, .osd .inline-toolbar, .osd searchbar,
.osd .location-bar {
background-color: transparent; }
toolbar.osd, .osd.inline-toolbar, searchbar.osd,
.osd.location-bar {
padding: 13px;
border: none;
border-radius: 5px;
background-color: rgba(32, 37, 38, 0.8); }
toolbar.osd.left, .osd.left.inline-toolbar, searchbar.osd.left,
.osd.left.location-bar, toolbar.osd.right, .osd.right.inline-toolbar, searchbar.osd.right,
.osd.right.location-bar, toolbar.osd.top, .osd.top.inline-toolbar, searchbar.osd.top,
.osd.top.location-bar, toolbar.osd.bottom, .osd.bottom.inline-toolbar, searchbar.osd.bottom,
.osd.bottom.location-bar {
border-radius: 0; }
toolbar.horizontal separator, .horizontal.inline-toolbar separator, searchbar.horizontal separator,
.horizontal.location-bar separator {
margin: 0 6px; }
toolbar.vertical separator, .vertical.inline-toolbar separator, searchbar.vertical separator,
.vertical.location-bar separator {
margin: 6px 0; }
.inline-toolbar {
border-width: 0 1px 1px;
padding: 3px;
border-radius: 0 0 5px 5px; }
searchbar,
.location-bar {
border-width: 0 0 1px;
padding: 3px; }
.inline-toolbar, searchbar,
.location-bar {
border-style: solid;
border-color: #9d9d99;
background-color: #d2d2d0;
box-shadow: inset 0 2px 3px -1px #b2b2af, 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar:backdrop, searchbar:backdrop,
.location-bar:backdrop {
border-color: #a5a5a1;
background-color: #d1d1cf;
box-shadow: none; }
/***************
* Header bars *
***************/
.titlebar:not(headerbar),
headerbar {
padding: 0 6px;
min-height: 46px;
border-width: 0 0 1px;
border-style: solid;
border-color: #9d9d99;
border-radius: 0;
background-color: transparent;
background-image: linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
.titlebar:backdrop:not(headerbar),
headerbar:backdrop {
border-color: #a5a5a1;
background-color: #e8e8e7;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
.titlebar:not(headerbar) .title,
headerbar .title {
font-weight: bold;
padding-left: 12px;
padding-right: 12px; }
.titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
font-size: smaller;
padding-left: 12px;
padding-right: 12px; }
.selection-mode.titlebar:not(headerbar),
headerbar.selection-mode {
color: #ffffff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
border-color: #184472;
background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9);
box-shadow: inset 0 -1px #3975b5, inset 0 1px rgba(146, 188, 232, 0.9); }
.selection-mode.titlebar:backdrop:not(headerbar),
headerbar.selection-mode:backdrop {
background-image: linear-gradient(to bottom, #4a90d9);
box-shadow: inset 0 1px rgba(165, 200, 236, 0.88); }
.selection-mode.titlebar:not(headerbar) button,
headerbar.selection-mode button,
headerbar.selection-mode .titlebar button.titlebutton,
.titlebar headerbar.selection-mode button.titlebutton {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6);
text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(146, 188, 232, 0); }
.selection-mode.titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.sidebar-button,
.selection-mode.titlebar:not(headerbar) button.titlebutton,
headerbar.selection-mode button.flat,
headerbar.selection-mode button.sidebar-button,
headerbar.selection-mode button.titlebutton {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button:hover,
headerbar.selection-mode button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(146, 188, 232, 0); }
.selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked,
headerbar.selection-mode button:active,
headerbar.selection-mode button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
background-image: linear-gradient(to bottom, #276fba, #3583d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(146, 188, 232, 0); }
.selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop,
.selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop,
headerbar.selection-mode button:backdrop,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.sidebar-button:backdrop,
headerbar.selection-mode button.titlebutton:backdrop {
color: #dbe9f7;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
-gtk-icon-effect: none;
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:active, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:active,
.selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:active, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:checked,
.selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:checked,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked,
headerbar.selection-mode button.flat:backdrop:active,
headerbar.selection-mode button.sidebar-button:backdrop:active,
headerbar.selection-mode button.titlebutton:backdrop:active,
headerbar.selection-mode button.flat:backdrop:checked,
headerbar.selection-mode button.sidebar-button:backdrop:checked,
headerbar.selection-mode button.titlebutton:backdrop:checked {
color: #d4e4f4;
border-color: #2a76c6;
background-image: linear-gradient(to bottom, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:disabled,
.selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:disabled,
headerbar.selection-mode button:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop:disabled,
headerbar.selection-mode button.sidebar-button:backdrop:disabled,
headerbar.selection-mode button.titlebutton:backdrop:disabled {
color: #9bc2ea;
border-color: #65a1df;
background-image: linear-gradient(to bottom, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:disabled:active,
.selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:disabled:checked,
.selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:disabled:checked,
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked,
headerbar.selection-mode button.flat:backdrop:disabled:active,
headerbar.selection-mode button.sidebar-button:backdrop:disabled:active,
headerbar.selection-mode button.titlebutton:backdrop:disabled:active,
headerbar.selection-mode button.flat:backdrop:disabled:checked,
headerbar.selection-mode button.sidebar-button:backdrop:disabled:checked,
headerbar.selection-mode button.titlebutton:backdrop:disabled:checked {
color: #8db9e8;
border-color: #5094db;
background-image: linear-gradient(to bottom, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop,
.selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.sidebar-button:disabled,
.selection-mode.titlebar:not(headerbar) button.titlebutton:disabled, .selection-mode.titlebar:not(headerbar) button.flat:disabled:backdrop, .selection-mode.titlebar:not(headerbar) button.sidebar-button:disabled:backdrop,
.selection-mode.titlebar:not(headerbar) button.titlebutton:disabled:backdrop,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.sidebar-button:backdrop,
headerbar.selection-mode button.titlebutton:backdrop,
headerbar.selection-mode button.flat:disabled,
headerbar.selection-mode button.sidebar-button:disabled,
headerbar.selection-mode button.titlebutton:disabled,
headerbar.selection-mode button.flat:disabled:backdrop,
headerbar.selection-mode button.sidebar-button:disabled:backdrop,
headerbar.selection-mode button.titlebutton:disabled:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled {
color: #b2d0ef;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); }
.selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
color: #b9d4f1;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #4b8dd3, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); }
.selection-mode.titlebar:not(headerbar) button.suggested-action,
headerbar.selection-mode button.suggested-action {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover,
headerbar.selection-mode button.suggested-action:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px rgba(146, 188, 232, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:active,
headerbar.selection-mode button.suggested-action:active {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop,
headerbar.selection-mode .selection-menu,
headerbar.selection-mode .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop,
.selection-mode.titlebar:not(headerbar) headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu:backdrop {
border-color: rgba(74, 144, 217, 0);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0));
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow,
headerbar.selection-mode .selection-menu GtkArrow,
headerbar.selection-mode .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow,
.selection-mode.titlebar:not(headerbar) headerbar.selection-mode .selection-menu:backdrop GtkArrow,
headerbar.selection-mode .selection-menu:backdrop GtkArrow {
-GtkArrow-arrow-scaling: 1; }
.selection-mode.titlebar:not(headerbar) .selection-menu .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:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
headerbar, .maximized
headerbar {
border-radius: 0; }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
padding: 0 4px;
min-height: 36px; }
.default-decoration.titlebar:not(headerbar) button,
headerbar.default-decoration button,
headerbar.default-decoration .titlebar button.titlebutton,
.titlebar headerbar.default-decoration button.titlebutton {
min-height: 26px;
padding: 0 5px; }
.titlebar:not(headerbar) entry, .titlebar:not(headerbar) spinbutton:not(.vertical),
.titlebar:not(headerbar) spinbutton,
.titlebar:not(headerbar) separator,
.titlebar:not(headerbar) button,
.titlebar:not(headerbar) button.titlebutton,
headerbar entry,
headerbar spinbutton:not(.vertical),
headerbar spinbutton,
headerbar separator,
headerbar button,
headerbar button.titlebutton,
headerbar .titlebar button.titlebutton,
.titlebar headerbar button.titlebutton {
margin-top: 6px;
margin-bottom: 6px; }
.titlebar, .titlebar:backdrop {
border-top-left-radius: 7px;
border-top-right-radius: 7px; }
separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop {
border-top-left-radius: 7px; }
headerbar:last-child, headerbar:last-child:backdrop {
border-top-right-radius: 7px; }
window.csd > .titlebar:not(headerbar) {
padding: 0;
background-color: transparent;
background-image: none;
border-style: none;
border-color: transparent;
box-shadow: none; }
/************
* Pathbars *
************/
.path-bar button:only-child {
padding-left: 12px;
padding-right: 12px; }
.path-bar button label:last-child {
padding-left: 2px; }
.path-bar button label:first-child {
padding-right: 2px; }
.path-bar button label:only-child {
padding-right: 0;
padding-left: 0; }
/**************
* Tree Views *
**************/
treeview.view {
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
border-left-color: #979a9b;
border-top-color: #e8e8e7; }
treeview.view:selected, treeview.view:selected:focus {
border-radius: 0; }
treeview.view:selected, treeview.view:backdrop:selected {
border-left-color: #a5c8ec;
border-top-color: rgba(46, 52, 54, 0.1); }
treeview.view:disabled {
color: #8b8e8f; }
treeview.view:disabled:selected {
color: #92bce8; }
treeview.view:disabled:selected:backdrop {
color: #80b1e4; }
treeview.view:disabled:backdrop {
color: #c3c3c0; }
treeview.view.separator {
min-height: 2px;
color: #e8e8e7; }
treeview.view.separator:backdrop {
color: rgba(232, 232, 231, 0.1); }
treeview.view:backdrop {
border-left-color: #babbbb;
border-top: #e8e8e7; }
treeview.view.dnd {
border-style: solid none;
border-width: 1px;
border-color: #3c6288; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #6d7172; }
treeview.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
treeview.view.expander:hover {
color: #2e3436; }
treeview.view.expander:selected {
color: #c9def4; }
treeview.view.expander:selected:hover {
color: #ffffff; }
treeview.view.expander:selected:backdrop {
color: #c9def4; }
treeview.view.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
treeview.view.expander:backdrop {
color: #aeb0b1; }
treeview.view.progressbar {
color: #ffffff;
border: 1px solid #184472;
border-radius: 4px;
background-image: linear-gradient(to bottom, #4a90d9, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
treeview.view.progressbar:selected {
color: #4a90d9;
box-shadow: none;
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); }
treeview.view.progressbar:selected:backdrop {
color: #4a90d9;
border-color: #184472;
background-color: white; }
treeview.view.progressbar:backdrop {
color: white;
background-image: none;
box-shadow: none; }
treeview.view.trough {
background-color: rgba(46, 52, 54, 0.1);
border-radius: 4px; }
treeview.view.trough:selected {
background-color: rgba(255, 255, 255, 0.3);
border-width: 1px 0;
border-style: solid;
border-color: #4a90d9; }
treeview.view header button,
treeview.view header .titlebar button.titlebutton,
.titlebar treeview.view header button.titlebutton {
color: #979a9b;
background-color: #ffffff;
font-weight: bold;
text-shadow: none;
box-shadow: none; }
treeview.view header button:hover {
color: #636769;
box-shadow: none;
transition: none; }
treeview.view header button:active {
color: #2e3436;
transition: none; }
treeview.view header button:last-child,
treeview.view header button:last-child:backdrop {
border-right-style: none; }
treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover {
transition: none;
color: #4a90d9;
box-shadow: inset 1px 1px 0 1px #4a90d9, inset -1px 0 0 1px #4a90d9, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
treeview.view header button,
treeview.view header .titlebar button.titlebutton,
.titlebar treeview.view header button.titlebutton, treeview.view header button:hover, treeview.view header button:active {
padding: 3px 6px;
border-style: none solid solid none;
border-radius: 0;
background-image: none;
border-color: #e8e8e7;
text-shadow: none; }
treeview.view header button:disabled {
border-color: #e8e8e7;
background-image: none; }
treeview.view header button:backdrop {
border-color: #e8e8e7;
border-style: none solid solid none;
color: #babbbb;
background-image: none;
background-color: white; }
treeview.view header button:backdrop:disabled {
border-color: #e8e8e7;
background-image: none; }
/*********
* Menus *
*********/
menubar,
.menubar {
-GtkWidget-window-dragging: true;
padding: 0px;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar:backdrop,
.menubar:backdrop {
background-color: #e8e8e7; }
menubar > menuitem,
.menubar > menuitem {
padding: 4px 8px; }
menubar > menuitem:hover,
.menubar > menuitem:hover {
box-shadow: inset 0 -3px #4a90d9;
color: #2a76c6; }
menubar > menuitem:disabled,
.menubar > menuitem:disabled {
color: #8b8e8f;
box-shadow: none; }
menu,
.menu {
margin: 4px;
padding: 0px;
background-color: #ffffff;
border: 1px solid #9d9d99; }
.csd menu, .csd
.menu {
border: none; }
menu:backdrop,
.menu:backdrop {
background-color: white; }
menu menuitem,
.menu menuitem {
text-shadow: none;
padding: 4px;
min-width: 40px; }
menu menuitem:hover,
.menu menuitem:hover {
color: #ffffff;
background-color: #4a90d9; }
menu menuitem:disabled,
.menu menuitem:disabled {
color: #8b8e8f; }
menu menuitem:disabled:backdrop,
.menu menuitem:disabled:backdrop {
color: #c3c3c0; }
menu menuitem:backdrop, menu menuitem:backdrop:hover,
.menu menuitem:backdrop,
.menu menuitem:backdrop:hover {
color: #8b8e8f;
background-color: transparent; }
menu menuitem arrow,
.menu menuitem arrow {
min-height: 16px;
min-width: 16px; }
menu menuitem arrow:dir(ltr),
.menu menuitem arrow:dir(ltr) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
margin-left: 10px; }
menu menuitem arrow:dir(rtl),
.menu menuitem arrow:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
margin-right: 10px; }
menu arrow,
.menu arrow {
border-style: none;
border-radius: 0;
min-height: 16px;
min-width: 16px; }
menu arrow.top,
.menu arrow.top {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
border-bottom: 1px solid #eaebeb; }
menu arrow.bottom,
.menu arrow.bottom {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
border-top: 1px solid #eaebeb; }
menu arrow:hover,
.menu arrow:hover {
background-color: #eaebeb; }
menu arrow:disabled,
.menu arrow:disabled {
color: transparent;
background-color: transparent;
border-color: transparent; }
menuitem accelerator {
color: alpha(currentColor,0.55); }
menuitem check,
menuitem radio {
min-height: 16px;
min-width: 16px; }
menuitem check:dir(ltr),
menuitem radio:dir(ltr) {
margin-right: 7px; }
menuitem check:dir(rtl),
menuitem radio:dir(rtl) {
margin-left: 7px; }
/***************
* Popovers *
***************/
popover.background {
padding: 2px;
border-radius: 5px;
background-color: #e8e8e7;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
popover.background, .csd popover.background {
border: 1px solid #9d9d99; }
popover.background:backdrop {
background-color: #e8e8e7;
box-shadow: none; }
popover.background > list,
popover.background > .view,
popover.background > iconview,
popover.background > toolbar,
popover.background > .inline-toolbar,
popover.background > searchbar,
popover.background > .location-bar {
border-style: none;
background-color: transparent; }
popover.background.touch-selection, popover.background.magnifier, .csd popover.background.touch-selection, .csd popover.background.magnifier {
border: 1px solid rgba(255, 255, 255, 0.1); }
popover.background separator {
margin: 3px; }
popover.background list separator {
margin: 0px; }
/*************
* Notebooks *
*************/
notebook > header {
border-color: #9d9d99;
border-width: 1px;
background-color: #cececc; }
notebook > header:backdrop {
border-color: #a5a5a1;
background-color: #d1d1cf; }
notebook > header.top {
border-bottom-style: solid; }
notebook > header.top > tabs {
margin-bottom: -1px; }
notebook > header.top > tabs > tab:hover {
box-shadow: inset 0 -3px #9d9d99; }
notebook > header.top > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.top > tabs > tab:active {
box-shadow: inset 0 -3px #4a90d9; }
notebook > header.bottom {
border-top-style: solid; }
notebook > header.bottom > tabs {
margin-top: -1px; }
notebook > header.bottom > tabs > tab:hover {
box-shadow: inset 0 3px #9d9d99; }
notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.bottom > tabs > tab:active {
box-shadow: inset 0 3px #4a90d9; }
notebook > header.left {
border-right-style: solid; }
notebook > header.left > tabs {
margin-right: -1px; }
notebook > header.left > tabs > tab:hover {
box-shadow: inset -3px 0 #9d9d99; }
notebook > header.left > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.left > tabs > tab:active {
box-shadow: inset -3px 0 #4a90d9; }
notebook > header.right {
border-left-style: solid; }
notebook > header.right > tabs {
margin-left: -1px; }
notebook > header.right > tabs > tab:hover {
box-shadow: inset 3px 0 #9d9d99; }
notebook > header.right > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.right > tabs > tab:active {
box-shadow: inset 3px 0 #4a90d9; }
notebook > header tab {
font-weight: bold;
min-height: 36px;
min-width: 36px;
padding-left: 12px;
padding-right: 12px;
color: #8b8e8f;
border-width: 1px;
border-color: transparent; }
notebook > header tab:hover {
color: #5d6163; }
notebook > header tab:hover.reorderable-page {
border-color: rgba(157, 157, 153, 0.3);
background-color: rgba(232, 232, 231, 0.2); }
notebook > header tab:backdrop {
color: #b0b2b2; }
notebook > header tab:backdrop.reorderable-page {
border-color: transparent;
background-color: transparent; }
notebook > header tab:active {
color: #2e3436; }
notebook > header tab:active.reorderable-page {
border-color: rgba(157, 157, 153, 0.5);
background-color: rgba(232, 232, 231, 0.5); }
notebook > header tab:active.reorderable-page:hover {
background-color: rgba(232, 232, 231, 0.7); }
notebook > header tab:backdrop:active {
color: #8b8e8f; }
notebook > header tab:backdrop:active.reorderable-page {
border-color: #a5a5a1;
background-color: #e8e8e7; }
notebook > header tab button.flat, notebook > header tab button.sidebar-button, notebook > header tab headerbar button.titlebutton, headerbar notebook > header tab button.titlebutton,
notebook > header tab .titlebar button.titlebutton,
.titlebar notebook > header tab button.titlebutton {
padding: 0;
margin-top: 8px;
margin-bottom: 8px;
min-width: 18px;
min-height: 18px; }
notebook > header tab button.flat:hover, notebook > header tab button.sidebar-button:hover, notebook > header tab headerbar button.titlebutton:hover, headerbar notebook > header tab button.titlebutton:hover,
notebook > header tab .titlebar button.titlebutton:hover,
.titlebar notebook > header tab button.titlebutton:hover {
color: currentColor; }
notebook > header tab button.flat, notebook > header tab button.sidebar-button, notebook > header tab headerbar button.titlebutton, headerbar notebook > header tab button.titlebutton,
notebook > header tab .titlebar button.titlebutton,
.titlebar notebook > header tab button.titlebutton, notebook > header tab button.flat:backdrop, notebook > header tab button.sidebar-button:backdrop, notebook > header tab headerbar button.titlebutton:backdrop, headerbar notebook > header tab button.titlebutton:backdrop,
notebook > header tab .titlebar button.titlebutton:backdrop,
.titlebar notebook > header tab button.titlebutton:backdrop {
color: alpha(currentColor,0.3); }
notebook > header tab button.flat:last-child, notebook > header tab button.sidebar-button:last-child, notebook > header tab headerbar button.titlebutton:last-child, headerbar notebook > header tab button.titlebutton:last-child,
notebook > header tab .titlebar button.titlebutton:last-child,
.titlebar notebook > header tab button.titlebutton:last-child {
margin-left: 4px;
margin-right: -4px; }
notebook > header tab button.flat:first-child, notebook > header tab button.sidebar-button:first-child, notebook > header tab headerbar button.titlebutton:first-child, headerbar notebook > header tab button.titlebutton:first-child,
notebook > header tab .titlebar button.titlebutton:first-child,
.titlebar notebook > header tab button.titlebutton:first-child {
margin-left: -4px;
margin-right: 4px; }
notebook > header.top tabs, notebook > header.bottom tabs {
margin-left: 4px;
margin-right: 4px; }
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 {
margin-top: 4px;
margin-bottom: 4px; }
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 > stack:not(:only-child) {
background-color: #ffffff; }
notebook > stack:not(:only-child):backdrop {
background-color: white; }
/**************
* Scrollbars *
**************/
* {
-GtkRange-slider-width: 13;
-GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
-GtkScrollbar-min-slider-length: 42;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1; }
scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton,
scrollbar .titlebar button.titlebutton,
.titlebar scrollbar button.titlebutton {
border: none; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4;
-GtkRange-slider-width: 5px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0;
background-color: #2e3436;
border: 1px solid white;
background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none;
background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
margin-top: 2px;
margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
margin-left: 2px;
margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
opacity: 0.7; }
scrollbar trough {
background-color: #d7d7d5;
border: 1px none #9d9d99; }
scrollbar trough:backdrop {
background-color: #e1e1df;
border-color: #a5a5a1; }
scrollbar slider {
background-color: #787c7d; }
scrollbar slider:hover {
background-color: #535859; }
scrollbar slider:hover:active {
background-color: #2a76c6; }
scrollbar slider:backdrop {
background-color: #c3c4c4; }
scrollbar slider:disabled {
background-color: transparent; }
scrollbar slider {
border-radius: 100px;
margin: 3px; }
scrollbar.fine-tune slider {
margin: 4px; }
scrollbar.vertical slider {
margin-left: 4px; }
scrollbar.vertical slider:dir(rtl) {
margin-left: 3px;
margin-right: 4px; }
scrollbar.vertical.fine-tune slider {
margin-left: 5px; }
scrollbar.vertical.fine-tune slider:dir(rtl) {
margin-left: 4px;
margin-right: 5px; }
scrollbar.vertical trough {
border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) {
border-left-style: none;
border-right-style: solid; }
scrollbar.horizontal slider {
margin-top: 4px; }
scrollbar.horizontal.fine-tune slider {
margin-top: 5px; }
scrollbar.horizontal trough {
border-top-style: solid; }
/**********
* Switch *
**********/
switch {
font-weight: bold;
font-size: smaller;
outline-offset: -4px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0);
border: 1px solid #9d9d99;
border-radius: 3px;
color: #2e3436;
background-image: linear-gradient(to bottom, #cacac8);
text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
switch:active {
color: white;
border-color: #184472;
background-color: #4a90d9;
background-image: none;
box-shadow: 0 1px rgba(255, 255, 255, 0);
text-shadow: 0 1px rgba(24, 68, 114, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: none;
background-color: #f1f1f1;
box-shadow: 0 1px rgba(255, 255, 255, 0);
text-shadow: none; }
switch:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #d1d1cf);
box-shadow: none;
text-shadow: none; }
switch:backdrop:active {
color: #e8e8e7;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
box-shadow: none; }
switch:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: none;
background-color: #f1f1f1; }
switch slider {
margin: -1px;
min-width: 45px;
min-height: 27px;
border: 1px solid;
border-radius: 3px;
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 1px white, inset 0 -2px rgba(232, 232, 231, 0.6), inset 0 -1px #c3c3c0; }
switch:hover slider {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 1px white, inset 0 -2px rgba(232, 232, 231, 0.6), inset 0 -1px #c3c3c0; }
switch:active slider {
border: 1px solid #184472; }
switch:disabled slider {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop slider {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
box-shadow: none; }
switch:backdrop:active slider {
border-color: #4a90d9; }
switch:backdrop:disabled slider {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
box-shadow: none; }
row:selected switch {
box-shadow: none;
border-color: #184472; }
row:selected switch:backdrop {
border-color: #184472; }
row:selected switch.slider:dir(rtl) {
border-left-color: #9d9d99; }
row:selected switch.slider:dir(ltr) {
border-right-color: #9d9d99; }
row:selected switch.slider, row:selected switch.slider:active {
border-color: #184472; }
/*************************
* Check and Radio items *
*************************/
treeview.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check button.flat, treeview.check button.sidebar-button, treeview.check headerbar button.titlebutton, headerbar treeview.check button.titlebutton,
treeview.check .titlebar button.titlebutton,
.titlebar treeview.check button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:selected, iconview treeview.check:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); }
treeview.check:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:hover button.flat, treeview.check:hover button.sidebar-button, treeview.check:hover headerbar button.titlebutton, headerbar treeview.check:hover button.titlebutton,
treeview.check:hover .titlebar button.titlebutton,
.titlebar treeview.check:hover button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:hover:selected, iconview treeview.check:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); }
treeview.check:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:active button.flat, treeview.check:active button.sidebar-button, treeview.check:active headerbar button.titlebutton, headerbar treeview.check:active button.titlebutton,
treeview.check:active .titlebar button.titlebutton,
.titlebar treeview.check:active button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:active:selected, iconview treeview.check:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); }
treeview.check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:disabled button.flat, treeview.check:disabled button.sidebar-button, treeview.check:disabled headerbar button.titlebutton, headerbar treeview.check:disabled button.titlebutton,
treeview.check:disabled .titlebar button.titlebutton,
.titlebar treeview.check:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:disabled:selected, iconview treeview.check:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); }
treeview.check:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png"));
-gtk-icon-shadow: none; }
treeview.check:backdrop button.flat, treeview.check:backdrop button.sidebar-button, treeview.check:backdrop headerbar button.titlebutton, headerbar treeview.check:backdrop button.titlebutton,
treeview.check:backdrop .titlebar button.titlebutton,
.titlebar treeview.check:backdrop button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:backdrop:selected, iconview treeview.check:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); }
treeview.check:backdrop:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
treeview.check:backdrop:disabled button.flat, treeview.check:backdrop:disabled button.sidebar-button, treeview.check:backdrop:disabled headerbar button.titlebutton, headerbar treeview.check:backdrop:disabled button.titlebutton,
treeview.check:backdrop:disabled .titlebar button.titlebutton,
.titlebar treeview.check:backdrop:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:backdrop:disabled:selected, iconview treeview.check:backdrop:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); }
treeview.check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:indeterminate button.flat, treeview.check:indeterminate button.sidebar-button, treeview.check:indeterminate headerbar button.titlebutton, headerbar treeview.check:indeterminate button.titlebutton,
treeview.check:indeterminate .titlebar button.titlebutton,
.titlebar treeview.check:indeterminate button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:indeterminate:selected, iconview treeview.check:indeterminate:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); }
treeview.check:indeterminate:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:indeterminate:hover button.flat, treeview.check:indeterminate:hover button.sidebar-button, treeview.check:indeterminate:hover headerbar button.titlebutton, headerbar treeview.check:indeterminate:hover button.titlebutton,
treeview.check:indeterminate:hover .titlebar button.titlebutton,
.titlebar treeview.check:indeterminate:hover button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:indeterminate:hover:selected, iconview treeview.check:indeterminate:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); }
treeview.check:indeterminate:selected {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:indeterminate:selected button.flat, treeview.check:indeterminate:selected button.sidebar-button, treeview.check:indeterminate:selected headerbar button.titlebutton, headerbar treeview.check:indeterminate:selected button.titlebutton,
treeview.check:indeterminate:selected .titlebar button.titlebutton,
.titlebar treeview.check:indeterminate:selected button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:indeterminate:selected:selected, iconview treeview.check:indeterminate:selected:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); }
treeview.check:indeterminate:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png"));
-gtk-icon-shadow: none; }
treeview.check:indeterminate:backdrop button.flat, treeview.check:indeterminate:backdrop button.sidebar-button, treeview.check:indeterminate:backdrop headerbar button.titlebutton, headerbar treeview.check:indeterminate:backdrop button.titlebutton,
treeview.check:indeterminate:backdrop .titlebar button.titlebutton,
.titlebar treeview.check:indeterminate:backdrop button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:indeterminate:backdrop:selected, iconview treeview.check:indeterminate:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); }
treeview.check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:indeterminate:disabled button.flat, treeview.check:indeterminate:disabled button.sidebar-button, treeview.check:indeterminate:disabled headerbar button.titlebutton, headerbar treeview.check:indeterminate:disabled button.titlebutton,
treeview.check:indeterminate:disabled .titlebar button.titlebutton,
.titlebar treeview.check:indeterminate:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:indeterminate:disabled:selected, iconview treeview.check:indeterminate:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); }
treeview.check:indeterminate:disabled:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
treeview.check:indeterminate:disabled:backdrop button.flat, treeview.check:indeterminate:disabled:backdrop button.sidebar-button, treeview.check:indeterminate:disabled:backdrop headerbar button.titlebutton, headerbar treeview.check:indeterminate:disabled:backdrop button.titlebutton,
treeview.check:indeterminate:disabled:backdrop .titlebar button.titlebutton,
.titlebar treeview.check:indeterminate:disabled:backdrop button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:indeterminate:disabled:backdrop:selected, iconview treeview.check:indeterminate:disabled:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive@2.png")); }
treeview.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:checked button.flat, treeview.check:checked button.sidebar-button, treeview.check:checked headerbar button.titlebutton, headerbar treeview.check:checked button.titlebutton,
treeview.check:checked .titlebar button.titlebutton,
.titlebar treeview.check:checked button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:checked:selected, iconview treeview.check:checked:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); }
treeview.check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:checked:disabled button.flat, treeview.check:checked:disabled button.sidebar-button, treeview.check:checked:disabled headerbar button.titlebutton, headerbar treeview.check:checked:disabled button.titlebutton,
treeview.check:checked:disabled .titlebar button.titlebutton,
.titlebar treeview.check:checked:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:checked:disabled:selected, iconview treeview.check:checked:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); }
treeview.check:checked:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:checked:hover button.flat, treeview.check:checked:hover button.sidebar-button, treeview.check:checked:hover headerbar button.titlebutton, headerbar treeview.check:checked:hover button.titlebutton,
treeview.check:checked:hover .titlebar button.titlebutton,
.titlebar treeview.check:checked:hover button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:checked:hover:selected, iconview treeview.check:checked:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); }
treeview.check:checked:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.check:checked:active button.flat, treeview.check:checked:active button.sidebar-button, treeview.check:checked:active headerbar button.titlebutton, headerbar treeview.check:checked:active button.titlebutton,
treeview.check:checked:active .titlebar button.titlebutton,
.titlebar treeview.check:checked:active button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:checked:active:selected, iconview treeview.check:checked:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); }
treeview.check:backdrop:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png"));
-gtk-icon-shadow: none; }
treeview.check:backdrop:checked button.flat, treeview.check:backdrop:checked button.sidebar-button, treeview.check:backdrop:checked headerbar button.titlebutton, headerbar treeview.check:backdrop:checked button.titlebutton,
treeview.check:backdrop:checked .titlebar button.titlebutton,
.titlebar treeview.check:backdrop:checked button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:backdrop:checked:selected, iconview treeview.check:backdrop:checked:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); }
treeview.check:backdrop:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
treeview.check:backdrop:checked:disabled button.flat, treeview.check:backdrop:checked:disabled button.sidebar-button, treeview.check:backdrop:checked:disabled headerbar button.titlebutton, headerbar treeview.check:backdrop:checked:disabled button.titlebutton,
treeview.check:backdrop:checked:disabled .titlebar button.titlebutton,
.titlebar treeview.check:backdrop:checked:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.check:backdrop:checked:disabled:selected, iconview treeview.check:backdrop:checked:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive.png"), url("assets/selected-checkbox-checked-backdrop-insensitive@2.png")); }
treeview.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio button.flat, treeview.radio button.sidebar-button, treeview.radio headerbar button.titlebutton, headerbar treeview.radio button.titlebutton,
treeview.radio .titlebar button.titlebutton,
.titlebar treeview.radio button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:selected, iconview treeview.radio:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); }
treeview.radio:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:hover button.flat, treeview.radio:hover button.sidebar-button, treeview.radio:hover headerbar button.titlebutton, headerbar treeview.radio:hover button.titlebutton,
treeview.radio:hover .titlebar button.titlebutton,
.titlebar treeview.radio:hover button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:hover:selected, iconview treeview.radio:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); }
treeview.radio:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:active button.flat, treeview.radio:active button.sidebar-button, treeview.radio:active headerbar button.titlebutton, headerbar treeview.radio:active button.titlebutton,
treeview.radio:active .titlebar button.titlebutton,
.titlebar treeview.radio:active button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:active:selected, iconview treeview.radio:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); }
treeview.radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:disabled button.flat, treeview.radio:disabled button.sidebar-button, treeview.radio:disabled headerbar button.titlebutton, headerbar treeview.radio:disabled button.titlebutton,
treeview.radio:disabled .titlebar button.titlebutton,
.titlebar treeview.radio:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:disabled:selected, iconview treeview.radio:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); }
treeview.radio:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png"));
-gtk-icon-shadow: none; }
treeview.radio:backdrop button.flat, treeview.radio:backdrop button.sidebar-button, treeview.radio:backdrop headerbar button.titlebutton, headerbar treeview.radio:backdrop button.titlebutton,
treeview.radio:backdrop .titlebar button.titlebutton,
.titlebar treeview.radio:backdrop button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:backdrop:selected, iconview treeview.radio:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); }
treeview.radio:backdrop:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
treeview.radio:backdrop:disabled button.flat, treeview.radio:backdrop:disabled button.sidebar-button, treeview.radio:backdrop:disabled headerbar button.titlebutton, headerbar treeview.radio:backdrop:disabled button.titlebutton,
treeview.radio:backdrop:disabled .titlebar button.titlebutton,
.titlebar treeview.radio:backdrop:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:backdrop:disabled:selected, iconview treeview.radio:backdrop:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); }
treeview.radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:indeterminate button.flat, treeview.radio:indeterminate button.sidebar-button, treeview.radio:indeterminate headerbar button.titlebutton, headerbar treeview.radio:indeterminate button.titlebutton,
treeview.radio:indeterminate .titlebar button.titlebutton,
.titlebar treeview.radio:indeterminate button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:indeterminate:selected, iconview treeview.radio:indeterminate:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); }
treeview.radio:indeterminate:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:indeterminate:hover button.flat, treeview.radio:indeterminate:hover button.sidebar-button, treeview.radio:indeterminate:hover headerbar button.titlebutton, headerbar treeview.radio:indeterminate:hover button.titlebutton,
treeview.radio:indeterminate:hover .titlebar button.titlebutton,
.titlebar treeview.radio:indeterminate:hover button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:indeterminate:hover:selected, iconview treeview.radio:indeterminate:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); }
treeview.radio:indeterminate:selected {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:indeterminate:selected button.flat, treeview.radio:indeterminate:selected button.sidebar-button, treeview.radio:indeterminate:selected headerbar button.titlebutton, headerbar treeview.radio:indeterminate:selected button.titlebutton,
treeview.radio:indeterminate:selected .titlebar button.titlebutton,
.titlebar treeview.radio:indeterminate:selected button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:indeterminate:selected:selected, iconview treeview.radio:indeterminate:selected:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); }
treeview.radio:indeterminate:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png"));
-gtk-icon-shadow: none; }
treeview.radio:indeterminate:backdrop button.flat, treeview.radio:indeterminate:backdrop button.sidebar-button, treeview.radio:indeterminate:backdrop headerbar button.titlebutton, headerbar treeview.radio:indeterminate:backdrop button.titlebutton,
treeview.radio:indeterminate:backdrop .titlebar button.titlebutton,
.titlebar treeview.radio:indeterminate:backdrop button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:indeterminate:backdrop:selected, iconview treeview.radio:indeterminate:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); }
treeview.radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:indeterminate:disabled button.flat, treeview.radio:indeterminate:disabled button.sidebar-button, treeview.radio:indeterminate:disabled headerbar button.titlebutton, headerbar treeview.radio:indeterminate:disabled button.titlebutton,
treeview.radio:indeterminate:disabled .titlebar button.titlebutton,
.titlebar treeview.radio:indeterminate:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:indeterminate:disabled:selected, iconview treeview.radio:indeterminate:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); }
treeview.radio:indeterminate:disabled:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
treeview.radio:indeterminate:disabled:backdrop button.flat, treeview.radio:indeterminate:disabled:backdrop button.sidebar-button, treeview.radio:indeterminate:disabled:backdrop headerbar button.titlebutton, headerbar treeview.radio:indeterminate:disabled:backdrop button.titlebutton,
treeview.radio:indeterminate:disabled:backdrop .titlebar button.titlebutton,
.titlebar treeview.radio:indeterminate:disabled:backdrop button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:indeterminate:disabled:backdrop:selected, iconview treeview.radio:indeterminate:disabled:backdrop:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive.png"), url("assets/selected-radio-mixed-backdrop-insensitive@2.png")); }
treeview.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:checked button.flat, treeview.radio:checked button.sidebar-button, treeview.radio:checked headerbar button.titlebutton, headerbar treeview.radio:checked button.titlebutton,
treeview.radio:checked .titlebar button.titlebutton,
.titlebar treeview.radio:checked button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:checked:selected, iconview treeview.radio:checked:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); }
treeview.radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:checked:disabled button.flat, treeview.radio:checked:disabled button.sidebar-button, treeview.radio:checked:disabled headerbar button.titlebutton, headerbar treeview.radio:checked:disabled button.titlebutton,
treeview.radio:checked:disabled .titlebar button.titlebutton,
.titlebar treeview.radio:checked:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:checked:disabled:selected, iconview treeview.radio:checked:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); }
treeview.radio:checked:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:checked:hover button.flat, treeview.radio:checked:hover button.sidebar-button, treeview.radio:checked:hover headerbar button.titlebutton, headerbar treeview.radio:checked:hover button.titlebutton,
treeview.radio:checked:hover .titlebar button.titlebutton,
.titlebar treeview.radio:checked:hover button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:checked:hover:selected, iconview treeview.radio:checked:hover:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); }
treeview.radio:checked:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
treeview.radio:checked:active button.flat, treeview.radio:checked:active button.sidebar-button, treeview.radio:checked:active headerbar button.titlebutton, headerbar treeview.radio:checked:active button.titlebutton,
treeview.radio:checked:active .titlebar button.titlebutton,
.titlebar treeview.radio:checked:active button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:checked:active:selected, iconview treeview.radio:checked:active:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); }
treeview.radio:backdrop:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png"));
-gtk-icon-shadow: none; }
treeview.radio:backdrop:checked button.flat, treeview.radio:backdrop:checked button.sidebar-button, treeview.radio:backdrop:checked headerbar button.titlebutton, headerbar treeview.radio:backdrop:checked button.titlebutton,
treeview.radio:backdrop:checked .titlebar button.titlebutton,
.titlebar treeview.radio:backdrop:checked button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:backdrop:checked:selected, iconview treeview.radio:backdrop:checked:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); }
treeview.radio:backdrop:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png"));
-gtk-icon-shadow: none; }
treeview.radio:backdrop:checked:disabled button.flat, treeview.radio:backdrop:checked:disabled button.sidebar-button, treeview.radio:backdrop:checked:disabled headerbar button.titlebutton, headerbar treeview.radio:backdrop:checked:disabled button.titlebutton,
treeview.radio:backdrop:checked:disabled .titlebar button.titlebutton,
.titlebar treeview.radio:backdrop:checked:disabled button.titlebutton {
-gtk-icon-shadow: none; }
.view treeview.radio:backdrop:checked:disabled:selected, iconview treeview.radio:backdrop:checked:disabled:selected {
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive.png"), url("assets/selected-radio-checked-backdrop-insensitive@2.png")); }
.view.check, iconview.check, .view.radio, iconview.radio,
row .check, row .radio {
-gtk-icon-shadow: none; }
.view.check:selected, iconview.check:selected, .view.check:hover, iconview.check:hover, .view.radio:selected, iconview.radio:selected, .view.radio:hover, iconview.radio:hover,
row .check:selected,
row .check:hover, row .radio:selected, row .radio:hover {
-gtk-icon-shadow: none; }
.view.content-view.check:not(list), iconview.content-view.check:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
background-color: transparent; }
checkbutton.text-button, radiobutton.text-button {
padding: 1px 2px 4px;
outline-offset: 0; }
checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
color: #8b8e8f; }
checkbutton.text-button:disabled:backdrop, checkbutton.text-button:disabled:active:backdrop, checkbutton.text-button:disabled:indeterminate:backdrop, radiobutton.text-button:disabled:backdrop, radiobutton.text-button:disabled:active:backdrop, radiobutton.text-button:disabled:indeterminate:backdrop {
color: #c3c3c0; }
check,
radio {
margin: 0 4px;
min-height: 14px;
min-width: 14px;
border: 1px solid;
-gtk-icon-source: none;
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0); }
check:only-child,
radio:only-child {
margin: 0; }
check:hover,
radio:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0); }
check:active,
radio:active {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); }
check:disabled,
radio:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
check:backdrop,
radio:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
check:backdrop:disabled,
radio:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
row:selected check, row:selected
radio {
border-color: #184472; }
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
radio, menu menuitem
radio:hover, menu menuitem
radio:disabled {
min-height: 14px;
min-width: 14px;
background-image: none;
background-color: transparent;
box-shadow: none;
-gtk-icon-shadow: none;
color: inherit;
border-color: currentColor;
animation: none; }
check {
border-radius: 3px; }
check:checked {
-gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
check:indeterminate {
-gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
radio {
border-radius: 100%; }
radio:checked {
-gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
radio:indeterminate {
-gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
@keyframes check_check {
from {
-gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_radio {
from {
-gtk-icon-transform: scale(0); }
to {
-gtk-icon-transform: unset; } }
@keyframes check_indeterminate {
from {
-gtk-icon-transform: scale(0, 1); }
to {
-gtk-icon-transform: unset; } }
check:not(:indeterminate):checked {
animation: check_check 400ms; }
radio:not(:indeterminate):checked {
animation: check_radio 400ms; }
check:indeterminate:checked, radio:indeterminate:checked {
animation: check_indeterminate 400ms; }
menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked:active,
menu menuitem radio:indeterminate:checked {
animation: none; }
/************
* GtkScale *
************/
scale trough, scale fill, progressbar trough {
border: 1px solid #9d9d99;
border-radius: 3px;
background-color: #cececc;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0); }
scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
background-color: #f1f1f1;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough {
background-color: #d1d1cf;
border-color: #a5a5a1;
box-shadow: none; }
scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled {
background-color: #f1f1f1; }
row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough {
box-shadow: none; }
row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled {
border-color: #184472; }
.osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough {
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.5);
box-shadow: none;
outline-color: rgba(238, 238, 236, 0.2); }
.osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled {
background-color: rgba(53, 57, 58, 0.5); }
scale highlight, progressbar progress {
border: 1px solid #184472;
border-radius: 3px;
background-color: #4a90d9; }
scale highlight:disabled, progressbar progress:disabled {
background-color: transparent;
border-color: transparent; }
scale highlight:backdrop, progressbar progress:backdrop, progressbar:backdrop progress {
border-color: #4a90d9; }
scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled {
background-color: transparent;
border-color: transparent; }
row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled {
border-color: #184472; }
.osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress {
border-color: rgba(0, 0, 0, 0.7); }
.osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled {
border-color: transparent; }
scale {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 26;
-GtkRange-trough-border: 2;
outline-offset: -10px;
-gtk-outline-radius: 6px; }
scale.fine-tune {
outline-offset: -8px;
-gtk-outline-radius: 8px; }
scale.fine-tune trough {
margin: 11px; }
scale.fine-tune trough, scale.fine-tune trough fill, scale.fine-tune trough highlight {
border-radius: 4px; }
scale trough {
margin: 13px; }
scale.horizontal slider {
margin: 3px 0; }
scale.vertical slider {
margin: 0 3px; }
scale fill, scale fill:backdrop {
background-color: #9d9d99;
box-shadow: none; }
scale fill:disabled, scale fill:disabled:backdrop {
border-color: transparent;
background-color: transparent; }
.osd scale fill {
background-color: rgba(91, 91, 90, 0.775); }
.osd scale fill:disabled, .osd scale fill:disabled:backdrop {
border-color: transparent;
background-color: transparent; }
scale slider {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px transparent;
border: 1px solid #969691;
border-radius: 100%; }
scale slider:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px transparent; }
scale slider:active {
border-color: #184472; }
scale slider:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
scale slider:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
scale slider:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
row:selected scale slider, row:selected scale slider:disabled {
border-color: #184472; }
.osd scale slider {
color: #eeeeec;
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(238, 238, 236, 0.3);
border-color: rgba(0, 0, 0, 0.7);
background-color: #202526; }
.osd scale slider:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd scale slider:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd scale slider:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd scale slider:backdrop {
color: #eeeeec;
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 marks {
color: alpha(currentColor,0.4); }
scale trough:last-child:not(:only-child) slider {
margin: 0; }
scale trough:last-child:not(:only-child) slider {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png"));
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:last-child:not(:only-child) slider {
margin: 0; }
scale trough:last-child:not(:only-child) slider:hover {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png"));
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:last-child:not(:only-child) slider {
margin: 0; }
scale trough:last-child:not(:only-child) slider:active {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png"));
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:last-child:not(:only-child) slider {
margin: 0; }
scale trough:last-child:not(:only-child) slider:disabled {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png"));
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:last-child:not(:only-child) slider {
margin: 0; }
scale trough:last-child:not(:only-child) slider:backdrop {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png"));
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:last-child:not(:only-child) slider {
margin: 0; }
scale trough:last-child:not(:only-child) slider:backdrop:disabled {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png"));
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:first-child:not(:only-child) slider {
margin: 0; }
scale trough:first-child:not(:only-child) slider {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png"));
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:first-child:not(:only-child) slider {
margin: 0; }
scale trough:first-child:not(:only-child) slider:hover {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png"));
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:first-child:not(:only-child) slider {
margin: 0; }
scale trough:first-child:not(:only-child) slider:active {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png"));
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:first-child:not(:only-child) slider {
margin: 0; }
scale trough:first-child:not(:only-child) slider:disabled {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png"));
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:first-child:not(:only-child) slider {
margin: 0; }
scale trough:first-child:not(:only-child) slider:backdrop {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png"));
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale trough:first-child:not(:only-child) slider {
margin: 0; }
scale trough:first-child:not(:only-child) slider:backdrop:disabled {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png"));
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:last-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:last-child:not(:only-child) slider {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png"));
background-position: left;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:last-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:last-child:not(:only-child) slider:hover {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png"));
background-position: left;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:last-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:last-child:not(:only-child) slider:active {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png"));
background-position: left;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:last-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:last-child:not(:only-child) slider:disabled {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png"));
background-position: left;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:last-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:last-child:not(:only-child) slider:backdrop {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png"));
background-position: left;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:last-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:last-child:not(:only-child) slider:backdrop:disabled {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png"));
background-position: left;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:first-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:first-child:not(:only-child) slider {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png"));
background-position: right;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:first-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:first-child:not(:only-child) slider:hover {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png"));
background-position: right;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:first-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:first-child:not(:only-child) slider:active {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png"));
background-position: right;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:first-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:first-child:not(:only-child) slider:disabled {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png"));
background-position: right;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:first-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:first-child:not(:only-child) slider:backdrop {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png"));
background-position: right;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical trough:first-child:not(:only-child) slider {
margin: 0; }
scale.vertical trough:first-child:not(:only-child) slider:backdrop:disabled {
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png"));
background-position: right;
background-repeat: no-repeat;
box-shadow: none; }
/*****************
* Progress bars *
*****************/
progressbar {
font-size: smaller;
color: rgba(46, 52, 54, 0.4);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
progressbar.horizontal trough,
progressbar.horizontal progress {
min-height: 2px; }
progressbar.vertical trough,
progressbar.vertical progress {
min-width: 2px; }
progressbar.horizontal progress {
margin: 0 -1px; }
progressbar.vertical progress {
margin: -1px 0; }
progressbar:backdrop {
box-shadow: none; }
progressbar progress {
border-radius: 1.5px; }
progressbar progress.left {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
progressbar progress.right {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
progressbar progress.top {
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
progressbar progress.bottom {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
progressbar.osd {
min-width: 3px;
min-height: 3px;
background-color: transparent; }
progressbar.osd trough {
border-style: none;
border-radius: 0;
background-color: transparent;
box-shadow: none; }
progressbar.osd progress {
border-style: none;
border-radius: 0; }
/*************
* Level Bar *
*************/
levelbar {
box-shadow: 0 1px rgba(255, 255, 255, 0); }
levelbar block {
min-width: 32px;
min-height: 1px; }
levelbar.vertical block {
min-width: 1px;
min-height: 32px; }
levelbar trough {
border: 1px solid;
padding: 2px;
border-radius: 3px;
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: black;
border-color: #9d9d99;
box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px rgba(255, 255, 255, 0); }
levelbar trough:backdrop {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #333333;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, white);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
levelbar.horizontal.discrete block {
margin: 0 1px; }
levelbar.vertical.discrete block {
margin: 1px 0; }
levelbar block:not(.empty) {
border: 1px solid #2a76c6;
background-color: #4a90d9;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 1px; }
levelbar block:not(.empty):backdrop {
border-color: #4a90d9;
box-shadow: none; }
levelbar block.low {
border-color: #c26000;
background-color: #f57900; }
levelbar block.low:backdrop {
border-color: #f57900; }
levelbar block.high {
border-color: #2a76c6;
background-color: #4a90d9; }
levelbar block.high:backdrop {
border-color: #4a90d9; }
levelbar block.full {
border-color: #5aa411;
background-color: #73d216; }
levelbar block.full:backdrop {
border-color: #73d216; }
levelbar block.empty {
border: 1px solid #2a76c6;
border-radius: 1px;
background-color: transparent;
border-color: rgba(46, 52, 54, 0.2);
box-shadow: none; }
levelbar block.empty:backdrop {
border-color: rgba(139, 142, 143, 0.15); }
/****************
* Print dialog *
*****************/
printdialog paper {
color: #2e3436;
border: 1px solid #9d9d99;
background: white;
padding: 0; }
printdialog paper:backdrop {
color: #8b8e8f;
border-color: #a5a5a1; }
printdialog .dialog-action-box {
margin: 12px; }
/**********
* Frames *
**********/
frame border,
.frame {
box-shadow: none;
margin: 0;
padding: 0;
border-radius: 0;
border: 1px solid #9d9d99; }
frame border.flat,
.frame.flat {
border-style: none; }
frame border:backdrop,
.frame:backdrop {
border-color: #a5a5a1; }
actionbar box {
padding: 6px;
border-width: 1px 0 0; }
placessidebar viewport.frame,
scrolledwindow viewport.frame {
border-style: none; }
placessidebar overshoot.top,
scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
placessidebar overshoot.top:backdrop,
scrolledwindow overshoot.top:backdrop {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
placessidebar overshoot.bottom,
scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
placessidebar overshoot.bottom:backdrop,
scrolledwindow overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
placessidebar overshoot.left,
scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
placessidebar overshoot.left:backdrop,
scrolledwindow overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
placessidebar overshoot.right,
scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
placessidebar overshoot.right:backdrop,
scrolledwindow overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
placessidebar 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; }
placessidebar 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; }
placessidebar 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; }
placessidebar 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; }
placessidebar junction,
scrolledwindow junction {
border-color: transparent;
border-image: linear-gradient(to bottom, #9d9d99 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #d7d7d5; }
placessidebar junction:dir(rtl),
scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
placessidebar junction:backdrop,
scrolledwindow junction:backdrop {
border-image-source: linear-gradient(to bottom, #a5a5a1 1px, transparent 1px);
background-color: #e1e1df; }
separator {
background: rgba(0, 0, 0, 0.1);
min-width: 1px;
min-height: 1px; }
/*********
* Lists *
*********/
list {
color: black;
background-color: #ffffff;
border-color: #9d9d99; }
list:backdrop {
background-color: white;
border-color: #a5a5a1; }
list row {
padding: 2px; }
row.activatable.has-open-popup, row.activatable:hover {
background-color: rgba(46, 52, 54, 0.05); }
row.activatable:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
row.activatable:backdrop:hover {
background-color: transparent; }
row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #4787c9; }
row.activatable:selected:backdrop {
background-color: #4a90d9; }
row:selected button,
row:selected .titlebar button.titlebutton,
.titlebar row:selected button.titlebutton {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
border-color: #184472; }
row:selected button.flat, row:selected button.sidebar-button, row:selected headerbar button.titlebutton, headerbar row:selected button.titlebutton,
row:selected .titlebar button.titlebutton,
.titlebar row:selected button.titlebutton {
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: #ffffff; }
row:selected button:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white;
border-color: #184472; }
row:selected button:active, row:selected button:checked {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
border-color: #184472; }
row:selected button:backdrop, row:selected button.flat:backdrop, row:selected button.sidebar-button:backdrop, row:selected headerbar button.titlebutton:backdrop, headerbar row:selected button.titlebutton:backdrop,
row:selected .titlebar button.titlebutton:backdrop,
.titlebar row:selected button.titlebutton:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
row:selected button:backdrop:active, row:selected button:backdrop:checked, row:selected button.flat:backdrop:active, row:selected button.sidebar-button:backdrop:active, row:selected headerbar button.titlebutton:backdrop:active, headerbar row:selected button.titlebutton:backdrop:active,
row:selected .titlebar button.titlebutton:backdrop:active,
.titlebar row:selected button.titlebutton:backdrop:active, row:selected button.flat:backdrop:checked, row:selected button.sidebar-button:backdrop:checked, row:selected headerbar button.titlebutton:backdrop:checked, headerbar row:selected button.titlebutton:backdrop:checked,
row:selected .titlebar button.titlebutton:backdrop:checked,
.titlebar row:selected button.titlebutton:backdrop:checked {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #d1d1cf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
row:selected button:backdrop:disabled, row:selected button.flat:backdrop:disabled, row:selected button.sidebar-button:backdrop:disabled, row:selected headerbar button.titlebutton:backdrop:disabled, headerbar row:selected button.titlebutton:backdrop:disabled,
row:selected .titlebar button.titlebutton:backdrop:disabled,
.titlebar row:selected button.titlebutton:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
row:selected button:backdrop:disabled:active, row:selected button:backdrop:disabled:checked, row:selected button.flat:backdrop:disabled:active, row:selected button.sidebar-button:backdrop:disabled:active, row:selected headerbar button.titlebutton:backdrop:disabled:active, headerbar row:selected button.titlebutton:backdrop:disabled:active,
row:selected .titlebar button.titlebutton:backdrop:disabled:active,
.titlebar row:selected button.titlebutton:backdrop:disabled:active, row:selected button.flat:backdrop:disabled:checked, row:selected button.sidebar-button:backdrop:disabled:checked, row:selected headerbar button.titlebutton:backdrop:disabled:checked, headerbar row:selected button.titlebutton:backdrop:disabled:checked,
row:selected .titlebar button.titlebutton:backdrop:disabled:checked,
.titlebar row:selected button.titlebutton:backdrop:disabled:checked {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e4e4e4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
row:selected button.flat:backdrop, row:selected button.sidebar-button:backdrop, row:selected headerbar button.titlebutton:backdrop, headerbar row:selected button.titlebutton:backdrop,
row:selected .titlebar button.titlebutton:backdrop,
.titlebar row:selected button.titlebutton:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: white; }
row:selected button:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
row:selected button:disabled:active, row:selected button:disabled:checked {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
row {
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:hover {
transition: none; }
/*********************
* App Notifications *
*********************/
.app-notification,
.app-notification.frame {
padding: 10px;
border-radius: 0 0 5px 5px;
background-color: rgba(32, 37, 38, 0.8);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
background-clip: padding-box; }
.app-notification:backdrop,
.app-notification.frame:backdrop {
background-image: none; }
.app-notification border,
.app-notification.frame border {
border: none; }
/*************
* Expanders *
*************/
expander arrow {
min-width: 16px;
min-height: 16px;
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
expander arrow:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander arrow:hover {
color: #748489; }
expander arrow:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
/************
* Calendar *
***********/
calendar {
color: black;
border: 1px solid #9d9d99; }
calendar:selected {
border-radius: 3px; }
calendar.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0; }
calendar.header:backdrop {
border-color: rgba(0, 0, 0, 0.1); }
calendar.button {
color: rgba(46, 52, 54, 0.45); }
calendar.button:hover {
color: #2e3436; }
calendar.button:backdrop {
color: rgba(139, 142, 143, 0.45); }
calendar.button:disabled {
color: rgba(139, 142, 143, 0.45); }
calendar:indeterminate, calendar:indeterminate:backdrop {
color: alpha(currentColor,0.55); }
calendar.highlight, calendar.highlight:backdrop {
font-size: smaller;
color: #2e3436; }
calendar:backdrop {
color: #333333;
border-color: #a5a5a1; }
/***********
* Dialogs *
***********/
messagedialog .titlebar {
min-height: 20px;
background-image: none;
background-color: #e8e8e7;
border-style: none;
border-top-left-radius: 7px;
border-top-right-radius: 7px; }
messagedialog.csd.background {
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px; }
messagedialog.csd .dialog-action-area button {
padding: 10px 14px;
border-radius: 0;
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
messagedialog.csd .dialog-action-area button:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
messagedialog.csd .dialog-action-area button:active {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
messagedialog.csd .dialog-action-area button:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
messagedialog.csd .dialog-action-area button:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
messagedialog.csd .dialog-action-area button:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
messagedialog.csd .dialog-action-area button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6);
text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
messagedialog.csd .dialog-action-area button.suggested-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
messagedialog.csd .dialog-action-area button.suggested-action:active {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
background-image: linear-gradient(to bottom, #276fba, #3583d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
messagedialog.csd .dialog-action-area button.suggested-action:backdrop {
color: #dbe9f7;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
messagedialog.csd .dialog-action-area button.suggested-action:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
messagedialog.csd .dialog-action-area button.suggested-action:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
messagedialog.csd .dialog-action-area button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #ef2929, #ee1616 60%, #d51010);
text-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
messagedialog.csd .dialog-action-area button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #8e0b0b;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616);
text-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
messagedialog.csd .dialog-action-area button.destructive-action:active {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #c70f0f, #ed1212);
text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
messagedialog.csd .dialog-action-area button.destructive-action:backdrop {
color: #fcd4d4;
border-color: #ef2929;
background-image: linear-gradient(to bottom, #ef2929);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
messagedialog.csd .dialog-action-area button.destructive-action:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
messagedialog.csd .dialog-action-area button.destructive-action:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled, messagedialog.csd .dialog-action-area button:backdrop, messagedialog.csd .dialog-action-area button:backdrop:disabled, messagedialog.csd .dialog-action-area button.suggested-action, messagedialog.csd .dialog-action-area button.suggested-action:hover, messagedialog.csd .dialog-action-area button.suggested-action:active, messagedialog.csd .dialog-action-area button.suggested-action:backdrop, messagedialog.csd .dialog-action-area button.suggested-action:backdrop:disabled, messagedialog.csd .dialog-action-area button.suggested-action:disabled, messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.destructive-action:hover, messagedialog.csd .dialog-action-area button.destructive-action:active, messagedialog.csd .dialog-action-area button.destructive-action:backdrop, messagedialog.csd .dialog-action-area button.destructive-action:backdrop:disabled, messagedialog.csd .dialog-action-area button.destructive-action:disabled {
border-left-style: solid;
border-right-style: none;
border-bottom-style: none; }
messagedialog.csd .dialog-action-area button:last-child {
border-bottom-right-radius: 7px;
-gtk-outline-bottom-right-radius: 5px; }
messagedialog.csd .dialog-action-area button:first-child {
border-left-style: none;
border-bottom-left-radius: 7px;
-gtk-outline-bottom-left-radius: 5px; }
filechooser .dialog-action-box {
border-top: 1px solid #9d9d99; }
filechooser .dialog-action-box:backdrop {
border-top-color: #a5a5a1; }
/***********
* Sidebar *
***********/
.sidebar {
border: none;
background-color: #f4f4f3; }
.sidebar:backdrop {
background-color: #f4f4f3; }
stacksidebar row {
padding: 10px 4px; }
stacksidebar row > label {
padding-left: 6px;
padding-right: 6px; }
stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; }
/****************
* File chooser *
****************/
placessidebar row {
padding: 0px; }
placessidebar row > revealer {
padding: 6px 14px 6px 12px; }
placessidebar row image.sidebar-icon {
opacity: 0.7; }
placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) {
padding-left: 8px; }
placessidebar row label.sidebar-label:dir(ltr) {
padding-right: 2px; }
placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; }
button.sidebar-button, headerbar button.sidebar-button.titlebutton,
.titlebar button.sidebar-button.titlebutton {
padding: 5px;
border-radius: 100%;
-gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image, headerbar button.sidebar-button.titlebutton:not(:hover):not(:active) > image,
.titlebar button.sidebar-button.titlebutton:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image, headerbar button.sidebar-button.titlebutton:backdrop > image,
.titlebar button.sidebar-button.titlebutton:backdrop > image {
opacity: 0.7; }
placessidebar row:selected:active {
box-shadow: none; }
placessidebar row.sidebar-placeholder-row {
border: solid 1px #4a90d9; }
placessidebar row.sidebar-new-bookmark-row {
color: #4a90d9; }
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; }
/*********
* Paned *
*********/
paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
border-style: none;
background-color: transparent;
background-image: linear-gradient(to top, #9d9d99);
background-size: 1px 1px; }
paned > separator:selected {
background-image: linear-gradient(to top, #4a90d9); }
paned > separator:backdrop {
background-image: linear-gradient(to top, #a5a5a1); }
paned > separator.wide {
margin: 0;
padding: 0;
min-width: 5px;
min-height: 5px;
background-image: linear-gradient(to top, #9d9d99), linear-gradient(to top, #9d9d99);
background-size: 1px 1px, 1px 1px; }
paned > separator.wide:backdrop {
background-image: linear-gradient(to top, #a5a5a1), linear-gradient(to top, #a5a5a1); }
paned.horizontal > separator {
background-repeat: repeat-y; }
paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
paned.horizontal > separator.wide {
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
paned.vertical > separator.wide {
background-repeat: repeat-x, repeat-x;
background-position: bottom, top; }
/**************
* GtkInfoBar *
**************/
infobar {
border-style: none; }
.info,
.question,
.warning,
.error {
background-color: #4a90d9;
color: #ffffff;
text-shadow: 0 1px #2a76c6;
border-color: #2a76c6; }
.info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton,
.info .titlebar button.titlebutton,
.titlebar .info button.titlebutton,
.question button,
.question headerbar button.titlebutton,
headerbar .question button.titlebutton,
.question .titlebar button.titlebutton,
.titlebar .question button.titlebutton,
.warning button,
.warning headerbar button.titlebutton,
headerbar .warning button.titlebutton,
.warning .titlebar button.titlebutton,
.titlebar .warning button.titlebutton,
.error button,
.error headerbar button.titlebutton,
headerbar .error button.titlebutton,
.error .titlebar button.titlebutton,
.titlebar .error button.titlebutton {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6);
text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
.info button:hover,
.question button:hover,
.warning button:hover,
.error button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
.info button:active, .info button:checked,
.question button:active,
.question button:checked,
.warning button:active,
.warning button:checked,
.error button:active,
.error button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
background-image: linear-gradient(to bottom, #276fba, #3583d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.info button:disabled,
.question button:disabled,
.warning button:disabled,
.error button:disabled {
color: #b2d0ef;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.info button:backdrop,
.question button:backdrop,
.warning button:backdrop,
.error button:backdrop {
color: #dbe9f7;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #1c5187; }
.info button:backdrop:disabled,
.question button:backdrop:disabled,
.warning button:backdrop:disabled,
.error button:backdrop:disabled {
color: #9bc2ea;
border-color: #65a1df;
background-image: linear-gradient(to bottom, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #1c5187; }
.info label:selected, .info label:selected:focus, .info label:selected:hover,
.question label:selected,
.question label:selected:focus,
.question label:selected:hover,
.warning label:selected,
.warning label:selected:focus,
.warning label:selected:hover,
.error label:selected,
.error label:selected:focus,
.error label:selected:hover {
background-color: #2a76c6; }
/************
* Tooltips *
************/
tooltip {
padding: 4px;
/* not working */
border-radius: 5px;
box-shadow: none;
text-shadow: 0 1px black; }
tooltip.background {
background-color: rgba(0, 0, 0, 0.8);
background-clip: padding-box;
border: 1px solid rgba(255, 255, 255, 0.1); }
tooltip decoration {
background-color: transparent; }
tooltip * {
padding: 4px;
background-color: transparent;
color: white; }
/*****************
* Color Chooser *
*****************/
colorswatch, colorswatch:drop(active) {
border-style: none; }
colorswatch.top {
border-top-left-radius: 5.5px;
border-top-right-radius: 5.5px; }
colorswatch.top overlay {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
colorswatch.bottom {
border-bottom-left-radius: 5.5px;
border-bottom-right-radius: 5.5px; }
colorswatch.bottom overlay {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
colorswatch.left, colorswatch:first-child:not(.top) {
border-top-left-radius: 5.5px;
border-bottom-left-radius: 5.5px; }
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
colorswatch.right, colorswatch:last-child:not(.bottom) {
border-top-right-radius: 5.5px;
border-bottom-right-radius: 5.5px; }
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
colorswatch.dark overlay {
color: #ffffff; }
colorswatch.dark overlay:hover {
border-color: rgba(0, 0, 0, 0.8); }
colorswatch.dark overlay:backdrop {
color: #ffffff; }
colorswatch.light overlay {
color: black; }
colorswatch.light overlay:hover {
border-color: rgba(0, 0, 0, 0.5); }
colorswatch.light overlay:backdrop {
color: #333333; }
colorswatch overlay {
box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7);
border: 1px solid rgba(0, 0, 0, 0.3); }
colorswatch overlay:hover {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
border-color: rgba(0, 0, 0, 0.3);
box-shadow: none; }
colorswatch#add-color-button {
border-radius: 5px 5px 0 0; }
colorswatch#add-color-button:only-child {
border-radius: 5px; }
colorswatch#add-color-button overlay {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0); }
colorswatch#add-color-button overlay:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
/*
background-image: linear-gradient(to bottom,
lighten($c, 16%),
lighten($c, 6%) 40%,
lighten($c, 2%));
*/
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0); }
colorswatch#add-color-button overlay:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
colorswatch:disabled {
opacity: 0.5; }
colorswatch:disabled overlay {
border-color: rgba(0, 0, 0, 0.6);
box-shadow: none; }
row:selected colorswatch {
box-shadow: 0 0 0 2px #ffffff; }
colorswatch#editor-color-sample {
border-radius: 4px; }
colorswatch#editor-color-sample overlay {
border-radius: 4.5px; }
/********
* Misc *
********/
.content-view {
background-color: #d7d7d5; }
.content-view:hover {
-gtk-icon-effect: highlight; }
.content-view:backdrop {
background-color: #d7d7d5; }
.osd .scale-popup button.flat, .osd .scale-popup button.sidebar-button, .osd .scale-popup headerbar button.titlebutton, headerbar .osd .scale-popup button.titlebutton,
.osd .scale-popup .titlebar button.titlebutton,
.titlebar .osd .scale-popup button.titlebutton {
padding: 6px;
border-style: none;
border-radius: 5px; }
.scale-popup button, .scale-popup headerbar button.titlebutton, headerbar .scale-popup button.titlebutton,
.scale-popup .titlebar button.titlebutton,
.titlebar .scale-popup button.titlebutton {
padding: 6px; }
.scale-popup button:hover {
background-color: rgba(46, 52, 54, 0.1);
border-radius: 5px; }
/**********************
* Window Decorations *
*********************/
decoration {
border-radius: 7px 7px 0 0;
border-width: 0px;
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
/* this is used for the resize cursor area */
margin: 10px; }
decoration:backdrop {
/* the transparent shadow here is to enforce that the shadow extents don't
* change when we go to backdrop, to prevent jumping windows
*/
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 3px 9px 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.18); }
.fullscreen decoration, .tiled decoration {
border-radius: 0; }
.popup decoration {
box-shadow: none; }
.ssd decoration, decoration.ssd {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); }
.csd.popup decoration {
border-radius: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
tooltip.csd decoration {
border-radius: 5px;
box-shadow: none; }
messagedialog.csd decoration {
border-radius: 7px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
.solid-csd decoration {
border-radius: 0;
margin: 4px;
background-color: #e8e8e7;
border: solid 1px #a5a5a1;
box-shadow: none; }
headerbar button.titlebutton,
headerbar .titlebar button.titlebutton,
.titlebar headerbar button.titlebutton,
.titlebar button.titlebutton {
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop {
-gtk-icon-shadow: none; }
headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton {
text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); }
headerbar.selection-mode button.titlebutton:backdrop,
.titlebar.selection-mode button.titlebutton:backdrop {
-gtk-icon-shadow: none; }
.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
.view text:selected,
iconview text:selected,
textview text:selected,
.view text:selected:focus,
iconview text:selected:focus,
textview text:selected:focus, .view text selection, iconview text selection,
.view text selection:focus,
iconview text selection:focus,
textview text selection,
textview text selection:focus, flowbox flowboxchild:selected, label:selected,
label selection,
label selection:focus,
label selection:hover, entry selection, spinbutton:not(.vertical) selection,
entry selection:focus, modelbutton.flat:selected,
.menuitem.button.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .sidebar :selected {
background-color: #4a90d9;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); }
.view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus,
.view text:disabled:selected,
iconview text:disabled:selected,
textview text:disabled:selected,
iconview text:disabled:selected:focus,
textview text:disabled:selected:focus, .view text selection:disabled, iconview text selection:disabled,
iconview text selection:disabled:focus,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled:selected,
label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .sidebar :disabled:selected, placessidebar row:selected:disabled label {
color: #a5c8ec; }
.view:backdrop:selected, iconview:backdrop:selected, iconview:backdrop:selected:focus,
.view text:backdrop:selected,
iconview text:backdrop:selected,
textview text:backdrop:selected,
iconview text:backdrop:selected:focus,
textview text:backdrop:selected:focus, .view text selection:backdrop, iconview text selection:backdrop,
iconview text selection:backdrop:focus,
textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop:selected,
label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop, modelbutton.flat:backdrop:selected,
.menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected:focus, row:backdrop:selected, calendar:backdrop:selected, .sidebar :backdrop:selected {
color: #ffffff; }
.view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
.view text:backdrop:disabled:selected,
iconview text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:backdrop:disabled:selected,
label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected,
.menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected, .sidebar :backdrop:disabled:selected, placessidebar row:selected:disabled label:backdrop, placessidebar row:selected:backdrop:disabled label {
color: #80b1e4; }
.monospace {
font: Monospace; }
/**********************
* Touch Copy & Paste *
*********************/
cursor-handle {
background-color: transparent;
background-image: none;
box-shadow: none;
border-style: none; }
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png"));
padding-left: 10px; }
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png"));
padding-right: 10px; }
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); }
cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png"));
padding-left: 10px; }
cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png"));
padding-right: 10px; }
cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); }
cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png"));
padding-left: 10px; }
cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png"));
padding-right: 10px; }
cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) {
-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); }
.context-menu {
font: initial; }
button.circular, headerbar button.circular.titlebutton,
.titlebar button.circular.titlebutton {
border-radius: 20px;
-gtk-outline-radius: 20px; }
button.circular label,
.titlebar button.circular.titlebutton label {
padding: 0; }
.keycap {
min-width: 20px;
min-height: 25px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
color: #8b8e8f;
background-color: #ffffff;
border: 1px solid;
border-color: #c3c3c0;
border-radius: 5px;
box-shadow: inset 0 -3px #ededec;
font-size: smaller; }
.keycap:backdrop {
background-color: white;
color: #c3c3c0; }
*:drop(active):focus,
*:drop(active) {
border: 1px solid black; }
stackswitcher button.text-button,
stackswitcher .titlebar button.text-button.titlebutton,
.titlebar stackswitcher button.text-button.titlebutton {
min-width: 100px; }
stackswitcher button.circular,
stackswitcher .titlebar button.circular.titlebutton,
.titlebar stackswitcher button.circular.titlebutton,
stackswitcher button.text-button.circular {
min-width: 32px;
min-height: 32px;
padding: 0; }
/* GTK NAMED COLORS
----------------
use responsibly! */
/*
widget text/foreground color */
@define-color theme_fg_color #2e3436;
/*
text color for entries, views and content in general */
@define-color theme_text_color black;
/*
widget base background color */
@define-color theme_bg_color #e8e8e7;
/*
text widgets and the like base background color */
@define-color theme_base_color #ffffff;
/*
base background color of selections */
@define-color theme_selected_bg_color #4a90d9;
/*
text/foreground color of selections */
@define-color theme_selected_fg_color #ffffff;
/*
base background color of insensitive widgets */
@define-color insensitive_bg_color #f1f1f1;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color #8b8e8f;
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #ffffff;
/*
widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #8b8e8f;
/*
text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color black;
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #e8e8e7;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color white;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #4a90d9;
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #ffffff;
/*
widgets main borders color */
@define-color borders #9d9d99;
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders #a5a5a1;
/*
these are pretty self explicative */
@define-color warning_color #f57900;
@define-color error_color #cc0000;
@define-color success_color #73d216;
/*
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(#2e3436, 1.8);
@define-color wm_unfocused_title #8b8e8f;
@define-color wm_highlight rgba(255, 255, 255, 0.8);
@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
@define-color wm_bg_a shade(#e8e8e7, 1.2);
@define-color wm_bg_b #e8e8e7;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
@define-color wm_button_hover_color_a shade(#e8e8e7, 1.3);
@define-color wm_button_hover_color_b #e8e8e7;
@define-color wm_button_active_color_a shade(#e8e8e7, 0.85);
@define-color wm_button_active_color_b shade(#e8e8e7, 0.89);
@define-color wm_button_active_color_c shade(#e8e8e7, 0.9);
@define-color content_view_bg #ffffff;