Adwaita: fix split headerbar styling

applications with split headerbars has a container in the titlebar
slot so the .titlebar style there needs to be reset. Since we can't
go backward with selectors I assumed that any csd application
sports a headerbar hence relying on that styling and resetting
the .titlebar styleclass.
This commit is contained in:
Lapo Calamandrei 2015-12-21 16:18:04 +01:00
parent 6f889e832c
commit 7c6ca26bfb
3 changed files with 345 additions and 322 deletions

View File

@ -1080,8 +1080,8 @@ searchbar,
* Header bars * * Header bars *
***************/ ***************/
.titlebar, %titlebar,
window > headerbar { headerbar {
padding: 6px; padding: 6px;
border-width: 0 0 1px; border-width: 0 0 1px;
border-style: solid; border-style: solid;
@ -1254,6 +1254,17 @@ window > headerbar {
} }
} }
.titlebar:not(headerbar) {
window.csd > & {
// in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases
padding: 0;
border-style: none;
background-image: none;
border-color: transparent;
}
@extend %titlebar;
}
/************ /************
* Pathbars * * Pathbars *
************/ ************/

View File

@ -93,8 +93,8 @@ label:insensitive {
label:insensitive:backdrop { label:insensitive:backdrop {
color: #5d6767; } color: #5d6767; }
.dim-label, label.separator, .titlebar .subtitle, .dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
window > headerbar .subtitle { headerbar .subtitle {
opacity: 0.55; opacity: 0.55;
text-shadow: none; } text-shadow: none; }
@ -1282,11 +1282,11 @@ button.color, headerbar button.color.titlebutton,
color: #4a90d9; } color: #4a90d9; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #d3dfeb; } color: #d3dfeb; }
*:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link, *:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:hover:link,
window > headerbar.selection-mode .subtitle:backdrop:hover:link { headerbar.selection-mode .subtitle:backdrop:hover:link {
color: #215d9c; } color: #215d9c; }
*:link:selected, button:selected:link, button:selected:visited, .titlebar.selection-mode .subtitle:link, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
window > headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
color: #d3dfeb; } color: #d3dfeb; }
button:link, headerbar button.titlebutton:link, button:link, headerbar button.titlebutton:link,
@ -1599,8 +1599,8 @@ searchbar,
/*************** /***************
* Header bars * * Header bars *
***************/ ***************/
.titlebar, .titlebar:not(headerbar),
window > headerbar { headerbar {
padding: 6px; padding: 6px;
border-width: 0 0 1px; border-width: 0 0 1px;
border-style: solid; border-style: solid;
@ -1609,48 +1609,48 @@ window > headerbar {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, #2a2f2f, #2f3434 2px, #323737 3px); background-image: linear-gradient(to top, #2a2f2f, #2f3434 2px, #323737 3px);
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); } box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }
.titlebar:backdrop, .titlebar:backdrop:not(headerbar),
window > headerbar:backdrop { headerbar:backdrop {
border-color: #1f2222; border-color: #1f2222;
background-color: #393f3f; background-color: #393f3f;
background-image: none; background-image: none;
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); } box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }
.titlebar .title, .titlebar:not(headerbar) .title,
window > headerbar .title { headerbar .title {
font-weight: bold; font-weight: bold;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; } padding-right: 12px; }
.titlebar .subtitle, .titlebar:not(headerbar) .subtitle,
window > headerbar .subtitle { headerbar .subtitle {
font-size: smaller; font-size: smaller;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; } padding-right: 12px; }
.titlebar .header-bar-separator, .titlebar > GtkBox > separator.vertical, .titlebar:not(headerbar) .header-bar-separator, .titlebar:not(headerbar) > GtkBox > separator.vertical,
window > headerbar .header-bar-separator, headerbar .header-bar-separator,
window > headerbar > GtkBox > separator.vertical { headerbar > GtkBox > separator.vertical {
-GtkWidget-wide-separators: true; -GtkWidget-wide-separators: true;
-GtkWidget-separator-width: 1px; -GtkWidget-separator-width: 1px;
border-width: 0 1px; border-width: 0 1px;
border-image: linear-gradient(to bottom, rgba(28, 31, 31, 0), #1c1f1f 30%, #1c1f1f 70%, rgba(28, 31, 31, 0) 100%) 0 1/0 1px stretch; } border-image: linear-gradient(to bottom, rgba(28, 31, 31, 0), #1c1f1f 30%, #1c1f1f 70%, rgba(28, 31, 31, 0) 100%) 0 1/0 1px stretch; }
.titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > separator.vertical:backdrop, .titlebar:not(headerbar) .header-bar-separator:backdrop, .titlebar:not(headerbar) > GtkBox > separator.vertical:backdrop,
window > headerbar .header-bar-separator:backdrop, headerbar .header-bar-separator:backdrop,
window > headerbar > GtkBox > separator.vertical:backdrop { headerbar > GtkBox > separator.vertical:backdrop {
border-image: linear-gradient(to bottom, rgba(31, 34, 34, 0.5)) 0 1/1px 1px; } border-image: linear-gradient(to bottom, rgba(31, 34, 34, 0.5)) 0 1/1px 1px; }
.titlebar.selection-mode, .selection-mode.titlebar:not(headerbar),
window > headerbar.selection-mode { headerbar.selection-mode {
color: #ffffff; color: #ffffff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
border-color: #0f2b48; border-color: #0f2b48;
background-image: linear-gradient(to bottom, #256ab1, #215d9c); background-image: linear-gradient(to bottom, #256ab1, #215d9c);
box-shadow: inset 0 -1px #1b4c7f, inset 0 1px rgba(40, 98, 159, 0.535); } box-shadow: inset 0 -1px #1b4c7f, inset 0 1px rgba(40, 98, 159, 0.535); }
.titlebar.selection-mode:backdrop, .selection-mode.titlebar:backdrop:not(headerbar),
window > headerbar.selection-mode:backdrop { headerbar.selection-mode:backdrop {
background-image: linear-gradient(to bottom, #215d9c); background-image: linear-gradient(to bottom, #215d9c);
box-shadow: inset 0 1px rgba(44, 100, 160, 0.442); } box-shadow: inset 0 1px rgba(44, 100, 160, 0.442); }
.titlebar.selection-mode button, .selection-mode.titlebar:not(headerbar) button,
window > headerbar.selection-mode button, headerbar.selection-mode button,
window > headerbar.selection-mode .titlebar button.titlebutton, headerbar.selection-mode .titlebar button.titlebutton,
.titlebar window > headerbar.selection-mode button.titlebutton { .titlebar headerbar.selection-mode button.titlebutton {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #0b1e33; border-color: #0b1e33;
@ -1658,19 +1658,19 @@ window > headerbar {
text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
-gtk-icon-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), 0 1px rgba(40, 98, 159, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(40, 98, 159, 0); }
.titlebar.selection-mode button.flat, .titlebar.selection-mode button.sidebar-button, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.sidebar-button,
.titlebar.selection-mode button.titlebutton, .selection-mode.titlebar:not(headerbar) button.titlebutton,
window > headerbar.selection-mode button.flat, headerbar.selection-mode button.flat,
window > headerbar.selection-mode button.sidebar-button, headerbar.selection-mode button.sidebar-button,
window > headerbar.selection-mode button.titlebutton { headerbar.selection-mode button.titlebutton {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.titlebar.selection-mode button:hover, .selection-mode.titlebar:not(headerbar) button:hover,
window > headerbar.selection-mode button:hover { headerbar.selection-mode button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #0b1e33; border-color: #0b1e33;
@ -1684,9 +1684,9 @@ window > headerbar {
text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
-gtk-icon-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), 0 1px rgba(40, 98, 159, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(40, 98, 159, 0); }
.titlebar.selection-mode button:active, .titlebar.selection-mode button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked,
window > headerbar.selection-mode button:active, headerbar.selection-mode button:active,
window > headerbar.selection-mode button:checked { headerbar.selection-mode button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #0b1e33; border-color: #0b1e33;
@ -1694,12 +1694,12 @@ window > headerbar {
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
-gtk-icon-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), 0 1px rgba(40, 98, 159, 0); } box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(40, 98, 159, 0); }
.titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.flat:backdrop, .titlebar.selection-mode button.sidebar-button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop,
.titlebar.selection-mode button.titlebutton:backdrop, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop,
window > headerbar.selection-mode button:backdrop, headerbar.selection-mode button:backdrop,
window > headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:backdrop,
window > headerbar.selection-mode button.sidebar-button:backdrop, headerbar.selection-mode button.sidebar-button:backdrop,
window > headerbar.selection-mode button.titlebutton:backdrop { headerbar.selection-mode button.titlebutton:backdrop {
color: #d3dfeb; color: #d3dfeb;
border-color: #0b1e33; border-color: #0b1e33;
background-image: linear-gradient(to bottom, #215d9c); background-image: linear-gradient(to bottom, #215d9c);
@ -1708,28 +1708,28 @@ window > headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0);
-gtk-icon-effect: none; -gtk-icon-effect: none;
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button:backdrop:active, .titlebar.selection-mode button:backdrop:checked, .titlebar.selection-mode button.flat:backdrop:active, .titlebar.selection-mode button.sidebar-button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:active, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:active,
.titlebar.selection-mode button.titlebutton:backdrop:active, .titlebar.selection-mode button.flat:backdrop:checked, .titlebar.selection-mode button.sidebar-button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:active, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:checked,
.titlebar.selection-mode button.titlebutton:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:checked,
window > headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:active,
window > headerbar.selection-mode button:backdrop:checked, headerbar.selection-mode button:backdrop:checked,
window > headerbar.selection-mode button.flat:backdrop:active, headerbar.selection-mode button.flat:backdrop:active,
window > headerbar.selection-mode button.sidebar-button:backdrop:active, headerbar.selection-mode button.sidebar-button:backdrop:active,
window > headerbar.selection-mode button.titlebutton:backdrop:active, headerbar.selection-mode button.titlebutton:backdrop:active,
window > headerbar.selection-mode button.flat:backdrop:checked, headerbar.selection-mode button.flat:backdrop:checked,
window > headerbar.selection-mode button.sidebar-button:backdrop:checked, headerbar.selection-mode button.sidebar-button:backdrop:checked,
window > headerbar.selection-mode button.titlebutton:backdrop:checked { headerbar.selection-mode button.titlebutton:backdrop:checked {
color: #d1dae3; color: #d1dae3;
border-color: #0b1e33; border-color: #0b1e33;
background-image: linear-gradient(to bottom, #184472); background-image: linear-gradient(to bottom, #184472);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0);
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button:backdrop:insensitive, .titlebar.selection-mode button.flat:backdrop:insensitive, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive,
window > headerbar.selection-mode button:backdrop:insensitive, headerbar.selection-mode button:backdrop:insensitive,
window > headerbar.selection-mode button.flat:backdrop:insensitive, headerbar.selection-mode button.flat:backdrop:insensitive,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive, headerbar.selection-mode button.sidebar-button:backdrop:insensitive,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive { headerbar.selection-mode button.titlebutton:backdrop:insensitive {
color: #6f91b4; color: #6f91b4;
border-color: #0b1e33; border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558b); background-image: linear-gradient(to bottom, #22558b);
@ -1737,93 +1737,93 @@ window > headerbar {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0);
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode button.flat:backdrop:insensitive > .label, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive > .label,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive > .label,
window > headerbar.selection-mode button:backdrop:insensitive > .label, headerbar.selection-mode button:backdrop:insensitive > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label,
window > headerbar.selection-mode button.flat:backdrop:insensitive > .label, headerbar.selection-mode button.flat:backdrop:insensitive > .label,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive > .label, headerbar.selection-mode button.sidebar-button:backdrop:insensitive > .label,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label { headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button:backdrop:insensitive:active, .titlebar.selection-mode button:backdrop:insensitive:checked, .titlebar.selection-mode button.flat:backdrop:insensitive:active, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:active, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive:active, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive:checked, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive:active, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive:active,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive:active, .titlebar.selection-mode button.flat:backdrop:insensitive:checked, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:checked, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive:active, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive:checked, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive:checked,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive:checked, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive:checked,
window > headerbar.selection-mode button:backdrop:insensitive:active, headerbar.selection-mode button:backdrop:insensitive:active,
window > headerbar.selection-mode button:backdrop:insensitive:checked, headerbar.selection-mode button:backdrop:insensitive:checked,
window > headerbar.selection-mode button.flat:backdrop:insensitive:active, headerbar.selection-mode button.flat:backdrop:insensitive:active,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive:active, headerbar.selection-mode button.titlebutton:backdrop:insensitive:active,
window > headerbar.selection-mode button.flat:backdrop:insensitive:checked, headerbar.selection-mode button.flat:backdrop:insensitive:checked,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked { headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked {
color: #6c88a7; color: #6c88a7;
border-color: #0b1e33; border-color: #0b1e33;
background-image: linear-gradient(to bottom, #1d4877); background-image: linear-gradient(to bottom, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0);
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button:backdrop:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button:backdrop:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive:active > .label,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive:checked > .label,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode button:backdrop:insensitive:active > .label, headerbar.selection-mode button:backdrop:insensitive:active > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label,
window > headerbar.selection-mode button:backdrop:insensitive:checked > .label, headerbar.selection-mode button:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode button.flat:backdrop:insensitive:active > .label, headerbar.selection-mode button.flat:backdrop:insensitive:active > .label,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active > .label, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active > .label,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive:active > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label,
window > headerbar.selection-mode button.flat:backdrop:insensitive:checked > .label, headerbar.selection-mode button.flat:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked > .label, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label { headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button.flat:backdrop, .titlebar.selection-mode button.sidebar-button:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop,
.titlebar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.flat:insensitive, .titlebar.selection-mode button.sidebar-button:insensitive, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:insensitive, .selection-mode.titlebar:not(headerbar) button.sidebar-button:insensitive,
.titlebar.selection-mode button.titlebutton:insensitive, .titlebar.selection-mode button.flat:insensitive:backdrop, .titlebar.selection-mode button.sidebar-button:insensitive:backdrop, .selection-mode.titlebar:not(headerbar) button.titlebutton:insensitive, .selection-mode.titlebar:not(headerbar) button.flat:insensitive:backdrop, .selection-mode.titlebar:not(headerbar) button.sidebar-button:insensitive:backdrop,
.titlebar.selection-mode button.titlebutton:insensitive:backdrop, .selection-mode.titlebar:not(headerbar) button.titlebutton:insensitive:backdrop,
window > headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:backdrop,
window > headerbar.selection-mode button.sidebar-button:backdrop, headerbar.selection-mode button.sidebar-button:backdrop,
window > headerbar.selection-mode button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop,
window > headerbar.selection-mode button.flat:insensitive, headerbar.selection-mode button.flat:insensitive,
window > headerbar.selection-mode button.sidebar-button:insensitive, headerbar.selection-mode button.sidebar-button:insensitive,
window > headerbar.selection-mode button.titlebutton:insensitive, headerbar.selection-mode button.titlebutton:insensitive,
window > headerbar.selection-mode button.flat:insensitive:backdrop, headerbar.selection-mode button.flat:insensitive:backdrop,
window > headerbar.selection-mode button.sidebar-button:insensitive:backdrop, headerbar.selection-mode button.sidebar-button:insensitive:backdrop,
window > headerbar.selection-mode button.titlebutton:insensitive:backdrop { headerbar.selection-mode button.titlebutton:insensitive:backdrop {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.titlebar.selection-mode button:insensitive, .selection-mode.titlebar:not(headerbar) button:insensitive,
window > headerbar.selection-mode button:insensitive { headerbar.selection-mode button:insensitive {
color: #91aac5; color: #91aac5;
border-color: #0b1e33; border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558b); background-image: linear-gradient(to bottom, #22558b);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); }
.titlebar.selection-mode button:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive > .label, .selection-mode.titlebar:not(headerbar) button:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:insensitive > .label,
window > headerbar.selection-mode button:insensitive > .label, headerbar.selection-mode button:insensitive > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:insensitive > .label { headerbar.selection-mode .titlebar button.titlebutton:insensitive > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button:insensitive:active, .titlebar.selection-mode button:insensitive:checked, .selection-mode.titlebar:not(headerbar) button:insensitive:active, .selection-mode.titlebar:not(headerbar) button:insensitive:checked,
window > headerbar.selection-mode button:insensitive:active, headerbar.selection-mode button:insensitive:active,
window > headerbar.selection-mode button:insensitive:checked { headerbar.selection-mode button:insensitive:checked {
color: #a5b6c9; color: #a5b6c9;
border-color: #0b1e33; border-color: #0b1e33;
background-image: linear-gradient(to bottom, #1b4470, #1d4877); background-image: linear-gradient(to bottom, #1b4470, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); }
.titlebar.selection-mode button:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive:active > .label, .titlebar.selection-mode button:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:insensitive:checked > .label,
window > headerbar.selection-mode button:insensitive:active > .label, headerbar.selection-mode button:insensitive:active > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:insensitive:active > .label,
window > headerbar.selection-mode button:insensitive:checked > .label, headerbar.selection-mode button:insensitive:checked > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:insensitive:checked > .label { headerbar.selection-mode .titlebar button.titlebutton:insensitive:checked > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action,
window > headerbar.selection-mode button.suggested-action { headerbar.selection-mode button.suggested-action {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f; border-color: #1c1f1f;
@ -1832,8 +1832,8 @@ window > headerbar {
-gtk-icon-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), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(40, 98, 159, 0);
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover,
window > headerbar.selection-mode button.suggested-action:hover { headerbar.selection-mode button.suggested-action:hover {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f; border-color: #1c1f1f;
@ -1848,8 +1848,8 @@ window > headerbar {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(40, 98, 159, 0);
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active,
window > headerbar.selection-mode button.suggested-action:active { headerbar.selection-mode button.suggested-action:active {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f; border-color: #1c1f1f;
@ -1858,8 +1858,8 @@ window > headerbar {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(40, 98, 159, 0);
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button.suggested-action:insensitive, .selection-mode.titlebar:not(headerbar) button.suggested-action:insensitive,
window > headerbar.selection-mode button.suggested-action:insensitive { headerbar.selection-mode button.suggested-action:insensitive {
color: #949796; color: #949796;
border-color: #1c1f1f; border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636); background-image: linear-gradient(to bottom, #333636);
@ -1867,12 +1867,12 @@ window > headerbar {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0);
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button.suggested-action:insensitive > .label, .titlebar.selection-mode headerbar button.suggested-action.titlebutton:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.suggested-action:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.suggested-action.titlebutton:insensitive > .label,
window > headerbar.selection-mode button.suggested-action:insensitive > .label, headerbar.selection-mode button.suggested-action:insensitive > .label,
window > headerbar.selection-mode .titlebar button.suggested-action.titlebutton:insensitive > .label { headerbar.selection-mode .titlebar button.suggested-action.titlebutton:insensitive > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
window > headerbar.selection-mode button.suggested-action:backdrop { headerbar.selection-mode button.suggested-action:backdrop {
color: #949796; color: #949796;
border-color: #1f2222; border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f); background-image: linear-gradient(to bottom, #393f3f);
@ -1880,8 +1880,8 @@ window > headerbar {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0);
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button.suggested-action:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:insensitive,
window > headerbar.selection-mode button.suggested-action:backdrop:insensitive { headerbar.selection-mode button.suggested-action:backdrop:insensitive {
color: #5d6767; color: #5d6767;
border-color: #1f2222; border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636); background-image: linear-gradient(to bottom, #333636);
@ -1889,44 +1889,50 @@ window > headerbar {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(40, 98, 159, 0);
border-color: #0f2b48; } border-color: #0f2b48; }
.titlebar.selection-mode button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label,
window > headerbar.selection-mode button.suggested-action:backdrop:insensitive > .label, headerbar.selection-mode button.suggested-action:backdrop:insensitive > .label,
window > headerbar.selection-mode .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label { headerbar.selection-mode .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop,
window > headerbar.selection-mode .selection-menu, headerbar.selection-mode .selection-menu,
window > headerbar.selection-mode .titlebar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop,
.titlebar.selection-mode window > headerbar.selection-mode .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) headerbar.selection-mode .selection-menu:backdrop,
window > headerbar.selection-mode .selection-menu:backdrop { headerbar.selection-mode .selection-menu:backdrop {
border-color: rgba(33, 93, 156, 0); border-color: rgba(33, 93, 156, 0);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0)); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0));
box-shadow: none; box-shadow: none;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; } padding-right: 10px; }
.titlebar.selection-mode .selection-menu GtkArrow, .titlebar.selection-mode .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow,
window > headerbar.selection-mode .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow,
window > headerbar.selection-mode .titlebar.selection-mode .selection-menu:backdrop GtkArrow, headerbar.selection-mode .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow,
.titlebar.selection-mode window > headerbar.selection-mode .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) headerbar.selection-mode .selection-menu:backdrop GtkArrow,
window > headerbar.selection-mode .selection-menu:backdrop GtkArrow { headerbar.selection-mode .selection-menu:backdrop GtkArrow {
-GtkArrow-arrow-scaling: 1; } -GtkArrow-arrow-scaling: 1; }
.titlebar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
window > headerbar.selection-mode .selection-menu .arrow { headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.tiled .titlebar, .maximized .titlebar, .tiled .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
window > headerbar, .maximized headerbar, .maximized
window > headerbar { headerbar {
border-radius: 0; } border-radius: 0; }
.titlebar.default-decoration, .default-decoration.titlebar:not(headerbar),
window > headerbar.default-decoration { headerbar.default-decoration {
padding: 4px; } padding: 4px; }
.titlebar.default-decoration button, .default-decoration.titlebar:not(headerbar) button,
window > headerbar.default-decoration button, headerbar.default-decoration button,
window > headerbar.default-decoration .titlebar button.titlebutton, headerbar.default-decoration .titlebar button.titlebutton,
.titlebar window > headerbar.default-decoration button.titlebutton { .titlebar headerbar.default-decoration button.titlebutton {
padding: 5px; } padding: 5px; }
window.csd > .titlebar:not(headerbar) {
padding: 0;
border-style: none;
background-image: none;
border-color: transparent; }
/************ /************
* Pathbars * * Pathbars *
************/ ************/

View File

@ -93,8 +93,8 @@ label:insensitive {
label:insensitive:backdrop { label:insensitive:backdrop {
color: #c3c3c0; } color: #c3c3c0; }
.dim-label, label.separator, .titlebar .subtitle, .dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
window > headerbar .subtitle { headerbar .subtitle {
opacity: 0.55; opacity: 0.55;
text-shadow: none; } text-shadow: none; }
@ -1282,11 +1282,11 @@ button.color, headerbar button.color.titlebutton,
color: #2a76c6; } color: #2a76c6; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #dbe9f7; } color: #dbe9f7; }
*:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link, *:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:hover:link,
window > headerbar.selection-mode .subtitle:backdrop:hover:link { headerbar.selection-mode .subtitle:backdrop:hover:link {
color: #4a90d9; } color: #4a90d9; }
*:link:selected, button:selected:link, button:selected:visited, .titlebar.selection-mode .subtitle:link, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
window > headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
color: #dbe9f7; } color: #dbe9f7; }
button:link, headerbar button.titlebutton:link, button:link, headerbar button.titlebutton:link,
@ -1599,8 +1599,8 @@ searchbar,
/*************** /***************
* Header bars * * Header bars *
***************/ ***************/
.titlebar, .titlebar:not(headerbar),
window > headerbar { headerbar {
padding: 6px; padding: 6px;
border-width: 0 0 1px; border-width: 0 0 1px;
border-style: solid; border-style: solid;
@ -1609,48 +1609,48 @@ window > headerbar {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px); background-image: linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
.titlebar:backdrop, .titlebar:backdrop:not(headerbar),
window > headerbar:backdrop { headerbar:backdrop {
border-color: #a5a5a1; border-color: #a5a5a1;
background-color: #e8e8e7; background-color: #e8e8e7;
background-image: none; background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
.titlebar .title, .titlebar:not(headerbar) .title,
window > headerbar .title { headerbar .title {
font-weight: bold; font-weight: bold;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; } padding-right: 12px; }
.titlebar .subtitle, .titlebar:not(headerbar) .subtitle,
window > headerbar .subtitle { headerbar .subtitle {
font-size: smaller; font-size: smaller;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; } padding-right: 12px; }
.titlebar .header-bar-separator, .titlebar > GtkBox > separator.vertical, .titlebar:not(headerbar) .header-bar-separator, .titlebar:not(headerbar) > GtkBox > separator.vertical,
window > headerbar .header-bar-separator, headerbar .header-bar-separator,
window > headerbar > GtkBox > separator.vertical { headerbar > GtkBox > separator.vertical {
-GtkWidget-wide-separators: true; -GtkWidget-wide-separators: true;
-GtkWidget-separator-width: 1px; -GtkWidget-separator-width: 1px;
border-width: 0 1px; border-width: 0 1px;
border-image: linear-gradient(to bottom, rgba(157, 157, 153, 0), #9d9d99 30%, #9d9d99 70%, rgba(157, 157, 153, 0) 100%) 0 1/0 1px stretch; } border-image: linear-gradient(to bottom, rgba(157, 157, 153, 0), #9d9d99 30%, #9d9d99 70%, rgba(157, 157, 153, 0) 100%) 0 1/0 1px stretch; }
.titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > separator.vertical:backdrop, .titlebar:not(headerbar) .header-bar-separator:backdrop, .titlebar:not(headerbar) > GtkBox > separator.vertical:backdrop,
window > headerbar .header-bar-separator:backdrop, headerbar .header-bar-separator:backdrop,
window > headerbar > GtkBox > separator.vertical:backdrop { headerbar > GtkBox > separator.vertical:backdrop {
border-image: linear-gradient(to bottom, rgba(165, 165, 161, 0.5)) 0 1/1px 1px; } border-image: linear-gradient(to bottom, rgba(165, 165, 161, 0.5)) 0 1/1px 1px; }
.titlebar.selection-mode, .selection-mode.titlebar:not(headerbar),
window > headerbar.selection-mode { headerbar.selection-mode {
color: #ffffff; color: #ffffff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
border-color: #184472; border-color: #184472;
background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9); background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9);
box-shadow: inset 0 -1px #3975b5, inset 0 1px rgba(146, 188, 232, 0.9); } box-shadow: inset 0 -1px #3975b5, inset 0 1px rgba(146, 188, 232, 0.9); }
.titlebar.selection-mode:backdrop, .selection-mode.titlebar:backdrop:not(headerbar),
window > headerbar.selection-mode:backdrop { headerbar.selection-mode:backdrop {
background-image: linear-gradient(to bottom, #4a90d9); background-image: linear-gradient(to bottom, #4a90d9);
box-shadow: inset 0 1px rgba(165, 200, 236, 0.88); } box-shadow: inset 0 1px rgba(165, 200, 236, 0.88); }
.titlebar.selection-mode button, .selection-mode.titlebar:not(headerbar) button,
window > headerbar.selection-mode button, headerbar.selection-mode button,
window > headerbar.selection-mode .titlebar button.titlebutton, headerbar.selection-mode .titlebar button.titlebutton,
.titlebar window > headerbar.selection-mode button.titlebutton { .titlebar headerbar.selection-mode button.titlebutton {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187; border-color: #1c5187;
@ -1658,19 +1658,19 @@ window > headerbar {
text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(146, 188, 232, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(146, 188, 232, 0); }
.titlebar.selection-mode button.flat, .titlebar.selection-mode button.sidebar-button, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.sidebar-button,
.titlebar.selection-mode button.titlebutton, .selection-mode.titlebar:not(headerbar) button.titlebutton,
window > headerbar.selection-mode button.flat, headerbar.selection-mode button.flat,
window > headerbar.selection-mode button.sidebar-button, headerbar.selection-mode button.sidebar-button,
window > headerbar.selection-mode button.titlebutton { headerbar.selection-mode button.titlebutton {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.titlebar.selection-mode button:hover, .selection-mode.titlebar:not(headerbar) button:hover,
window > headerbar.selection-mode button:hover { headerbar.selection-mode button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187; border-color: #1c5187;
@ -1684,9 +1684,9 @@ window > headerbar {
text-shadow: 0 -1px rgba(0, 0, 0, 0.49553); text-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(146, 188, 232, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(146, 188, 232, 0); }
.titlebar.selection-mode button:active, .titlebar.selection-mode button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked,
window > headerbar.selection-mode button:active, headerbar.selection-mode button:active,
window > headerbar.selection-mode button:checked { headerbar.selection-mode button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187; border-color: #1c5187;
@ -1694,12 +1694,12 @@ window > headerbar {
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(146, 188, 232, 0); } box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(146, 188, 232, 0); }
.titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.flat:backdrop, .titlebar.selection-mode button.sidebar-button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop,
.titlebar.selection-mode button.titlebutton:backdrop, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop,
window > headerbar.selection-mode button:backdrop, headerbar.selection-mode button:backdrop,
window > headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:backdrop,
window > headerbar.selection-mode button.sidebar-button:backdrop, headerbar.selection-mode button.sidebar-button:backdrop,
window > headerbar.selection-mode button.titlebutton:backdrop { headerbar.selection-mode button.titlebutton:backdrop {
color: #dbe9f7; color: #dbe9f7;
border-color: #4a90d9; border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9); background-image: linear-gradient(to bottom, #4a90d9);
@ -1708,28 +1708,28 @@ window > headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
-gtk-icon-effect: none; -gtk-icon-effect: none;
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button:backdrop:active, .titlebar.selection-mode button:backdrop:checked, .titlebar.selection-mode button.flat:backdrop:active, .titlebar.selection-mode button.sidebar-button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:active, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:active,
.titlebar.selection-mode button.titlebutton:backdrop:active, .titlebar.selection-mode button.flat:backdrop:checked, .titlebar.selection-mode button.sidebar-button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:active, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:checked,
.titlebar.selection-mode button.titlebutton:backdrop:checked, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:checked,
window > headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:active,
window > headerbar.selection-mode button:backdrop:checked, headerbar.selection-mode button:backdrop:checked,
window > headerbar.selection-mode button.flat:backdrop:active, headerbar.selection-mode button.flat:backdrop:active,
window > headerbar.selection-mode button.sidebar-button:backdrop:active, headerbar.selection-mode button.sidebar-button:backdrop:active,
window > headerbar.selection-mode button.titlebutton:backdrop:active, headerbar.selection-mode button.titlebutton:backdrop:active,
window > headerbar.selection-mode button.flat:backdrop:checked, headerbar.selection-mode button.flat:backdrop:checked,
window > headerbar.selection-mode button.sidebar-button:backdrop:checked, headerbar.selection-mode button.sidebar-button:backdrop:checked,
window > headerbar.selection-mode button.titlebutton:backdrop:checked { headerbar.selection-mode button.titlebutton:backdrop:checked {
color: #d4e4f4; color: #d4e4f4;
border-color: #2a76c6; border-color: #2a76c6;
background-image: linear-gradient(to bottom, #2a76c6); background-image: linear-gradient(to bottom, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button:backdrop:insensitive, .titlebar.selection-mode button.flat:backdrop:insensitive, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive,
window > headerbar.selection-mode button:backdrop:insensitive, headerbar.selection-mode button:backdrop:insensitive,
window > headerbar.selection-mode button.flat:backdrop:insensitive, headerbar.selection-mode button.flat:backdrop:insensitive,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive, headerbar.selection-mode button.sidebar-button:backdrop:insensitive,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive { headerbar.selection-mode button.titlebutton:backdrop:insensitive {
color: #9bc2ea; color: #9bc2ea;
border-color: #65a1df; border-color: #65a1df;
background-image: linear-gradient(to bottom, #65a1df); background-image: linear-gradient(to bottom, #65a1df);
@ -1737,93 +1737,93 @@ window > headerbar {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode button.flat:backdrop:insensitive > .label, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive > .label,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive > .label,
window > headerbar.selection-mode button:backdrop:insensitive > .label, headerbar.selection-mode button:backdrop:insensitive > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label,
window > headerbar.selection-mode button.flat:backdrop:insensitive > .label, headerbar.selection-mode button.flat:backdrop:insensitive > .label,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive > .label, headerbar.selection-mode button.sidebar-button:backdrop:insensitive > .label,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label { headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button:backdrop:insensitive:active, .titlebar.selection-mode button:backdrop:insensitive:checked, .titlebar.selection-mode button.flat:backdrop:insensitive:active, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:active, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive:active, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive:checked, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive:active, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive:active,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive:active, .titlebar.selection-mode button.flat:backdrop:insensitive:checked, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:checked, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive:active, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive:checked, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive:checked,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive:checked, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive:checked,
window > headerbar.selection-mode button:backdrop:insensitive:active, headerbar.selection-mode button:backdrop:insensitive:active,
window > headerbar.selection-mode button:backdrop:insensitive:checked, headerbar.selection-mode button:backdrop:insensitive:checked,
window > headerbar.selection-mode button.flat:backdrop:insensitive:active, headerbar.selection-mode button.flat:backdrop:insensitive:active,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive:active, headerbar.selection-mode button.titlebutton:backdrop:insensitive:active,
window > headerbar.selection-mode button.flat:backdrop:insensitive:checked, headerbar.selection-mode button.flat:backdrop:insensitive:checked,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked { headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked {
color: #8db9e8; color: #8db9e8;
border-color: #5094db; border-color: #5094db;
background-image: linear-gradient(to bottom, #5094db); background-image: linear-gradient(to bottom, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button:backdrop:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button:backdrop:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive:active > .label,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:backdrop:insensitive:checked > .label,
.titlebar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode button:backdrop:insensitive:active > .label, headerbar.selection-mode button:backdrop:insensitive:active > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label,
window > headerbar.selection-mode button:backdrop:insensitive:checked > .label, headerbar.selection-mode button:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode button.flat:backdrop:insensitive:active > .label, headerbar.selection-mode button.flat:backdrop:insensitive:active > .label,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active > .label, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active > .label,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive:active > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label,
window > headerbar.selection-mode button.flat:backdrop:insensitive:checked > .label, headerbar.selection-mode button.flat:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked > .label, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label { headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button.flat:backdrop, .titlebar.selection-mode button.sidebar-button:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.sidebar-button:backdrop,
.titlebar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.flat:insensitive, .titlebar.selection-mode button.sidebar-button:insensitive, .selection-mode.titlebar:not(headerbar) button.titlebutton:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:insensitive, .selection-mode.titlebar:not(headerbar) button.sidebar-button:insensitive,
.titlebar.selection-mode button.titlebutton:insensitive, .titlebar.selection-mode button.flat:insensitive:backdrop, .titlebar.selection-mode button.sidebar-button:insensitive:backdrop, .selection-mode.titlebar:not(headerbar) button.titlebutton:insensitive, .selection-mode.titlebar:not(headerbar) button.flat:insensitive:backdrop, .selection-mode.titlebar:not(headerbar) button.sidebar-button:insensitive:backdrop,
.titlebar.selection-mode button.titlebutton:insensitive:backdrop, .selection-mode.titlebar:not(headerbar) button.titlebutton:insensitive:backdrop,
window > headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:backdrop,
window > headerbar.selection-mode button.sidebar-button:backdrop, headerbar.selection-mode button.sidebar-button:backdrop,
window > headerbar.selection-mode button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop,
window > headerbar.selection-mode button.flat:insensitive, headerbar.selection-mode button.flat:insensitive,
window > headerbar.selection-mode button.sidebar-button:insensitive, headerbar.selection-mode button.sidebar-button:insensitive,
window > headerbar.selection-mode button.titlebutton:insensitive, headerbar.selection-mode button.titlebutton:insensitive,
window > headerbar.selection-mode button.flat:insensitive:backdrop, headerbar.selection-mode button.flat:insensitive:backdrop,
window > headerbar.selection-mode button.sidebar-button:insensitive:backdrop, headerbar.selection-mode button.sidebar-button:insensitive:backdrop,
window > headerbar.selection-mode button.titlebutton:insensitive:backdrop { headerbar.selection-mode button.titlebutton:insensitive:backdrop {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.titlebar.selection-mode button:insensitive, .selection-mode.titlebar:not(headerbar) button:insensitive,
window > headerbar.selection-mode button:insensitive { headerbar.selection-mode button:insensitive {
color: #b2d0ef; color: #b2d0ef;
border-color: #1c5187; border-color: #1c5187;
background-image: linear-gradient(to bottom, #65a1df); background-image: linear-gradient(to bottom, #65a1df);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); }
.titlebar.selection-mode button:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive > .label, .selection-mode.titlebar:not(headerbar) button:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:insensitive > .label,
window > headerbar.selection-mode button:insensitive > .label, headerbar.selection-mode button:insensitive > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:insensitive > .label { headerbar.selection-mode .titlebar button.titlebutton:insensitive > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button:insensitive:active, .titlebar.selection-mode button:insensitive:checked, .selection-mode.titlebar:not(headerbar) button:insensitive:active, .selection-mode.titlebar:not(headerbar) button:insensitive:checked,
window > headerbar.selection-mode button:insensitive:active, headerbar.selection-mode button:insensitive:active,
window > headerbar.selection-mode button:insensitive:checked { headerbar.selection-mode button:insensitive:checked {
color: #b9d4f1; color: #b9d4f1;
border-color: #1c5187; border-color: #1c5187;
background-image: linear-gradient(to bottom, #4b8dd3, #5094db); background-image: linear-gradient(to bottom, #4b8dd3, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); }
.titlebar.selection-mode button:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive:active > .label, .titlebar.selection-mode button:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) button:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:insensitive:active > .label, .selection-mode.titlebar:not(headerbar) button:insensitive:checked > .label, .selection-mode.titlebar:not(headerbar) headerbar button.titlebutton:insensitive:checked > .label,
window > headerbar.selection-mode button:insensitive:active > .label, headerbar.selection-mode button:insensitive:active > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:insensitive:active > .label,
window > headerbar.selection-mode button:insensitive:checked > .label, headerbar.selection-mode button:insensitive:checked > .label,
window > headerbar.selection-mode .titlebar button.titlebutton:insensitive:checked > .label { headerbar.selection-mode .titlebar button.titlebutton:insensitive:checked > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action,
window > headerbar.selection-mode button.suggested-action { headerbar.selection-mode button.suggested-action {
color: #2e3436; color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99; border-color: #9d9d99;
@ -1832,8 +1832,8 @@ window > headerbar {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover,
window > headerbar.selection-mode button.suggested-action:hover { headerbar.selection-mode button.suggested-action:hover {
color: #2e3436; color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99; border-color: #9d9d99;
@ -1848,8 +1848,8 @@ window > headerbar {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 1px white, 0 1px rgba(146, 188, 232, 0);
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active,
window > headerbar.selection-mode button.suggested-action:active { headerbar.selection-mode button.suggested-action:active {
color: #2e3436; color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99; border-color: #9d9d99;
@ -1858,8 +1858,8 @@ window > headerbar {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button.suggested-action:insensitive, .selection-mode.titlebar:not(headerbar) button.suggested-action:insensitive,
window > headerbar.selection-mode button.suggested-action:insensitive { headerbar.selection-mode button.suggested-action:insensitive {
color: #8b8e8f; color: #8b8e8f;
border-color: #9d9d99; border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1); background-image: linear-gradient(to bottom, #f1f1f1);
@ -1867,12 +1867,12 @@ window > headerbar {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button.suggested-action:insensitive > .label, .titlebar.selection-mode headerbar button.suggested-action.titlebutton:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.suggested-action:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.suggested-action.titlebutton:insensitive > .label,
window > headerbar.selection-mode button.suggested-action:insensitive > .label, headerbar.selection-mode button.suggested-action:insensitive > .label,
window > headerbar.selection-mode .titlebar button.suggested-action.titlebutton:insensitive > .label { headerbar.selection-mode .titlebar button.suggested-action.titlebutton:insensitive > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
window > headerbar.selection-mode button.suggested-action:backdrop { headerbar.selection-mode button.suggested-action:backdrop {
color: #8b8e8f; color: #8b8e8f;
border-color: #a5a5a1; border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7); background-image: linear-gradient(to bottom, #e8e8e7);
@ -1880,8 +1880,8 @@ window > headerbar {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button.suggested-action:backdrop:insensitive, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:insensitive,
window > headerbar.selection-mode button.suggested-action:backdrop:insensitive { headerbar.selection-mode button.suggested-action:backdrop:insensitive {
color: #c3c3c0; color: #c3c3c0;
border-color: #a5a5a1; border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1); background-image: linear-gradient(to bottom, #f1f1f1);
@ -1889,44 +1889,50 @@ window > headerbar {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(146, 188, 232, 0);
border-color: #184472; } border-color: #184472; }
.titlebar.selection-mode button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:insensitive > .label, .selection-mode.titlebar:not(headerbar) headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label,
window > headerbar.selection-mode button.suggested-action:backdrop:insensitive > .label, headerbar.selection-mode button.suggested-action:backdrop:insensitive > .label,
window > headerbar.selection-mode .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label { headerbar.selection-mode .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label {
color: inherit; } color: inherit; }
.titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop,
window > headerbar.selection-mode .selection-menu, headerbar.selection-mode .selection-menu,
window > headerbar.selection-mode .titlebar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop,
.titlebar.selection-mode window > headerbar.selection-mode .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) headerbar.selection-mode .selection-menu:backdrop,
window > headerbar.selection-mode .selection-menu:backdrop { headerbar.selection-mode .selection-menu:backdrop {
border-color: rgba(74, 144, 217, 0); border-color: rgba(74, 144, 217, 0);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0)); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0));
box-shadow: none; box-shadow: none;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; } padding-right: 10px; }
.titlebar.selection-mode .selection-menu GtkArrow, .titlebar.selection-mode .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow,
window > headerbar.selection-mode .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow,
window > headerbar.selection-mode .titlebar.selection-mode .selection-menu:backdrop GtkArrow, headerbar.selection-mode .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow,
.titlebar.selection-mode window > headerbar.selection-mode .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) headerbar.selection-mode .selection-menu:backdrop GtkArrow,
window > headerbar.selection-mode .selection-menu:backdrop GtkArrow { headerbar.selection-mode .selection-menu:backdrop GtkArrow {
-GtkArrow-arrow-scaling: 1; } -GtkArrow-arrow-scaling: 1; }
.titlebar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
window > headerbar.selection-mode .selection-menu .arrow { headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.tiled .titlebar, .maximized .titlebar, .tiled .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
window > headerbar, .maximized headerbar, .maximized
window > headerbar { headerbar {
border-radius: 0; } border-radius: 0; }
.titlebar.default-decoration, .default-decoration.titlebar:not(headerbar),
window > headerbar.default-decoration { headerbar.default-decoration {
padding: 4px; } padding: 4px; }
.titlebar.default-decoration button, .default-decoration.titlebar:not(headerbar) button,
window > headerbar.default-decoration button, headerbar.default-decoration button,
window > headerbar.default-decoration .titlebar button.titlebutton, headerbar.default-decoration .titlebar button.titlebutton,
.titlebar window > headerbar.default-decoration button.titlebutton { .titlebar headerbar.default-decoration button.titlebutton {
padding: 5px; } padding: 5px; }
window.csd > .titlebar:not(headerbar) {
padding: 0;
border-style: none;
background-image: none;
border-color: transparent; }
/************ /************
* Pathbars * * Pathbars *
************/ ************/