Adwaita: titlebutton fix

use a better selector and fix the styling on selection-mode.
This commit is contained in:
Lapo Calamandrei 2016-03-21 01:02:30 +01:00
parent 44e225e50b
commit 4973b55ad9
3 changed files with 630 additions and 327 deletions

View File

@ -436,6 +436,7 @@ $_dot_color: if($variant=='light', $selected_bg_color,
}
}
%button,
button {
@at-root %button_basic, & {
@ -4125,14 +4126,19 @@ decoration {
}
// Window Close button
headerbar button.titlebutton,
.titlebar button.titlebutton {
button.titlebutton {
@extend %button_basic;
@extend %button_basic.flat;
@include _button_text_shadow;
.selection-mode & {
@extend %button.flat.suggested-action;
@extend %nobg_selected_items;
}
&:backdrop { -gtk-icon-shadow: none; }
}

View File

@ -402,8 +402,8 @@ treeview entry.flat, treeview entry {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3583d5), to(transparent)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), to(transparent)); } }
notebook > header > tabs > arrow, headerbar button.titlebutton,
.titlebar button.titlebutton, button {
notebook > header > tabs > arrow, button.titlebutton,
button {
min-height: 24px;
min-width: 16px;
padding: 4px 8px;
@ -417,8 +417,8 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
notebook > header > tabs > arrow, button.sidebar-button, headerbar button.titlebutton,
.titlebar button.titlebutton, button.flat {
notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton,
button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -426,15 +426,15 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
text-shadow: none;
-gtk-icon-shadow: none;
transition: none; }
notebook > header > tabs > arrow:hover, button.sidebar-button:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover, button.flat:hover {
notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; }
notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active,
.titlebar button.titlebutton:hover:active, button.flat:hover:active {
notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active,
button.flat:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook > header > tabs > arrow:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover, button:hover {
notebook > header > tabs > arrow:hover, button.titlebutton:hover,
button:hover {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@ -443,9 +443,9 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
-gtk-icon-effect: highlight; }
notebook > header > tabs > arrow:active, headerbar button.titlebutton:active,
.titlebar button.titlebutton:active, notebook > header > tabs > arrow:checked, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:checked, button:active, button:checked {
notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked,
button:active,
button:checked {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@ -454,9 +454,9 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
transition-duration: 50ms; }
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button:backdrop.flat, button:backdrop {
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
button:backdrop.flat,
button:backdrop {
border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
@ -464,117 +464,119 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
transition: 200ms ease-out;
-gtk-icon-effect: none; }
notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, headerbar button.titlebutton:backdrop label,
.titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, headerbar button.titlebutton:backdrop label,
.titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop {
notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
button:backdrop.flat label,
button:backdrop.flat,
button:backdrop label,
button:backdrop {
color: #949796; }
notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked {
notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
border-color: #1f2222;
background-image: linear-gradient(to bottom, #303535);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, headerbar button.titlebutton:backdrop:active label,
.titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label,
.titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, headerbar button.titlebutton:backdrop:active label,
.titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label,
.titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked {
notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
button:backdrop.flat:active label,
button:backdrop.flat:active,
button:backdrop.flat:checked label,
button:backdrop.flat:checked,
button:backdrop:active label,
button:backdrop:active,
button:backdrop:checked label,
button:backdrop:checked {
color: #949796; }
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled {
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
button:backdrop.flat:disabled,
button:backdrop:disabled {
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label,
.titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label,
.titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled {
notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
button:backdrop.flat:disabled label,
button:backdrop.flat:disabled,
button:backdrop:disabled label,
button:backdrop:disabled {
color: #5d6767; }
notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
.titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
.titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked {
notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
border-color: #1f2222;
background-image: linear-gradient(to bottom, #272929);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label,
.titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label,
.titlebar button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label,
.titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label,
.titlebar button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label {
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
button:backdrop.flat:disabled:active label,
button:backdrop.flat:disabled:checked label,
button:backdrop:disabled:active label,
button:backdrop:disabled:checked label {
color: #5d6767; }
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled {
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled,
button.flat:backdrop,
button.flat:disabled,
button.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, button:disabled {
notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
button:disabled {
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:disabled label, headerbar button.titlebutton:disabled label,
.titlebar button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, button:disabled label, button:disabled {
notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
button:disabled label,
button:disabled {
color: #949796; }
notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked,
.titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked {
notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
button:disabled:active,
button:disabled:checked {
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #313434, #333636);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:disabled:active label, headerbar button.titlebutton:disabled:active label,
.titlebar button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, headerbar button.titlebutton:disabled:checked label,
.titlebar button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked,
.titlebar button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
button:disabled:active label,
button:disabled:active,
button:disabled:checked label,
button:disabled:checked {
color: #949796; }
notebook > header > tabs > arrow.image-button, headerbar button.image-button.titlebutton,
.titlebar button.image-button.titlebutton, button.image-button {
notebook > header > tabs > arrow.image-button, button.image-button.titlebutton,
button.image-button {
min-width: 24px;
padding-left: 4px;
padding-right: 4px; }
notebook > header > tabs > arrow.text-button, headerbar button.text-button.titlebutton,
.titlebar button.text-button.titlebutton, button.text-button {
notebook > header > tabs > arrow.text-button, button.text-button.titlebutton,
button.text-button {
padding-left: 16px;
padding-right: 16px; }
notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton,
.titlebar button.text-button.image-button.titlebutton, button.text-button.image-button {
notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton,
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px; }
notebook > header > tabs > arrow.text-button.image-button label, headerbar button.text-button.image-button.titlebutton label,
.titlebar button.text-button.image-button.titlebutton label, button.text-button.image-button label {
notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label,
button.text-button.image-button label {
padding-left: 8px;
padding-right: 8px; }
combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar button.titlebutton:drop(active),
.titlebar button.titlebutton:drop(active), button:drop(active) {
combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active),
button:drop(active) {
color: #4e9a06;
border-color: #4e9a06;
box-shadow: inset 0 0 0 1px #4e9a06; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
color: #ffffff;
border-color: transparent; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
color: #949796; }
button.osd {
min-width: 24px;
@ -605,7 +607,8 @@ button.osd {
outline-color: rgba(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
button.osd:active, button.osd:checked {
button.osd:active,
button.osd:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
@ -616,7 +619,8 @@ button.osd {
outline-color: rgba(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
button.osd:disabled:backdrop, button.osd:disabled {
button.osd:disabled:backdrop,
button.osd:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -635,7 +639,8 @@ button.osd {
-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.frame button, .osd button {
.app-notification.frame button, .osd
button {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
@ -644,7 +649,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
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 {
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));
@ -653,7 +659,11 @@ popover.background.touch-selection button, popover.background.magnifier button,
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:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked {
popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd
button:active:backdrop, .osd
button:active, .osd
button:checked:backdrop, .osd
button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
@ -662,7 +672,9 @@ popover.background.touch-selection button, popover.background.magnifier button,
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd
button:disabled:backdrop, .osd
button:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -670,7 +682,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
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 {
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));
@ -678,7 +691,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd button.flat {
popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd
button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -688,7 +702,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd button.flat:hover {
popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd
button.flat:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
@ -697,7 +712,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
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.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled {
popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd
button.flat:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -708,14 +724,17 @@ popover.background.touch-selection button, popover.background.magnifier button,
background-image: none;
border-color: transparent;
box-shadow: none; }
popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd button.flat:backdrop {
popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd
button.flat:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd button.flat:active, .osd button.flat:checked {
popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd
button.flat:active, .osd
button.flat:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
@ -732,6 +751,7 @@ button.suggested-action {
text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.selection-mode button.titlebutton,
button.suggested-action.flat {
border-color: transparent;
background-color: transparent;
@ -748,7 +768,8 @@ button.suggested-action {
text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
button.suggested-action:active, button.suggested-action:checked {
button.suggested-action:active,
button.suggested-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0b1e33;
@ -756,35 +777,70 @@ button.suggested-action {
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
.selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop {
.selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop label,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop label,
button.suggested-action.flat:backdrop {
color: #d3dfeb; }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
.selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked,
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked {
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #184472);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked {
.selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked,
button.suggested-action:backdrop:active label,
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked label,
button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active label,
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked label,
button.suggested-action.flat:backdrop:checked {
color: #d1dae3; }
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled {
.selection-mode button.titlebutton:backdrop:disabled,
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled {
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled {
.selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled,
button.suggested-action:backdrop:disabled label,
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled label,
button.suggested-action.flat:backdrop:disabled {
color: #5d6767; }
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
.selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked,
button.suggested-action:backdrop:disabled:active,
button.suggested-action:backdrop:disabled:checked,
button.suggested-action.flat:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked {
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label {
.selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label,
button.suggested-action:backdrop:disabled:active label,
button.suggested-action:backdrop:disabled:checked label,
button.suggested-action.flat:backdrop:disabled:active label,
button.suggested-action.flat:backdrop:disabled:checked label {
color: #6c88a7; }
button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled {
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled,
button.suggested-action.flat:backdrop,
button.suggested-action.flat:disabled,
button.suggested-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -798,15 +854,21 @@ button.suggested-action {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled label, button.suggested-action:disabled {
button.suggested-action:disabled label,
button.suggested-action:disabled {
color: #949796; }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #1b4470, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked {
button.suggested-action:disabled:active label,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked label,
button.suggested-action:disabled:checked {
color: #a5b6c9; }
.osd button.suggested-action {
.osd
button.suggested-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
@ -815,7 +877,8 @@ button.suggested-action {
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.suggested-action:hover {
.osd
button.suggested-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7));
@ -824,7 +887,11 @@ button.suggested-action {
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked {
.osd
button.suggested-action:active:backdrop, .osd
button.suggested-action:active, .osd
button.suggested-action:checked:backdrop, .osd
button.suggested-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #215d9c);
@ -833,7 +900,9 @@ button.suggested-action {
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
.osd
button.suggested-action:disabled:backdrop, .osd
button.suggested-action:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -841,7 +910,8 @@ button.suggested-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.suggested-action:backdrop {
.osd
button.suggested-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
@ -873,7 +943,8 @@ button.destructive-action {
text-shadow: 0 -1px rgba(0, 0, 0, 0.59278);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59278);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
button.destructive-action:active, button.destructive-action:checked {
button.destructive-action:active,
button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5e0707;
@ -881,35 +952,61 @@ button.destructive-action {
text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
button.destructive-action:backdrop, button.destructive-action.flat:backdrop {
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
border-color: #5e0707;
background-image: linear-gradient(to bottom, #d51010);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop {
button.destructive-action:backdrop label,
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop label,
button.destructive-action.flat:backdrop {
color: #f7cfcf; }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked {
border-color: #5e0707;
background-image: linear-gradient(to bottom, #a60c0c);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked {
button.destructive-action:backdrop:active label,
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked label,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active label,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked label,
button.destructive-action.flat:backdrop:checked {
color: #edcece; }
button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled {
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled {
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled {
button.destructive-action:backdrop:disabled label,
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled label,
button.destructive-action.flat:backdrop:disabled {
color: #5d6767; }
button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked {
button.destructive-action:backdrop:disabled:active,
button.destructive-action:backdrop:disabled:checked,
button.destructive-action.flat:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked {
border-color: #5e0707;
background-image: linear-gradient(to bottom, #a41212);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label {
button.destructive-action:backdrop:disabled:active label,
button.destructive-action:backdrop:disabled:checked label,
button.destructive-action.flat:backdrop:disabled:active label,
button.destructive-action.flat:backdrop:disabled:checked label {
color: #c46565; }
button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled {
button.destructive-action.flat:backdrop,
button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -923,15 +1020,21 @@ button.destructive-action {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled label, button.destructive-action:disabled {
button.destructive-action:disabled label,
button.destructive-action:disabled {
color: #949796; }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked {
border-color: #5e0707;
background-image: linear-gradient(to bottom, #9d1111, #a41212);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked {
button.destructive-action:disabled:active label,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked label,
button.destructive-action:disabled:checked {
color: #dba0a0; }
.osd button.destructive-action {
.osd
button.destructive-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
@ -940,7 +1043,8 @@ button.destructive-action {
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.destructive-action:hover {
.osd
button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7));
@ -949,7 +1053,11 @@ button.destructive-action {
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked {
.osd
button.destructive-action:active:backdrop, .osd
button.destructive-action:active, .osd
button.destructive-action:checked:backdrop, .osd
button.destructive-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #d51010);
@ -958,7 +1066,9 @@ button.destructive-action {
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
.osd
button.destructive-action:disabled:backdrop, .osd
button.destructive-action:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -966,7 +1076,8 @@ button.destructive-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.destructive-action:backdrop {
.osd
button.destructive-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
@ -974,45 +1085,63 @@ button.destructive-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.stack-switcher > button {
.stack-switcher >
button {
outline-offset: -3px; }
.stack-switcher > button > label {
.stack-switcher >
button > label {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button > image {
.stack-switcher >
button > image {
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px; }
.stack-switcher > button.text-button {
.stack-switcher >
button.text-button {
padding-left: 10px;
padding-right: 10px; }
.stack-switcher > button.image-button {
.stack-switcher >
button.image-button {
padding-left: 2px;
padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label,
.stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
.stack-switcher >
button.needs-attention:active > label,
.stack-switcher >
button.needs-attention:active > image, .stack-switcher >
button.needs-attention:checked > label,
.stack-switcher >
button.needs-attention:checked > image {
animation: none;
background-image: none; }
.inline-toolbar button, .inline-toolbar button:backdrop {
.inline-toolbar
button, .inline-toolbar
button:backdrop {
border-radius: 2px;
border-width: 1px; }
.primary-toolbar button {
.primary-toolbar
button {
-gtk-icon-shadow: none; }
.stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
.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(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
.stack-switcher > button.needs-attention > label:backdrop,
.stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop {
.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) {
.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 2px; }
.inline-toolbar toolbutton > button {
@ -1084,43 +1213,64 @@ button.destructive-action {
toolbar.inline-toolbar toolbutton > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) >
entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
entry, .inline-toolbar
button, .inline-toolbar
button:backdrop, .linked >
button, .linked >
button:hover, .linked >
button:active, .linked >
button:checked, .linked >
button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
border-radius: 0;
border-right-style: none; }
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) >
entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
entry:first-child, .inline-toolbar
button:first-child, .linked >
button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) >
entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
entry:last-child, .inline-toolbar
button:last-child, .linked >
button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right-style: solid; }
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) >
entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
entry:only-child, .inline-toolbar
button:only-child, .linked >
button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo {
border-radius: 3px;
border-style: solid; }
.linked.vertical > spinbutton:not(.vertical), .linked.vertical >
entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo {
entry, .linked.vertical >
button, .linked.vertical >
button:hover, .linked.vertical >
button:active, .linked.vertical >
button:checked, .linked.vertical >
button:backdrop, .linked.vertical > combobox > box > button.combo {
border-style: solid solid none solid;
border-radius: 0; }
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical >
entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
entry:first-child, .linked.vertical >
button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical >
entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
entry:last-child, .linked.vertical >
button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-style: solid; }
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical >
entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
entry:only-child, .linked.vertical >
button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
border-radius: 3px;
border-style: solid; }
@ -4186,12 +4336,10 @@ decoration {
border: solid 1px #1f2222;
box-shadow: none; }
headerbar button.titlebutton,
.titlebar button.titlebutton {
button.titlebutton {
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); }
headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop {
button.titlebutton:backdrop {
-gtk-icon-shadow: none; }
headerbar.selection-mode button.titlebutton,
@ -4216,7 +4364,7 @@ entry selection, modelbutton.flat:selected, popover.background checkbutton:selec
popover.background radiobutton:selected,
.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #215d9c; }
row:selected label, label:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
.view text:selected:focus,
iconview text:selected:focus,
textview text:selected:focus,
@ -4230,7 +4378,7 @@ popover.background radiobutton:selected,
popover.background radiobutton:selected,
.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; }
row:selected label:disabled, label:disabled:selected, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
iconview text:disabled:selected:focus,
textview text:disabled:selected:focus,
.view text:disabled:selected,
@ -4241,7 +4389,7 @@ popover.background radiobutton:selected,
popover.background radiobutton:disabled:selected,
.menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected {
color: #90aece; }
row:selected label:backdrop, label:backdrop:selected, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
iconview text:backdrop:selected:focus,
textview text:backdrop:selected:focus,
.view text:backdrop:selected,
@ -4252,7 +4400,7 @@ popover.background radiobutton:selected,
popover.background radiobutton:backdrop:selected,
.menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
color: #d5d5d5; }
row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
.view text:backdrop:disabled:selected,
iconview text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,

View File

@ -402,8 +402,8 @@ treeview entry.flat, treeview entry {
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)); } }
notebook > header > tabs > arrow, headerbar button.titlebutton,
.titlebar button.titlebutton, button {
notebook > header > tabs > arrow, button.titlebutton,
button {
min-height: 24px;
min-width: 16px;
padding: 4px 8px;
@ -417,8 +417,8 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
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); }
notebook > header > tabs > arrow, button.sidebar-button, headerbar button.titlebutton,
.titlebar button.titlebutton, button.flat {
notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton,
button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -426,15 +426,15 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
text-shadow: none;
-gtk-icon-shadow: none;
transition: none; }
notebook > header > tabs > arrow:hover, button.sidebar-button:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover, button.flat:hover {
notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; }
notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active,
.titlebar button.titlebutton:hover:active, button.flat:hover:active {
notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active,
button.flat:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook > header > tabs > arrow:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover, button:hover {
notebook > header > tabs > arrow:hover, button.titlebutton:hover,
button:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
@ -443,9 +443,9 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white;
-gtk-icon-effect: highlight; }
notebook > header > tabs > arrow:active, headerbar button.titlebutton:active,
.titlebar button.titlebutton:active, notebook > header > tabs > arrow:checked, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:checked, button:active, button:checked {
notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked,
button:active,
button:checked {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
@ -454,9 +454,9 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
transition-duration: 50ms; }
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button:backdrop.flat, button:backdrop {
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
button:backdrop.flat,
button:backdrop {
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
@ -464,119 +464,122 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
transition: 200ms ease-out;
-gtk-icon-effect: none; }
notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, headerbar button.titlebutton:backdrop label,
.titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, headerbar button.titlebutton:backdrop label,
.titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop {
notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
button:backdrop.flat label,
button:backdrop.flat,
button:backdrop label,
button:backdrop {
color: #8b8e8f; }
notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked {
notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #d1d1cf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, headerbar button.titlebutton:backdrop:active label,
.titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label,
.titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, headerbar button.titlebutton:backdrop:active label,
.titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label,
.titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked {
notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
button:backdrop.flat:active label,
button:backdrop.flat:active,
button:backdrop.flat:checked label,
button:backdrop.flat:checked,
button:backdrop:active label,
button:backdrop:active,
button:backdrop:checked label,
button:backdrop:checked {
color: #8b8e8f; }
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled {
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
button:backdrop.flat:disabled,
button:backdrop:disabled {
border-color: #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); }
notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label,
.titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label,
.titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled {
notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
button:backdrop.flat:disabled label,
button:backdrop.flat:disabled,
button:backdrop:disabled label,
button:backdrop:disabled {
color: #c3c3c0; }
notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
.titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
.titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked {
notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e4e4e4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label,
.titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label,
.titlebar button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label,
.titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label,
.titlebar button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label {
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
button:backdrop.flat:disabled:active label,
button:backdrop.flat:disabled:checked label,
button:backdrop:disabled:active label,
button:backdrop:disabled:checked label {
color: #c3c3c0; }
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled {
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled,
button.flat:backdrop,
button.flat:disabled,
button.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, button:disabled {
notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
button:disabled {
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); }
notebook > header > tabs > arrow:disabled label, headerbar button.titlebutton:disabled label,
.titlebar button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, button:disabled label, button:disabled {
notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
button:disabled label,
button:disabled {
color: #8b8e8f; }
notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked,
.titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked {
notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
button:disabled:active,
button:disabled:checked {
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:disabled:active label, headerbar button.titlebutton:disabled:active label,
.titlebar button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, headerbar button.titlebutton:disabled:checked label,
.titlebar button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked,
.titlebar button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
button:disabled:active label,
button:disabled:active,
button:disabled:checked label,
button:disabled:checked {
color: #8b8e8f; }
notebook > header > tabs > arrow.image-button, headerbar button.image-button.titlebutton,
.titlebar button.image-button.titlebutton, button.image-button {
notebook > header > tabs > arrow.image-button, button.image-button.titlebutton,
button.image-button {
min-width: 24px;
padding-left: 4px;
padding-right: 4px; }
notebook > header > tabs > arrow.text-button, headerbar button.text-button.titlebutton,
.titlebar button.text-button.titlebutton, button.text-button {
notebook > header > tabs > arrow.text-button, button.text-button.titlebutton,
button.text-button {
padding-left: 16px;
padding-right: 16px; }
notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton,
.titlebar button.text-button.image-button.titlebutton, button.text-button.image-button {
notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton,
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px; }
notebook > header > tabs > arrow.text-button.image-button label, headerbar button.text-button.image-button.titlebutton label,
.titlebar button.text-button.image-button.titlebutton label, button.text-button.image-button label {
notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label,
button.text-button.image-button label {
padding-left: 8px;
padding-right: 8px; }
combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar button.titlebutton:drop(active),
.titlebar button.titlebutton:drop(active), button:drop(active) {
combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active),
button:drop(active) {
color: #4e9a06;
border-color: #4e9a06;
box-shadow: inset 0 0 0 1px #4e9a06; }
row:selected button {
row:selected
button {
border-color: #184472; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
color: #ffffff;
border-color: transparent; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
color: #fcfcfc; }
button.osd {
min-width: 24px;
@ -607,7 +610,8 @@ button.osd {
outline-color: rgba(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
button.osd:active, button.osd:checked {
button.osd:active,
button.osd:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
@ -618,7 +622,8 @@ button.osd {
outline-color: rgba(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
button.osd:disabled:backdrop, button.osd:disabled {
button.osd:disabled:backdrop,
button.osd:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -637,7 +642,8 @@ button.osd {
-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.frame button, .osd button {
.app-notification.frame button, .osd
button {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
@ -646,7 +652,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
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 {
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));
@ -655,7 +662,11 @@ popover.background.touch-selection button, popover.background.magnifier button,
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:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked {
popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd
button:active:backdrop, .osd
button:active, .osd
button:checked:backdrop, .osd
button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
@ -664,7 +675,9 @@ popover.background.touch-selection button, popover.background.magnifier button,
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd
button:disabled:backdrop, .osd
button:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -672,7 +685,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
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 {
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));
@ -680,7 +694,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd button.flat {
popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd
button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -690,7 +705,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd button.flat:hover {
popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd
button.flat:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
@ -699,7 +715,8 @@ popover.background.touch-selection button, popover.background.magnifier button,
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.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled {
popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd
button.flat:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -710,14 +727,17 @@ popover.background.touch-selection button, popover.background.magnifier button,
background-image: none;
border-color: transparent;
box-shadow: none; }
popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd button.flat:backdrop {
popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd
button.flat:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd button.flat:active, .osd button.flat:checked {
popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd
button.flat:active, .osd
button.flat:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
@ -734,6 +754,7 @@ button.suggested-action {
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); }
.selection-mode button.titlebutton,
button.suggested-action.flat {
border-color: transparent;
background-color: transparent;
@ -750,7 +771,8 @@ button.suggested-action {
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); }
button.suggested-action:active, button.suggested-action:checked {
button.suggested-action:active,
button.suggested-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
@ -758,35 +780,70 @@ button.suggested-action {
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); }
button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
.selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
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); }
button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop {
.selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop label,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop label,
button.suggested-action.flat:backdrop {
color: #dbe9f7; }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
.selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked,
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked {
border-color: #2a76c6;
background-image: linear-gradient(to bottom, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked {
.selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked,
button.suggested-action:backdrop:active label,
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked label,
button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active label,
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked label,
button.suggested-action.flat:backdrop:checked {
color: #d4e4f4; }
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled {
.selection-mode button.titlebutton:backdrop:disabled,
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled {
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); }
button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled {
.selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled,
button.suggested-action:backdrop:disabled label,
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled label,
button.suggested-action.flat:backdrop:disabled {
color: #c3c3c0; }
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
.selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked,
button.suggested-action:backdrop:disabled:active,
button.suggested-action:backdrop:disabled:checked,
button.suggested-action.flat:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked {
border-color: #5094db;
background-image: linear-gradient(to bottom, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label {
.selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label,
button.suggested-action:backdrop:disabled:active label,
button.suggested-action:backdrop:disabled:checked label,
button.suggested-action.flat:backdrop:disabled:active label,
button.suggested-action.flat:backdrop:disabled:checked label {
color: #8db9e8; }
button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled {
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled,
button.suggested-action.flat:backdrop,
button.suggested-action.flat:disabled,
button.suggested-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -800,15 +857,21 @@ button.suggested-action {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled label, button.suggested-action:disabled {
button.suggested-action:disabled label,
button.suggested-action:disabled {
color: #8b8e8f; }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
border-color: #1c5187;
background-image: linear-gradient(to bottom, #4b8dd3, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked {
button.suggested-action:disabled:active label,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked label,
button.suggested-action:disabled:checked {
color: #b9d4f1; }
.osd button.suggested-action {
.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));
@ -817,7 +880,8 @@ button.suggested-action {
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.suggested-action:hover {
.osd
button.suggested-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7));
@ -826,7 +890,11 @@ button.suggested-action {
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked {
.osd
button.suggested-action:active:backdrop, .osd
button.suggested-action:active, .osd
button.suggested-action:checked:backdrop, .osd
button.suggested-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #4a90d9);
@ -835,7 +903,9 @@ button.suggested-action {
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
.osd
button.suggested-action:disabled:backdrop, .osd
button.suggested-action:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -843,7 +913,8 @@ button.suggested-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.suggested-action:backdrop {
.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));
@ -875,7 +946,8 @@ button.destructive-action {
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); }
button.destructive-action:active, button.destructive-action:checked {
button.destructive-action:active,
button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #8e0b0b;
@ -883,35 +955,61 @@ button.destructive-action {
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); }
button.destructive-action:backdrop, button.destructive-action.flat:backdrop {
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
border-color: #ef2929;
background-image: linear-gradient(to bottom, #ef2929);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop {
button.destructive-action:backdrop label,
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop label,
button.destructive-action.flat:backdrop {
color: #fcd4d4; }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked {
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked {
button.destructive-action:backdrop:active label,
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked label,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active label,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked label,
button.destructive-action.flat:backdrop:checked {
color: #f7cfcf; }
button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled {
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled {
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); }
button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled {
button.destructive-action:backdrop:disabled label,
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled label,
button.destructive-action.flat:backdrop:disabled {
color: #c3c3c0; }
button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked {
button.destructive-action:backdrop:disabled:active,
button.destructive-action:backdrop:disabled:checked,
button.destructive-action.flat:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked {
border-color: #ef3131;
background-image: linear-gradient(to bottom, #ef3131);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label {
button.destructive-action:backdrop:disabled:active label,
button.destructive-action:backdrop:disabled:checked label,
button.destructive-action.flat:backdrop:disabled:active label,
button.destructive-action.flat:backdrop:disabled:checked label {
color: #f57979; }
button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled {
button.destructive-action.flat:backdrop,
button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -925,15 +1023,21 @@ button.destructive-action {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled label, button.destructive-action:disabled {
button.destructive-action:disabled label,
button.destructive-action:disabled {
color: #8b8e8f; }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked {
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #e52d2d, #ef3131);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked {
button.destructive-action:disabled:active label,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked label,
button.destructive-action:disabled:checked {
color: #f9adad; }
.osd button.destructive-action {
.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));
@ -942,7 +1046,8 @@ button.destructive-action {
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.destructive-action:hover {
.osd
button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7));
@ -951,7 +1056,11 @@ button.destructive-action {
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked {
.osd
button.destructive-action:active:backdrop, .osd
button.destructive-action:active, .osd
button.destructive-action:checked:backdrop, .osd
button.destructive-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #ef2929);
@ -960,7 +1069,9 @@ button.destructive-action {
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
.osd
button.destructive-action:disabled:backdrop, .osd
button.destructive-action:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -968,7 +1079,8 @@ button.destructive-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.destructive-action:backdrop {
.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));
@ -976,45 +1088,63 @@ button.destructive-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.stack-switcher > button {
.stack-switcher >
button {
outline-offset: -3px; }
.stack-switcher > button > label {
.stack-switcher >
button > label {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button > image {
.stack-switcher >
button > image {
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px; }
.stack-switcher > button.text-button {
.stack-switcher >
button.text-button {
padding-left: 10px;
padding-right: 10px; }
.stack-switcher > button.image-button {
.stack-switcher >
button.image-button {
padding-left: 2px;
padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label,
.stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
.stack-switcher >
button.needs-attention:active > label,
.stack-switcher >
button.needs-attention:active > image, .stack-switcher >
button.needs-attention:checked > label,
.stack-switcher >
button.needs-attention:checked > image {
animation: none;
background-image: none; }
.inline-toolbar button, .inline-toolbar button:backdrop {
.inline-toolbar
button, .inline-toolbar
button:backdrop {
border-radius: 2px;
border-width: 1px; }
.primary-toolbar button {
.primary-toolbar
button {
-gtk-icon-shadow: none; }
.stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
.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 {
.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) {
.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 {
@ -1086,43 +1216,64 @@ button.destructive-action {
toolbar.inline-toolbar toolbutton > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) >
entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
entry, .inline-toolbar
button, .inline-toolbar
button:backdrop, .linked >
button, .linked >
button:hover, .linked >
button:active, .linked >
button:checked, .linked >
button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
border-radius: 0;
border-right-style: none; }
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) >
entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
entry:first-child, .inline-toolbar
button:first-child, .linked >
button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) >
entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
entry:last-child, .inline-toolbar
button:last-child, .linked >
button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right-style: solid; }
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) >
entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
entry:only-child, .inline-toolbar
button:only-child, .linked >
button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo {
border-radius: 3px;
border-style: solid; }
.linked.vertical > spinbutton:not(.vertical), .linked.vertical >
entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo {
entry, .linked.vertical >
button, .linked.vertical >
button:hover, .linked.vertical >
button:active, .linked.vertical >
button:checked, .linked.vertical >
button:backdrop, .linked.vertical > combobox > box > button.combo {
border-style: solid solid none solid;
border-radius: 0; }
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical >
entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
entry:first-child, .linked.vertical >
button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical >
entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
entry:last-child, .linked.vertical >
button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-style: solid; }
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical >
entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
entry:only-child, .linked.vertical >
button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
border-radius: 3px;
border-style: solid; }
@ -4214,12 +4365,10 @@ decoration {
border: solid 1px #a5a5a1;
box-shadow: none; }
headerbar button.titlebutton,
.titlebar button.titlebutton {
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 {
button.titlebutton:backdrop {
-gtk-icon-shadow: none; }
headerbar.selection-mode button.titlebutton,
@ -4244,7 +4393,7 @@ entry selection, modelbutton.flat:selected, popover.background checkbutton:selec
popover.background radiobutton:selected,
.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #4a90d9; }
row:selected label, label:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
.view text:selected:focus,
iconview text:selected:focus,
textview text:selected:focus,
@ -4259,7 +4408,7 @@ popover.background radiobutton:selected,
.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); }
row:selected label:disabled, label:disabled:selected, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
iconview text:disabled:selected:focus,
textview text:disabled:selected:focus,
.view text:disabled:selected,
@ -4270,7 +4419,7 @@ popover.background radiobutton:selected,
popover.background radiobutton:disabled:selected,
.menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected {
color: #a5c8ec; }
row:selected label:backdrop, label:backdrop:selected, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
iconview text:backdrop:selected:focus,
textview text:backdrop:selected:focus,
.view text:backdrop:selected,
@ -4281,7 +4430,7 @@ popover.background radiobutton:selected,
popover.background radiobutton:backdrop:selected,
.menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
color: #fcfcfc; }
row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
.view text:backdrop:disabled:selected,
iconview text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,