diff options
author | Horst3180 | 2016-03-28 11:33:07 +0200 |
---|---|---|
committer | Horst3180 | 2016-03-28 11:33:07 +0200 |
commit | b933a0def84c600a448b4b7be943710d14e1d818 (patch) | |
tree | d4595d267722494fe738e9cffd2c198695f7adce | |
parent | 14f7d68760cf65791c65edbe2ed58915df980566 (diff) | |
download | solarc-theme-b933a0def84c600a448b4b7be943710d14e1d818.tar.gz solarc-theme-b933a0def84c600a448b4b7be943710d14e1d818.tar.xz solarc-theme-b933a0def84c600a448b4b7be943710d14e1d818.zip |
fix paned headerbars
-rw-r--r-- | common/gtk-3.0/3.20/gtk-dark.css | 329 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk-darker.css | 329 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk-solid-dark.css | 329 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk-solid-darker.css | 329 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk-solid.css | 333 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/gtk.css | 333 | ||||
-rw-r--r-- | common/gtk-3.0/3.20/sass/_common.scss | 78 |
7 files changed, 1056 insertions, 1004 deletions
diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 2aa077e..8952f3b 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -77,7 +77,7 @@ label:disabled { color: rgba(211, 218, 227, 0.45); } .dim-label, label.separator, popover label.separator, -popover.background label.separator, headerbar .subtitle { +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { @@ -636,20 +636,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -736,7 +736,7 @@ modelbutton.flat arrow.right { .warning button:visited, .error *:link, .error button:link, - .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { @@ -881,460 +881,471 @@ actionbar { border-top: 1px solid #2b2e39; background-color: #313541; } -headerbar { +headerbar, +.titlebar:not(headerbar) { min-height: 42px; - padding: 0 5px; + padding: 0 7px; border-width: 0 0 1px; border-style: solid; - border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); - background-color: #2f343f; } - .csd headerbar { - border-radius: 3px 3px 0 0; + background-color: #2f343f; + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + .csd headerbar, + .csd .titlebar:not(headerbar) { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } - headerbar:backdrop { - color: rgba(207, 218, 231, 0.5); } - .csd headerbar:backdrop { + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { background-color: rgba(50, 56, 67, 0.97); } - headerbar .title { + headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } - headerbar .subtitle { + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } - headerbar.selection-mode, headerbar.titlebar.selection-mode { + headerbar.selection-mode, headerbar.titlebar.selection-mode, + .selection-mode.titlebar:not(headerbar), + .titlebar.selection-mode:not(headerbar) { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar), + .titlebar.selection-mode:backdrop:not(headerbar) { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + headerbar.selection-mode button, headerbar.titlebar.selection-mode button, .selection-mode.titlebar:not(headerbar) button, .titlebar.selection-mode:not(headerbar) button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.sidebar-button, .titlebar.selection-mode:not(headerbar) button.flat, .titlebar.selection-mode:not(headerbar) button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .titlebar.selection-mode:not(headerbar) button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .titlebar.selection-mode:not(headerbar) button:active, .titlebar.selection-mode:not(headerbar) button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } - headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .titlebar.selection-mode:not(headerbar) button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .titlebar.selection-mode:not(headerbar) button:disabled:active, .titlebar.selection-mode:not(headerbar) button:disabled:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .titlebar.selection-mode:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .titlebar.selection-mode:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .titlebar.selection-mode:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar), + .maximized .titlebar.selection-mode:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, - .maximized headerbar, .maximized headerbar:backdrop { + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } - .maximized headerbar { + .maximized headerbar, + .maximized .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #323843; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #2f343f; } .titlebar { - padding: 0 7px; - border-radius: 3px 3px 0 0; - color: rgba(207, 218, 231, 0.8); - background-color: #2f343f; - box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } - .csd .titlebar { - background-color: rgba(47, 52, 63, 0.97); } - .titlebar:backdrop { - color: rgba(207, 218, 231, 0.5); - background-color: #323843; } - .csd .titlebar:backdrop { - background-color: rgba(50, 56, 67, 0.97); } - .maximized .titlebar { - background-color: #2f343f; } - .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { - background-color: #323843; } - window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), - window.csd > .titlebar:backdrop:not(headerbar) { - padding: 0; - border: none; - background: none; } - .titlebar separator { - background-color: rgba(38, 42, 51, 0.97); } + border-radius: 3px 3px 0 0; } -paned.titlebar separator { - background-color: transparent; } +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 3px; } -paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { - border-radius: 0; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 3px; } -paned.titlebar > headerbar ~ headerbar { - border-top-left-radius: 0; } +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } +.titlebar:not(headerbar) > separator { + background: rgba(38, 42, 51, 0.97); } -headerbar entry, headerbar button, headerbar separator { +headerbar entry, headerbar button, headerbar separator, .titlebar:not(headerbar) entry, .titlebar:not(headerbar) button, .titlebar:not(headerbar) separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry { +.primary-toolbar entry, headerbar entry, .titlebar:not(headerbar) entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + .primary-toolbar entry image, headerbar entry image, .titlebar:not(headerbar) entry image, .primary-toolbar entry image:hover, headerbar entry image:hover, .titlebar:not(headerbar) entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .titlebar:not(headerbar) entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus { + .primary-toolbar entry:focus, headerbar entry:focus, .titlebar:not(headerbar) entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image, .titlebar:not(headerbar) entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled, .titlebar:not(headerbar) entry:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .titlebar:not(headerbar) entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress { + .primary-toolbar entry progress, headerbar entry progress, .titlebar:not(headerbar) entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning { + .primary-toolbar entry.warning, headerbar entry.warning, .titlebar:not(headerbar) entry.warning { color: #ffffff; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .titlebar:not(headerbar) entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .titlebar:not(headerbar) entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .titlebar:not(headerbar) entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error { + .primary-toolbar entry.error, headerbar entry.error, .titlebar:not(headerbar) entry.error { color: #ffffff; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .titlebar:not(headerbar) entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .titlebar:not(headerbar) entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .titlebar:not(headerbar) entry.error selection:focus { background-color: #ffffff; color: #FC4138; } -.primary-toolbar button, headerbar button { +.primary-toolbar button, headerbar button, .titlebar:not(headerbar) button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:backdrop, headerbar button:backdrop { + .primary-toolbar button:backdrop, headerbar button:backdrop, .titlebar:not(headerbar) button:backdrop { opacity: 0.7; } - .primary-toolbar button:hover, headerbar button:hover { + .primary-toolbar button:hover, headerbar button:hover, .titlebar:not(headerbar) button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } - .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + .primary-toolbar button:active, headerbar button:active, .titlebar:not(headerbar) button:active, .primary-toolbar button:checked, headerbar button:checked, .titlebar:not(headerbar) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; background-clip: padding-box; } - .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled label, headerbar button:disabled label, .titlebar:not(headerbar) button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { color: rgba(207, 218, 231, 0.35); } - .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .titlebar:not(headerbar) button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked, .titlebar:not(headerbar) button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover { background-color: rgba(134, 144, 165, 0.37); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button + button { border-left-style: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar button.suggested-action, headerbar button.suggested-action { +.primary-toolbar button.suggested-action, headerbar button.suggested-action, .titlebar:not(headerbar) button.suggested-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } - .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .titlebar:not(headerbar) button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button, .titlebar:not(headerbar) button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } - .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover, .titlebar:not(headerbar) button.suggested-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } - .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .titlebar:not(headerbar) button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked, .titlebar:not(headerbar) button.suggested-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } - .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .titlebar:not(headerbar) button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .titlebar:not(headerbar) button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { color: rgba(207, 218, 231, 0.35); } -.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop { opacity: 0.8; } -.primary-toolbar button.destructive-action, headerbar button.destructive-action { +.primary-toolbar button.destructive-action, headerbar button.destructive-action, .titlebar:not(headerbar) button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } - .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .titlebar:not(headerbar) button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button, .titlebar:not(headerbar) button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } - .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover, .titlebar:not(headerbar) button.destructive-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } - .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .titlebar:not(headerbar) button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked, .titlebar:not(headerbar) button.destructive-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } - .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .titlebar:not(headerbar) button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .titlebar:not(headerbar) button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { color: rgba(207, 218, 231, 0.35); } -.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus, .titlebar:not(headerbar) spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } -.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .titlebar:not(headerbar) spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } -.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover, .titlebar:not(headerbar) spinbutton:not(.vertical) button:hover { background-color: rgba(134, 144, 165, 0.37); } -.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .titlebar:not(headerbar) spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked, .titlebar:not(headerbar) spinbutton:not(.vertical) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; } -.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button + button { border-left-style: none; } -.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } -.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar combobox:disabled, headerbar combobox:disabled { +.primary-toolbar combobox:disabled, headerbar combobox:disabled, .titlebar:not(headerbar) combobox:disabled { color: rgba(207, 218, 231, 0.2); } -.primary-toolbar combobox.linked button, headerbar combobox.linked button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button, .titlebar:not(headerbar) combobox.linked button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } - .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .titlebar:not(headerbar) combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover, .titlebar:not(headerbar) combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover, .titlebar:not(headerbar) combobox.linked button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled, .titlebar:not(headerbar) combobox.linked button:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } -.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr), .titlebar:not(headerbar) combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus, .titlebar:not(headerbar) combobox.linked entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl), .titlebar:not(headerbar) combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus, .titlebar:not(headerbar) combobox.linked entry:dir(rtl):focus { box-shadow: none; } -.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.primary-toolbar switch:backdrop, headerbar switch:backdrop { +.primary-toolbar switch:backdrop, headerbar switch:backdrop, .titlebar:not(headerbar) switch:backdrop { opacity: 0.75; } -.primary-toolbar progressbar trough, headerbar progressbar trough { +.primary-toolbar progressbar trough, headerbar progressbar trough, .titlebar:not(headerbar) progressbar trough { background-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop, .titlebar:not(headerbar) progressbar:backdrop { opacity: 0.75; } -.primary-toolbar scale:backdrop, headerbar scale:backdrop { +.primary-toolbar scale:backdrop, headerbar scale:backdrop, .titlebar:not(headerbar) scale:backdrop { opacity: 0.75; } -.primary-toolbar scale slider, headerbar scale slider { +.primary-toolbar scale slider, headerbar scale slider, .titlebar:not(headerbar) scale slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.67); } - .primary-toolbar scale slider:hover, headerbar scale slider:hover { + .primary-toolbar scale slider:hover, headerbar scale slider:hover, .titlebar:not(headerbar) scale slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.67); } - .primary-toolbar scale slider:active, headerbar scale slider:active { + .primary-toolbar scale slider:active, headerbar scale slider:active, .titlebar:not(headerbar) scale slider:active { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } - .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled, .titlebar:not(headerbar) scale slider:disabled { background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); border-color: rgba(21, 23, 28, 0.67); } -.primary-toolbar scale trough, headerbar scale trough { +.primary-toolbar scale trough, headerbar scale trough, .titlebar:not(headerbar) scale trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } - .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled, .titlebar:not(headerbar) scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { @@ -2227,7 +2238,7 @@ levelbar block.empty { printdialog paper { border: 1px solid #2b2e39; - background: white; + background: #404552; padding: 0; } printdialog .dialog-action-box { @@ -2981,10 +2992,10 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: color: #ffffff; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #868b97; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 0372c48..dfcbd75 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -77,7 +77,7 @@ label:disabled { color: rgba(92, 97, 108, 0.55); } .dim-label, label.separator, popover label.separator, -popover.background label.separator, headerbar .subtitle { +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { @@ -635,20 +635,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -735,7 +735,7 @@ modelbutton.flat arrow.right { .warning button:visited, .error *:link, .error button:link, - .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { @@ -880,460 +880,471 @@ actionbar { border-top: 1px solid #dcdfe3; background-color: #edeef0; } -headerbar { +headerbar, +.titlebar:not(headerbar) { min-height: 42px; - padding: 0 5px; + padding: 0 7px; border-width: 0 0 1px; border-style: solid; - border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); - background-color: #2f343f; } - .csd headerbar { - border-radius: 3px 3px 0 0; + background-color: #2f343f; + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + .csd headerbar, + .csd .titlebar:not(headerbar) { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } - headerbar:backdrop { - color: rgba(207, 218, 231, 0.5); } - .csd headerbar:backdrop { + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { background-color: rgba(50, 56, 67, 0.97); } - headerbar .title { + headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } - headerbar .subtitle { + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } - headerbar.selection-mode, headerbar.titlebar.selection-mode { + headerbar.selection-mode, headerbar.titlebar.selection-mode, + .selection-mode.titlebar:not(headerbar), + .titlebar.selection-mode:not(headerbar) { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar), + .titlebar.selection-mode:backdrop:not(headerbar) { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + headerbar.selection-mode button, headerbar.titlebar.selection-mode button, .selection-mode.titlebar:not(headerbar) button, .titlebar.selection-mode:not(headerbar) button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.sidebar-button, .titlebar.selection-mode:not(headerbar) button.flat, .titlebar.selection-mode:not(headerbar) button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .titlebar.selection-mode:not(headerbar) button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .titlebar.selection-mode:not(headerbar) button:active, .titlebar.selection-mode:not(headerbar) button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } - headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .titlebar.selection-mode:not(headerbar) button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .titlebar.selection-mode:not(headerbar) button:disabled:active, .titlebar.selection-mode:not(headerbar) button:disabled:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .titlebar.selection-mode:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .titlebar.selection-mode:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .titlebar.selection-mode:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar), + .maximized .titlebar.selection-mode:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, - .maximized headerbar, .maximized headerbar:backdrop { + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } - .maximized headerbar { + .maximized headerbar, + .maximized .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #323843; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #2f343f; } .titlebar { - padding: 0 7px; - border-radius: 3px 3px 0 0; - color: rgba(207, 218, 231, 0.8); - background-color: #2f343f; - box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } - .csd .titlebar { - background-color: rgba(47, 52, 63, 0.97); } - .titlebar:backdrop { - color: rgba(207, 218, 231, 0.5); - background-color: #323843; } - .csd .titlebar:backdrop { - background-color: rgba(50, 56, 67, 0.97); } - .maximized .titlebar { - background-color: #2f343f; } - .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { - background-color: #323843; } - window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), - window.csd > .titlebar:backdrop:not(headerbar) { - padding: 0; - border: none; - background: none; } - .titlebar separator { - background-color: rgba(38, 42, 51, 0.97); } + border-radius: 3px 3px 0 0; } -paned.titlebar separator { - background-color: transparent; } +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 3px; } -paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { - border-radius: 0; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 3px; } -paned.titlebar > headerbar ~ headerbar { - border-top-left-radius: 0; } +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } +.titlebar:not(headerbar) > separator { + background: rgba(38, 42, 51, 0.97); } -headerbar entry, headerbar button, headerbar separator { +headerbar entry, headerbar button, headerbar separator, .titlebar:not(headerbar) entry, .titlebar:not(headerbar) button, .titlebar:not(headerbar) separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry { +.primary-toolbar entry, headerbar entry, .titlebar:not(headerbar) entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + .primary-toolbar entry image, headerbar entry image, .titlebar:not(headerbar) entry image, .primary-toolbar entry image:hover, headerbar entry image:hover, .titlebar:not(headerbar) entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .titlebar:not(headerbar) entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus { + .primary-toolbar entry:focus, headerbar entry:focus, .titlebar:not(headerbar) entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image, .titlebar:not(headerbar) entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled, .titlebar:not(headerbar) entry:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .titlebar:not(headerbar) entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress { + .primary-toolbar entry progress, headerbar entry progress, .titlebar:not(headerbar) entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning { + .primary-toolbar entry.warning, headerbar entry.warning, .titlebar:not(headerbar) entry.warning { color: #ffffff; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .titlebar:not(headerbar) entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .titlebar:not(headerbar) entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .titlebar:not(headerbar) entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error { + .primary-toolbar entry.error, headerbar entry.error, .titlebar:not(headerbar) entry.error { color: #ffffff; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .titlebar:not(headerbar) entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .titlebar:not(headerbar) entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .titlebar:not(headerbar) entry.error selection:focus { background-color: #ffffff; color: #FC4138; } -.primary-toolbar button, headerbar button { +.primary-toolbar button, headerbar button, .titlebar:not(headerbar) button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:backdrop, headerbar button:backdrop { + .primary-toolbar button:backdrop, headerbar button:backdrop, .titlebar:not(headerbar) button:backdrop { opacity: 0.7; } - .primary-toolbar button:hover, headerbar button:hover { + .primary-toolbar button:hover, headerbar button:hover, .titlebar:not(headerbar) button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } - .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + .primary-toolbar button:active, headerbar button:active, .titlebar:not(headerbar) button:active, .primary-toolbar button:checked, headerbar button:checked, .titlebar:not(headerbar) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; background-clip: padding-box; } - .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled label, headerbar button:disabled label, .titlebar:not(headerbar) button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { color: rgba(207, 218, 231, 0.35); } - .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .titlebar:not(headerbar) button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked, .titlebar:not(headerbar) button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover { background-color: rgba(134, 144, 165, 0.37); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button + button { border-left-style: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar button.suggested-action, headerbar button.suggested-action { +.primary-toolbar button.suggested-action, headerbar button.suggested-action, .titlebar:not(headerbar) button.suggested-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } - .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .titlebar:not(headerbar) button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button, .titlebar:not(headerbar) button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } - .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover, .titlebar:not(headerbar) button.suggested-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } - .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .titlebar:not(headerbar) button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked, .titlebar:not(headerbar) button.suggested-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } - .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .titlebar:not(headerbar) button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .titlebar:not(headerbar) button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { color: rgba(207, 218, 231, 0.35); } -.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop { opacity: 0.8; } -.primary-toolbar button.destructive-action, headerbar button.destructive-action { +.primary-toolbar button.destructive-action, headerbar button.destructive-action, .titlebar:not(headerbar) button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } - .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .titlebar:not(headerbar) button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button, .titlebar:not(headerbar) button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } - .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover, .titlebar:not(headerbar) button.destructive-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } - .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .titlebar:not(headerbar) button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked, .titlebar:not(headerbar) button.destructive-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } - .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .titlebar:not(headerbar) button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .titlebar:not(headerbar) button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { color: rgba(207, 218, 231, 0.35); } -.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus, .titlebar:not(headerbar) spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } -.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .titlebar:not(headerbar) spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } -.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover, .titlebar:not(headerbar) spinbutton:not(.vertical) button:hover { background-color: rgba(134, 144, 165, 0.37); } -.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .titlebar:not(headerbar) spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked, .titlebar:not(headerbar) spinbutton:not(.vertical) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; } -.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button + button { border-left-style: none; } -.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } -.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar combobox:disabled, headerbar combobox:disabled { +.primary-toolbar combobox:disabled, headerbar combobox:disabled, .titlebar:not(headerbar) combobox:disabled { color: rgba(207, 218, 231, 0.2); } -.primary-toolbar combobox.linked button, headerbar combobox.linked button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button, .titlebar:not(headerbar) combobox.linked button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } - .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .titlebar:not(headerbar) combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover, .titlebar:not(headerbar) combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover, .titlebar:not(headerbar) combobox.linked button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled, .titlebar:not(headerbar) combobox.linked button:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } -.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr), .titlebar:not(headerbar) combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus, .titlebar:not(headerbar) combobox.linked entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl), .titlebar:not(headerbar) combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus, .titlebar:not(headerbar) combobox.linked entry:dir(rtl):focus { box-shadow: none; } -.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.primary-toolbar switch:backdrop, headerbar switch:backdrop { +.primary-toolbar switch:backdrop, headerbar switch:backdrop, .titlebar:not(headerbar) switch:backdrop { opacity: 0.75; } -.primary-toolbar progressbar trough, headerbar progressbar trough { +.primary-toolbar progressbar trough, headerbar progressbar trough, .titlebar:not(headerbar) progressbar trough { background-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop, .titlebar:not(headerbar) progressbar:backdrop { opacity: 0.75; } -.primary-toolbar scale:backdrop, headerbar scale:backdrop { +.primary-toolbar scale:backdrop, headerbar scale:backdrop, .titlebar:not(headerbar) scale:backdrop { opacity: 0.75; } -.primary-toolbar scale slider, headerbar scale slider { +.primary-toolbar scale slider, headerbar scale slider, .titlebar:not(headerbar) scale slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.67); } - .primary-toolbar scale slider:hover, headerbar scale slider:hover { + .primary-toolbar scale slider:hover, headerbar scale slider:hover, .titlebar:not(headerbar) scale slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.67); } - .primary-toolbar scale slider:active, headerbar scale slider:active { + .primary-toolbar scale slider:active, headerbar scale slider:active, .titlebar:not(headerbar) scale slider:active { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } - .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled, .titlebar:not(headerbar) scale slider:disabled { background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); border-color: rgba(21, 23, 28, 0.67); } -.primary-toolbar scale trough, headerbar scale trough { +.primary-toolbar scale trough, headerbar scale trough, .titlebar:not(headerbar) scale trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } - .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled, .titlebar:not(headerbar) scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { @@ -2226,7 +2237,7 @@ levelbar block.empty { printdialog paper { border: 1px solid #dcdfe3; - background: white; + background: #ffffff; padding: 0; } printdialog .dialog-action-box { @@ -2980,10 +2991,10 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: color: #ffffff; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 67b41ae..a1fc75c 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -77,7 +77,7 @@ label:disabled { color: rgba(211, 218, 227, 0.45); } .dim-label, label.separator, popover label.separator, -popover.background label.separator, headerbar .subtitle { +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { @@ -636,20 +636,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -736,7 +736,7 @@ modelbutton.flat arrow.right { .warning button:visited, .error *:link, .error button:link, - .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { @@ -881,460 +881,471 @@ actionbar { border-top: 1px solid #2b2e39; background-color: #313541; } -headerbar { +headerbar, +.titlebar:not(headerbar) { min-height: 42px; - padding: 0 5px; + padding: 0 7px; border-width: 0 0 1px; border-style: solid; - border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); - background-color: #2f343f; } - .csd headerbar { - border-radius: 3px 3px 0 0; + background-color: #2f343f; + box-shadow: inset 0 1px #363b48; } + .csd headerbar, + .csd .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } - headerbar:backdrop { - color: rgba(207, 218, 231, 0.5); } - .csd headerbar:backdrop { + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { background-color: #323843; } - headerbar .title { + headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } - headerbar .subtitle { + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } - headerbar.selection-mode, headerbar.titlebar.selection-mode { + headerbar.selection-mode, headerbar.titlebar.selection-mode, + .selection-mode.titlebar:not(headerbar), + .titlebar.selection-mode:not(headerbar) { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar), + .titlebar.selection-mode:backdrop:not(headerbar) { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + headerbar.selection-mode button, headerbar.titlebar.selection-mode button, .selection-mode.titlebar:not(headerbar) button, .titlebar.selection-mode:not(headerbar) button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.sidebar-button, .titlebar.selection-mode:not(headerbar) button.flat, .titlebar.selection-mode:not(headerbar) button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .titlebar.selection-mode:not(headerbar) button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .titlebar.selection-mode:not(headerbar) button:active, .titlebar.selection-mode:not(headerbar) button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .titlebar.selection-mode:not(headerbar) button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .titlebar.selection-mode:not(headerbar) button:disabled:active, .titlebar.selection-mode:not(headerbar) button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .titlebar.selection-mode:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .titlebar.selection-mode:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .titlebar.selection-mode:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar), + .maximized .titlebar.selection-mode:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, - .maximized headerbar, .maximized headerbar:backdrop { + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } - .maximized headerbar { + .maximized headerbar, + .maximized .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #323843; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #2f343f; } .titlebar { - padding: 0 7px; - border-radius: 3px 3px 0 0; - color: rgba(207, 218, 231, 0.8); - background-color: #2f343f; - box-shadow: inset 0 1px #363b48; } - .csd .titlebar { - background-color: #2f343f; } - .titlebar:backdrop { - color: rgba(207, 218, 231, 0.5); - background-color: #323843; } - .csd .titlebar:backdrop { - background-color: #323843; } - .maximized .titlebar { - background-color: #2f343f; } - .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { - background-color: #323843; } - window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), - window.csd > .titlebar:backdrop:not(headerbar) { - padding: 0; - border: none; - background: none; } - .titlebar separator { - background-color: #262a33; } + border-radius: 3px 3px 0 0; } -paned.titlebar separator { - background-color: transparent; } +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 3px; } -paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { - border-radius: 0; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 3px; } -paned.titlebar > headerbar ~ headerbar { - border-top-left-radius: 0; } +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } +.titlebar:not(headerbar) > separator { + background: #262a33; } -headerbar entry, headerbar button, headerbar separator { +headerbar entry, headerbar button, headerbar separator, .titlebar:not(headerbar) entry, .titlebar:not(headerbar) button, .titlebar:not(headerbar) separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry { +.primary-toolbar entry, headerbar entry, .titlebar:not(headerbar) entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + .primary-toolbar entry image, headerbar entry image, .titlebar:not(headerbar) entry image, .primary-toolbar entry image:hover, headerbar entry image:hover, .titlebar:not(headerbar) entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .titlebar:not(headerbar) entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus { + .primary-toolbar entry:focus, headerbar entry:focus, .titlebar:not(headerbar) entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image, .titlebar:not(headerbar) entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled, .titlebar:not(headerbar) entry:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .titlebar:not(headerbar) entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress { + .primary-toolbar entry progress, headerbar entry progress, .titlebar:not(headerbar) entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning { + .primary-toolbar entry.warning, headerbar entry.warning, .titlebar:not(headerbar) entry.warning { color: #ffffff; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .titlebar:not(headerbar) entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .titlebar:not(headerbar) entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .titlebar:not(headerbar) entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error { + .primary-toolbar entry.error, headerbar entry.error, .titlebar:not(headerbar) entry.error { color: #ffffff; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .titlebar:not(headerbar) entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .titlebar:not(headerbar) entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .titlebar:not(headerbar) entry.error selection:focus { background-color: #ffffff; color: #FC4138; } -.primary-toolbar button, headerbar button { +.primary-toolbar button, headerbar button, .titlebar:not(headerbar) button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:backdrop, headerbar button:backdrop { + .primary-toolbar button:backdrop, headerbar button:backdrop, .titlebar:not(headerbar) button:backdrop { opacity: 0.7; } - .primary-toolbar button:hover, headerbar button:hover { + .primary-toolbar button:hover, headerbar button:hover, .titlebar:not(headerbar) button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } - .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + .primary-toolbar button:active, headerbar button:active, .titlebar:not(headerbar) button:active, .primary-toolbar button:checked, headerbar button:checked, .titlebar:not(headerbar) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; background-clip: padding-box; } - .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled label, headerbar button:disabled label, .titlebar:not(headerbar) button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { color: rgba(207, 218, 231, 0.35); } - .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .titlebar:not(headerbar) button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked, .titlebar:not(headerbar) button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover { background-color: rgba(134, 144, 165, 0.4); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button + button { border-left-style: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar button.suggested-action, headerbar button.suggested-action { +.primary-toolbar button.suggested-action, headerbar button.suggested-action, .titlebar:not(headerbar) button.suggested-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } - .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .titlebar:not(headerbar) button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button, .titlebar:not(headerbar) button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } - .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover, .titlebar:not(headerbar) button.suggested-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } - .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .titlebar:not(headerbar) button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked, .titlebar:not(headerbar) button.suggested-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } - .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .titlebar:not(headerbar) button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .titlebar:not(headerbar) button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { color: rgba(207, 218, 231, 0.35); } -.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop { opacity: 0.8; } -.primary-toolbar button.destructive-action, headerbar button.destructive-action { +.primary-toolbar button.destructive-action, headerbar button.destructive-action, .titlebar:not(headerbar) button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } - .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .titlebar:not(headerbar) button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button, .titlebar:not(headerbar) button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } - .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover, .titlebar:not(headerbar) button.destructive-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } - .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .titlebar:not(headerbar) button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked, .titlebar:not(headerbar) button.destructive-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } - .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .titlebar:not(headerbar) button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .titlebar:not(headerbar) button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { color: rgba(207, 218, 231, 0.35); } -.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus, .titlebar:not(headerbar) spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } -.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .titlebar:not(headerbar) spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } -.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover, .titlebar:not(headerbar) spinbutton:not(.vertical) button:hover { background-color: rgba(134, 144, 165, 0.4); } -.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .titlebar:not(headerbar) spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked, .titlebar:not(headerbar) spinbutton:not(.vertical) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; } -.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button + button { border-left-style: none; } -.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } -.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar combobox:disabled, headerbar combobox:disabled { +.primary-toolbar combobox:disabled, headerbar combobox:disabled, .titlebar:not(headerbar) combobox:disabled { color: rgba(207, 218, 231, 0.2); } -.primary-toolbar combobox.linked button, headerbar combobox.linked button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button, .titlebar:not(headerbar) combobox.linked button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } - .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .titlebar:not(headerbar) combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover, .titlebar:not(headerbar) combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover, .titlebar:not(headerbar) combobox.linked button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled, .titlebar:not(headerbar) combobox.linked button:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } -.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr), .titlebar:not(headerbar) combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus, .titlebar:not(headerbar) combobox.linked entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl), .titlebar:not(headerbar) combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus, .titlebar:not(headerbar) combobox.linked entry:dir(rtl):focus { box-shadow: none; } -.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.primary-toolbar switch:backdrop, headerbar switch:backdrop { +.primary-toolbar switch:backdrop, headerbar switch:backdrop, .titlebar:not(headerbar) switch:backdrop { opacity: 0.75; } -.primary-toolbar progressbar trough, headerbar progressbar trough { +.primary-toolbar progressbar trough, headerbar progressbar trough, .titlebar:not(headerbar) progressbar trough { background-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop, .titlebar:not(headerbar) progressbar:backdrop { opacity: 0.75; } -.primary-toolbar scale:backdrop, headerbar scale:backdrop { +.primary-toolbar scale:backdrop, headerbar scale:backdrop, .titlebar:not(headerbar) scale:backdrop { opacity: 0.75; } -.primary-toolbar scale slider, headerbar scale slider { +.primary-toolbar scale slider, headerbar scale slider, .titlebar:not(headerbar) scale slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.7); } - .primary-toolbar scale slider:hover, headerbar scale slider:hover { + .primary-toolbar scale slider:hover, headerbar scale slider:hover, .titlebar:not(headerbar) scale slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.7); } - .primary-toolbar scale slider:active, headerbar scale slider:active { + .primary-toolbar scale slider:active, headerbar scale slider:active, .titlebar:not(headerbar) scale slider:active { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } - .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled, .titlebar:not(headerbar) scale slider:disabled { background-image: linear-gradient(to bottom, #3e4553); border-color: rgba(21, 23, 28, 0.7); } -.primary-toolbar scale trough, headerbar scale trough { +.primary-toolbar scale trough, headerbar scale trough, .titlebar:not(headerbar) scale trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } - .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled, .titlebar:not(headerbar) scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { @@ -2227,7 +2238,7 @@ levelbar block.empty { printdialog paper { border: 1px solid #2b2e39; - background: white; + background: #404552; padding: 0; } printdialog .dialog-action-box { @@ -2981,10 +2992,10 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: color: #ffffff; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #868b97; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 1401f88..bed8ad8 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -77,7 +77,7 @@ label:disabled { color: rgba(92, 97, 108, 0.55); } .dim-label, label.separator, popover label.separator, -popover.background label.separator, headerbar .subtitle { +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { @@ -635,20 +635,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -735,7 +735,7 @@ modelbutton.flat arrow.right { .warning button:visited, .error *:link, .error button:link, - .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { @@ -880,460 +880,471 @@ actionbar { border-top: 1px solid #dcdfe3; background-color: #edeef0; } -headerbar { +headerbar, +.titlebar:not(headerbar) { min-height: 42px; - padding: 0 5px; + padding: 0 7px; border-width: 0 0 1px; border-style: solid; - border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); - background-color: #2f343f; } - .csd headerbar { - border-radius: 3px 3px 0 0; + background-color: #2f343f; + box-shadow: inset 0 1px #363b48; } + .csd headerbar, + .csd .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } - headerbar:backdrop { - color: rgba(207, 218, 231, 0.5); } - .csd headerbar:backdrop { + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { background-color: #323843; } - headerbar .title { + headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } - headerbar .subtitle { + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } - headerbar.selection-mode, headerbar.titlebar.selection-mode { + headerbar.selection-mode, headerbar.titlebar.selection-mode, + .selection-mode.titlebar:not(headerbar), + .titlebar.selection-mode:not(headerbar) { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar), + .titlebar.selection-mode:backdrop:not(headerbar) { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + headerbar.selection-mode button, headerbar.titlebar.selection-mode button, .selection-mode.titlebar:not(headerbar) button, .titlebar.selection-mode:not(headerbar) button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.sidebar-button, .titlebar.selection-mode:not(headerbar) button.flat, .titlebar.selection-mode:not(headerbar) button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .titlebar.selection-mode:not(headerbar) button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .titlebar.selection-mode:not(headerbar) button:active, .titlebar.selection-mode:not(headerbar) button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .titlebar.selection-mode:not(headerbar) button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .titlebar.selection-mode:not(headerbar) button:disabled:active, .titlebar.selection-mode:not(headerbar) button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .titlebar.selection-mode:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .titlebar.selection-mode:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .titlebar.selection-mode:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar), + .maximized .titlebar.selection-mode:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, - .maximized headerbar, .maximized headerbar:backdrop { + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } - .maximized headerbar { + .maximized headerbar, + .maximized .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #323843; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #2f343f; } .titlebar { - padding: 0 7px; - border-radius: 3px 3px 0 0; - color: rgba(207, 218, 231, 0.8); - background-color: #2f343f; - box-shadow: inset 0 1px #363b48; } - .csd .titlebar { - background-color: #2f343f; } - .titlebar:backdrop { - color: rgba(207, 218, 231, 0.5); - background-color: #323843; } - .csd .titlebar:backdrop { - background-color: #323843; } - .maximized .titlebar { - background-color: #2f343f; } - .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { - background-color: #323843; } - window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), - window.csd > .titlebar:backdrop:not(headerbar) { - padding: 0; - border: none; - background: none; } - .titlebar separator { - background-color: #262a33; } + border-radius: 3px 3px 0 0; } -paned.titlebar separator { - background-color: transparent; } +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 3px; } -paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { - border-radius: 0; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 3px; } -paned.titlebar > headerbar ~ headerbar { - border-top-left-radius: 0; } +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } +.titlebar:not(headerbar) > separator { + background: #262a33; } -headerbar entry, headerbar button, headerbar separator { +headerbar entry, headerbar button, headerbar separator, .titlebar:not(headerbar) entry, .titlebar:not(headerbar) button, .titlebar:not(headerbar) separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry { +.primary-toolbar entry, headerbar entry, .titlebar:not(headerbar) entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + .primary-toolbar entry image, headerbar entry image, .titlebar:not(headerbar) entry image, .primary-toolbar entry image:hover, headerbar entry image:hover, .titlebar:not(headerbar) entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .titlebar:not(headerbar) entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus { + .primary-toolbar entry:focus, headerbar entry:focus, .titlebar:not(headerbar) entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image, .titlebar:not(headerbar) entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled, .titlebar:not(headerbar) entry:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .titlebar:not(headerbar) entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress { + .primary-toolbar entry progress, headerbar entry progress, .titlebar:not(headerbar) entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning { + .primary-toolbar entry.warning, headerbar entry.warning, .titlebar:not(headerbar) entry.warning { color: #ffffff; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .titlebar:not(headerbar) entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .titlebar:not(headerbar) entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .titlebar:not(headerbar) entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error { + .primary-toolbar entry.error, headerbar entry.error, .titlebar:not(headerbar) entry.error { color: #ffffff; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .titlebar:not(headerbar) entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .titlebar:not(headerbar) entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .titlebar:not(headerbar) entry.error selection:focus { background-color: #ffffff; color: #FC4138; } -.primary-toolbar button, headerbar button { +.primary-toolbar button, headerbar button, .titlebar:not(headerbar) button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:backdrop, headerbar button:backdrop { + .primary-toolbar button:backdrop, headerbar button:backdrop, .titlebar:not(headerbar) button:backdrop { opacity: 0.7; } - .primary-toolbar button:hover, headerbar button:hover { + .primary-toolbar button:hover, headerbar button:hover, .titlebar:not(headerbar) button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } - .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + .primary-toolbar button:active, headerbar button:active, .titlebar:not(headerbar) button:active, .primary-toolbar button:checked, headerbar button:checked, .titlebar:not(headerbar) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; background-clip: padding-box; } - .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled label, headerbar button:disabled label, .titlebar:not(headerbar) button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { color: rgba(207, 218, 231, 0.35); } - .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .titlebar:not(headerbar) button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked, .titlebar:not(headerbar) button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover { background-color: rgba(134, 144, 165, 0.4); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button + button { border-left-style: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar button.suggested-action, headerbar button.suggested-action { +.primary-toolbar button.suggested-action, headerbar button.suggested-action, .titlebar:not(headerbar) button.suggested-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } - .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .titlebar:not(headerbar) button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button, .titlebar:not(headerbar) button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } - .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover, .titlebar:not(headerbar) button.suggested-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } - .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .titlebar:not(headerbar) button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked, .titlebar:not(headerbar) button.suggested-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } - .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .titlebar:not(headerbar) button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .titlebar:not(headerbar) button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { color: rgba(207, 218, 231, 0.35); } -.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop { opacity: 0.8; } -.primary-toolbar button.destructive-action, headerbar button.destructive-action { +.primary-toolbar button.destructive-action, headerbar button.destructive-action, .titlebar:not(headerbar) button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } - .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .titlebar:not(headerbar) button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button, .titlebar:not(headerbar) button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } - .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover, .titlebar:not(headerbar) button.destructive-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } - .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .titlebar:not(headerbar) button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked, .titlebar:not(headerbar) button.destructive-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } - .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .titlebar:not(headerbar) button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .titlebar:not(headerbar) button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { color: rgba(207, 218, 231, 0.35); } -.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus, .titlebar:not(headerbar) spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } -.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .titlebar:not(headerbar) spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } -.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover, .titlebar:not(headerbar) spinbutton:not(.vertical) button:hover { background-color: rgba(134, 144, 165, 0.4); } -.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .titlebar:not(headerbar) spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked, .titlebar:not(headerbar) spinbutton:not(.vertical) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294E2; } -.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button + button { border-left-style: none; } -.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } -.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar combobox:disabled, headerbar combobox:disabled { +.primary-toolbar combobox:disabled, headerbar combobox:disabled, .titlebar:not(headerbar) combobox:disabled { color: rgba(207, 218, 231, 0.2); } -.primary-toolbar combobox.linked button, headerbar combobox.linked button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button, .titlebar:not(headerbar) combobox.linked button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } - .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .titlebar:not(headerbar) combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover, .titlebar:not(headerbar) combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover, .titlebar:not(headerbar) combobox.linked button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled, .titlebar:not(headerbar) combobox.linked button:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } -.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr), .titlebar:not(headerbar) combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus, .titlebar:not(headerbar) combobox.linked entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl), .titlebar:not(headerbar) combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus, .titlebar:not(headerbar) combobox.linked entry:dir(rtl):focus { box-shadow: none; } -.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.primary-toolbar switch:backdrop, headerbar switch:backdrop { +.primary-toolbar switch:backdrop, headerbar switch:backdrop, .titlebar:not(headerbar) switch:backdrop { opacity: 0.75; } -.primary-toolbar progressbar trough, headerbar progressbar trough { +.primary-toolbar progressbar trough, headerbar progressbar trough, .titlebar:not(headerbar) progressbar trough { background-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop, .titlebar:not(headerbar) progressbar:backdrop { opacity: 0.75; } -.primary-toolbar scale:backdrop, headerbar scale:backdrop { +.primary-toolbar scale:backdrop, headerbar scale:backdrop, .titlebar:not(headerbar) scale:backdrop { opacity: 0.75; } -.primary-toolbar scale slider, headerbar scale slider { +.primary-toolbar scale slider, headerbar scale slider, .titlebar:not(headerbar) scale slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.7); } - .primary-toolbar scale slider:hover, headerbar scale slider:hover { + .primary-toolbar scale slider:hover, headerbar scale slider:hover, .titlebar:not(headerbar) scale slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.7); } - .primary-toolbar scale slider:active, headerbar scale slider:active { + .primary-toolbar scale slider:active, headerbar scale slider:active, .titlebar:not(headerbar) scale slider:active { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } - .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled, .titlebar:not(headerbar) scale slider:disabled { background-image: linear-gradient(to bottom, #3e4553); border-color: rgba(21, 23, 28, 0.7); } -.primary-toolbar scale trough, headerbar scale trough { +.primary-toolbar scale trough, headerbar scale trough, .titlebar:not(headerbar) scale trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } - .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled, .titlebar:not(headerbar) scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { @@ -2226,7 +2237,7 @@ levelbar block.empty { printdialog paper { border: 1px solid #dcdfe3; - background: white; + background: #ffffff; padding: 0; } printdialog .dialog-action-box { @@ -2980,10 +2991,10 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: color: #ffffff; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 94b9461..b5ac6cf 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -77,7 +77,7 @@ label:disabled { color: rgba(92, 97, 108, 0.55); } .dim-label, label.separator, popover label.separator, -popover.background label.separator, headerbar .subtitle { +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { @@ -635,20 +635,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -735,7 +735,7 @@ modelbutton.flat arrow.right { .warning button:visited, .error *:link, .error button:link, - .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { @@ -880,464 +880,475 @@ actionbar { border-top: 1px solid #dcdfe3; background-color: #edeef0; } -headerbar { +headerbar, +.titlebar:not(headerbar) { min-height: 42px; - padding: 0 5px; + padding: 0 7px; border-width: 0 0 1px; border-style: solid; - border-radius: 0; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); - background-color: #e7e8eb; } - .csd headerbar { - border-radius: 4px 4px 0 0; + background-color: #e7e8eb; + box-shadow: inset 0 1px #eff0f2; } + .csd headerbar, + .csd .titlebar:not(headerbar) { background-color: #e7e8eb; border-color: #d4d5db; } - headerbar:backdrop { - color: rgba(82, 93, 118, 0.5); } - .csd headerbar:backdrop { + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + color: rgba(82, 93, 118, 0.5); + background-color: #eff0f2; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { background-color: #eff0f2; } - headerbar .title { + headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } - headerbar .subtitle { + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } - headerbar.selection-mode, headerbar.titlebar.selection-mode { + headerbar.selection-mode, headerbar.titlebar.selection-mode, + .selection-mode.titlebar:not(headerbar), + .titlebar.selection-mode:not(headerbar) { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar), + .titlebar.selection-mode:backdrop:not(headerbar) { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + headerbar.selection-mode button, headerbar.titlebar.selection-mode button, .selection-mode.titlebar:not(headerbar) button, .titlebar.selection-mode:not(headerbar) button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.sidebar-button, .titlebar.selection-mode:not(headerbar) button.flat, .titlebar.selection-mode:not(headerbar) button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .titlebar.selection-mode:not(headerbar) button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .titlebar.selection-mode:not(headerbar) button:active, .titlebar.selection-mode:not(headerbar) button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .titlebar.selection-mode:not(headerbar) button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .titlebar.selection-mode:not(headerbar) button:disabled:active, .titlebar.selection-mode:not(headerbar) button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .titlebar.selection-mode:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .titlebar.selection-mode:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .titlebar.selection-mode:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar), + .maximized .titlebar.selection-mode:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, - .maximized headerbar, .maximized headerbar:backdrop { + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } - .maximized headerbar { + .maximized headerbar, + .maximized .titlebar:not(headerbar) { background-color: #e7e8eb; border-color: #d4d5db; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #eff0f2; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #e7e8eb; } .titlebar { - padding: 0 7px; - border-radius: 4px 4px 0 0; - color: rgba(82, 93, 118, 0.8); - background-color: #e7e8eb; - box-shadow: inset 0 1px #eff0f2; } - .csd .titlebar { - background-color: #e7e8eb; } - .titlebar:backdrop { - color: rgba(82, 93, 118, 0.5); - background-color: #eff0f2; } - .csd .titlebar:backdrop { - background-color: #eff0f2; } - .maximized .titlebar { - background-color: #e7e8eb; } - .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { - background-color: #eff0f2; } - window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), - window.csd > .titlebar:backdrop:not(headerbar) { - padding: 0; - border: none; - background: none; } - .titlebar separator { - background-color: #d4d5db; } + border-radius: 4px 4px 0 0; } -paned.titlebar separator { - background-color: transparent; } +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 4px; } -paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { - border-radius: 0; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 4px; } -paned.titlebar > headerbar ~ headerbar { - border-top-left-radius: 0; } +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } +.titlebar:not(headerbar) > separator { + background: #d4d5db; } -headerbar entry, headerbar button, headerbar separator { +headerbar entry, headerbar button, headerbar separator, .titlebar:not(headerbar) entry, .titlebar:not(headerbar) button, .titlebar:not(headerbar) separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry { +.primary-toolbar entry, headerbar entry, .titlebar:not(headerbar) entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + .primary-toolbar entry image, headerbar entry image, .titlebar:not(headerbar) entry image, .primary-toolbar entry image:hover, headerbar entry image:hover, .titlebar:not(headerbar) entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .titlebar:not(headerbar) entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus { + .primary-toolbar entry:focus, headerbar entry:focus, .titlebar:not(headerbar) entry:focus { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); background-clip: border-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image, .titlebar:not(headerbar) entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled, .titlebar:not(headerbar) entry:disabled { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .titlebar:not(headerbar) entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress { + .primary-toolbar entry progress, headerbar entry progress, .titlebar:not(headerbar) entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning { + .primary-toolbar entry.warning, headerbar entry.warning, .titlebar:not(headerbar) entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #eea57e); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .titlebar:not(headerbar) entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .titlebar:not(headerbar) entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .titlebar:not(headerbar) entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error { + .primary-toolbar entry.error, headerbar entry.error, .titlebar:not(headerbar) entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #f48480); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .titlebar:not(headerbar) entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .titlebar:not(headerbar) entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .titlebar:not(headerbar) entry.error selection:focus { background-color: #ffffff; color: #FC4138; } -.primary-toolbar button, headerbar button { +.primary-toolbar button, headerbar button, .titlebar:not(headerbar) button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button:backdrop, headerbar button:backdrop { + .primary-toolbar button:backdrop, headerbar button:backdrop, .titlebar:not(headerbar) button:backdrop { opacity: 0.7; } - .primary-toolbar button:hover, headerbar button:hover { + .primary-toolbar button:hover, headerbar button:hover, .titlebar:not(headerbar) button:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + .primary-toolbar button:active, headerbar button:active, .titlebar:not(headerbar) button:active, .primary-toolbar button:checked, headerbar button:checked, .titlebar:not(headerbar) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; background-clip: border-box; } - .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled label, headerbar button:disabled label, .titlebar:not(headerbar) button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { color: rgba(82, 93, 118, 0.35); } - .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .titlebar:not(headerbar) button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked, .titlebar:not(headerbar) button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover { background-color: rgba(255, 255, 255, 0.9); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:disabled { color: rgba(82, 93, 118, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button + button { border-left-style: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(82, 93, 118, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #F08437; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #F08437; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294E2; } -.primary-toolbar button.suggested-action, headerbar button.suggested-action { +.primary-toolbar button.suggested-action, headerbar button.suggested-action, .titlebar:not(headerbar) button.suggested-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } - .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .titlebar:not(headerbar) button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button, .titlebar:not(headerbar) button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } - .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover, .titlebar:not(headerbar) button.suggested-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } - .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .titlebar:not(headerbar) button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked, .titlebar:not(headerbar) button.suggested-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } - .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .titlebar:not(headerbar) button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .titlebar:not(headerbar) button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { color: rgba(82, 93, 118, 0.35); } -.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop { opacity: 0.8; } -.primary-toolbar button.destructive-action, headerbar button.destructive-action { +.primary-toolbar button.destructive-action, headerbar button.destructive-action, .titlebar:not(headerbar) button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } - .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .titlebar:not(headerbar) button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button, .titlebar:not(headerbar) button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } - .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover, .titlebar:not(headerbar) button.destructive-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } - .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .titlebar:not(headerbar) button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked, .titlebar:not(headerbar) button.destructive-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } - .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .titlebar:not(headerbar) button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .titlebar:not(headerbar) button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { color: rgba(82, 93, 118, 0.35); } -.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus, .titlebar:not(headerbar) spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } -.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .titlebar:not(headerbar) spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } -.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover, .titlebar:not(headerbar) spinbutton:not(.vertical) button:hover { background-color: rgba(255, 255, 255, 0.9); } -.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .titlebar:not(headerbar) spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked, .titlebar:not(headerbar) spinbutton:not(.vertical) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } -.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(82, 93, 118, 0.4); } -.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button + button { border-left-style: none; } -.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } -.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } -.primary-toolbar combobox:disabled, headerbar combobox:disabled { +.primary-toolbar combobox:disabled, headerbar combobox:disabled, .titlebar:not(headerbar) combobox:disabled { color: rgba(82, 93, 118, 0.2); } -.primary-toolbar combobox.linked button, headerbar combobox.linked button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button, .titlebar:not(headerbar) combobox.linked button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .titlebar:not(headerbar) combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover, .titlebar:not(headerbar) combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover, .titlebar:not(headerbar) combobox.linked button:hover { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled, .titlebar:not(headerbar) combobox.linked button:disabled { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } -.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr), .titlebar:not(headerbar) combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus, .titlebar:not(headerbar) combobox.linked entry:dir(ltr):focus { box-shadow: none; } - .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus, .titlebar:not(headerbar) combobox.linked entry:dir(ltr):focus { box-shadow: 1px 0 #5294E2; } -.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl), .titlebar:not(headerbar) combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus, .titlebar:not(headerbar) combobox.linked entry:dir(rtl):focus { box-shadow: none; } - .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus, .titlebar:not(headerbar) combobox.linked entry:dir(rtl):focus { box-shadow: -1px 0 #5294E2; } -.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.primary-toolbar switch:backdrop, headerbar switch:backdrop { +.primary-toolbar switch:backdrop, headerbar switch:backdrop, .titlebar:not(headerbar) switch:backdrop { opacity: 0.75; } -.primary-toolbar progressbar trough, headerbar progressbar trough { +.primary-toolbar progressbar trough, headerbar progressbar trough, .titlebar:not(headerbar) progressbar trough { background-color: rgba(82, 93, 118, 0.15); } -.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop, .titlebar:not(headerbar) progressbar:backdrop { opacity: 0.75; } -.primary-toolbar scale:backdrop, headerbar scale:backdrop { +.primary-toolbar scale:backdrop, headerbar scale:backdrop, .titlebar:not(headerbar) scale:backdrop { opacity: 0.75; } -.primary-toolbar scale slider, headerbar scale slider { +.primary-toolbar scale slider, headerbar scale slider, .titlebar:not(headerbar) scale slider { background-image: linear-gradient(to bottom, #fbfbfc); border-color: rgba(82, 93, 118, 0.3); } - .primary-toolbar scale slider:hover, headerbar scale slider:hover { + .primary-toolbar scale slider:hover, headerbar scale slider:hover, .titlebar:not(headerbar) scale slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(82, 93, 118, 0.3); } - .primary-toolbar scale slider:active, headerbar scale slider:active { + .primary-toolbar scale slider:active, headerbar scale slider:active, .titlebar:not(headerbar) scale slider:active { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } - .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled, .titlebar:not(headerbar) scale slider:disabled { background-image: linear-gradient(to bottom, #f5f5f7); border-color: rgba(82, 93, 118, 0.3); } -.primary-toolbar scale trough, headerbar scale trough { +.primary-toolbar scale trough, headerbar scale trough, .titlebar:not(headerbar) scale trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } - .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled, .titlebar:not(headerbar) scale trough:disabled { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { @@ -2230,7 +2241,7 @@ levelbar block.empty { printdialog paper { border: 1px solid #dcdfe3; - background: white; + background: #ffffff; padding: 0; } printdialog .dialog-action-box { @@ -2984,10 +2995,10 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: color: #ffffff; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 0628542..1036319 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -77,7 +77,7 @@ label:disabled { color: rgba(92, 97, 108, 0.55); } .dim-label, label.separator, popover label.separator, -popover.background label.separator, headerbar .subtitle { +popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { @@ -635,20 +635,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -735,7 +735,7 @@ modelbutton.flat arrow.right { .warning button:visited, .error *:link, .error button:link, - .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { @@ -880,464 +880,475 @@ actionbar { border-top: 1px solid #dcdfe3; background-color: #edeef0; } -headerbar { +headerbar, +.titlebar:not(headerbar) { min-height: 42px; - padding: 0 5px; + padding: 0 7px; border-width: 0 0 1px; border-style: solid; - border-radius: 0; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); - background-color: #e7e8eb; } - .csd headerbar { - border-radius: 4px 4px 0 0; + background-color: #e7e8eb; + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + .csd headerbar, + .csd .titlebar:not(headerbar) { background-color: rgba(231, 232, 235, 0.95); border-color: rgba(212, 213, 219, 0.95); } - headerbar:backdrop { - color: rgba(82, 93, 118, 0.5); } - .csd headerbar:backdrop { + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + color: rgba(82, 93, 118, 0.5); + background-color: #eff0f2; } + .csd headerbar:backdrop, + .csd .titlebar:backdrop:not(headerbar) { background-color: rgba(239, 240, 242, 0.95); } - headerbar .title { + headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } - headerbar .subtitle { + headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } - headerbar.selection-mode, headerbar.titlebar.selection-mode { + headerbar.selection-mode, headerbar.titlebar.selection-mode, + .selection-mode.titlebar:not(headerbar), + .titlebar.selection-mode:not(headerbar) { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar), + .titlebar.selection-mode:backdrop:not(headerbar) { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + headerbar.selection-mode button, headerbar.titlebar.selection-mode button, .selection-mode.titlebar:not(headerbar) button, .titlebar.selection-mode:not(headerbar) button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.sidebar-button, .titlebar.selection-mode:not(headerbar) button.flat, .titlebar.selection-mode:not(headerbar) button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .titlebar.selection-mode:not(headerbar) button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .titlebar.selection-mode:not(headerbar) button:active, .titlebar.selection-mode:not(headerbar) button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } - headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .titlebar.selection-mode:not(headerbar) button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .titlebar.selection-mode:not(headerbar) button:disabled:active, .titlebar.selection-mode:not(headerbar) button:disabled:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .titlebar.selection-mode:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .titlebar.selection-mode:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .titlebar.selection-mode:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode, + .maximized .selection-mode.titlebar:not(headerbar), + .maximized .titlebar.selection-mode:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, - .maximized headerbar, .maximized headerbar:backdrop { + .maximized headerbar, .maximized headerbar:backdrop, + .tiled .titlebar:not(headerbar), + .tiled .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } - .maximized headerbar { + .maximized headerbar, + .maximized .titlebar:not(headerbar) { background-color: #e7e8eb; border-color: #d4d5db; } + .maximized headerbar:backdrop, + .maximized .titlebar:backdrop:not(headerbar) { + background-color: #eff0f2; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), + .csd .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), + .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized - .csd headerbar.default-decoration:backdrop { + .csd headerbar.default-decoration:backdrop, + .maximized .default-decoration.titlebar:not(headerbar), + .maximized + .csd .default-decoration.titlebar:not(headerbar), + .maximized .default-decoration.titlebar:backdrop:not(headerbar), + .maximized + .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #e7e8eb; } .titlebar { - padding: 0 7px; - border-radius: 4px 4px 0 0; - color: rgba(82, 93, 118, 0.8); - background-color: #e7e8eb; - box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } - .csd .titlebar { - background-color: rgba(231, 232, 235, 0.95); } - .titlebar:backdrop { - color: rgba(82, 93, 118, 0.5); - background-color: #eff0f2; } - .csd .titlebar:backdrop { - background-color: rgba(239, 240, 242, 0.95); } - .maximized .titlebar { - background-color: #e7e8eb; } - .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { - background-color: #eff0f2; } - window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), - window.csd > .titlebar:backdrop:not(headerbar) { - padding: 0; - border: none; - background: none; } - .titlebar separator { - background-color: rgba(212, 213, 219, 0.95); } + border-radius: 4px 4px 0 0; } -paned.titlebar separator { - background-color: transparent; } +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 4px; } -paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { - border-radius: 0; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 4px; } -paned.titlebar > headerbar ~ headerbar { - border-top-left-radius: 0; } +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } +.titlebar:not(headerbar) > separator { + background: rgba(212, 213, 219, 0.95); } -headerbar entry, headerbar button, headerbar separator { +headerbar entry, headerbar button, headerbar separator, .titlebar:not(headerbar) entry, .titlebar:not(headerbar) button, .titlebar:not(headerbar) separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry { +.primary-toolbar entry, headerbar entry, .titlebar:not(headerbar) entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { + .primary-toolbar entry image, headerbar entry image, .titlebar:not(headerbar) entry image, .primary-toolbar entry image:hover, headerbar entry image:hover, .titlebar:not(headerbar) entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .titlebar:not(headerbar) entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus { + .primary-toolbar entry:focus, headerbar entry:focus, .titlebar:not(headerbar) entry:focus { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); background-clip: border-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image, .titlebar:not(headerbar) entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled, .titlebar:not(headerbar) entry:disabled { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .titlebar:not(headerbar) entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress { + .primary-toolbar entry progress, headerbar entry progress, .titlebar:not(headerbar) entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning { + .primary-toolbar entry.warning, headerbar entry.warning, .titlebar:not(headerbar) entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, rgba(238, 162, 121, 0.98)); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .titlebar:not(headerbar) entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .titlebar:not(headerbar) entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .titlebar:not(headerbar) entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error { + .primary-toolbar entry.error, headerbar entry.error, .titlebar:not(headerbar) entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, rgba(244, 128, 123, 0.98)); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .titlebar:not(headerbar) entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .titlebar:not(headerbar) entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .titlebar:not(headerbar) entry.error selection:focus { background-color: #ffffff; color: #FC4138; } -.primary-toolbar button, headerbar button { +.primary-toolbar button, headerbar button, .titlebar:not(headerbar) button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button:backdrop, headerbar button:backdrop { + .primary-toolbar button:backdrop, headerbar button:backdrop, .titlebar:not(headerbar) button:backdrop { opacity: 0.7; } - .primary-toolbar button:hover, headerbar button:hover { + .primary-toolbar button:hover, headerbar button:hover, .titlebar:not(headerbar) button:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + .primary-toolbar button:active, headerbar button:active, .titlebar:not(headerbar) button:active, .primary-toolbar button:checked, headerbar button:checked, .titlebar:not(headerbar) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; background-clip: border-box; } - .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + .primary-toolbar button:disabled label, headerbar button:disabled label, .titlebar:not(headerbar) button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled, .titlebar:not(headerbar) button:disabled { color: rgba(82, 93, 118, 0.35); } - .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .titlebar:not(headerbar) button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked, .titlebar:not(headerbar) button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover { background-color: rgba(255, 255, 255, 0.9); } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:disabled { color: rgba(82, 93, 118, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button + button { border-left-style: none; } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .titlebar:not(headerbar) .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(82, 93, 118, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #F08437; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #F08437; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .titlebar:not(headerbar) .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294E2; } -.primary-toolbar button.suggested-action, headerbar button.suggested-action { +.primary-toolbar button.suggested-action, headerbar button.suggested-action, .titlebar:not(headerbar) button.suggested-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } - .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .titlebar:not(headerbar) button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button, .titlebar:not(headerbar) button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } - .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover, .titlebar:not(headerbar) button.suggested-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } - .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .titlebar:not(headerbar) button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked, .titlebar:not(headerbar) button.suggested-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } - .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .titlebar:not(headerbar) button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .titlebar:not(headerbar) button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .titlebar:not(headerbar) button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .titlebar:not(headerbar) button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled, .titlebar:not(headerbar) button.suggested-action:disabled { color: rgba(82, 93, 118, 0.35); } -.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop { opacity: 0.8; } -.primary-toolbar button.destructive-action, headerbar button.destructive-action { +.primary-toolbar button.destructive-action, headerbar button.destructive-action, .titlebar:not(headerbar) button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } - .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .titlebar:not(headerbar) button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button, .titlebar:not(headerbar) button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } - .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover, .titlebar:not(headerbar) button.destructive-action:hover { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } - .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .titlebar:not(headerbar) button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked, .titlebar:not(headerbar) button.destructive-action:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } - .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .titlebar:not(headerbar) button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .titlebar:not(headerbar) button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .titlebar:not(headerbar) button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .titlebar:not(headerbar) button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled { color: rgba(82, 93, 118, 0.35); } -.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .titlebar:not(headerbar) button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus, .titlebar:not(headerbar) spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } -.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .titlebar:not(headerbar) spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } -.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover, .titlebar:not(headerbar) spinbutton:not(.vertical) button:hover { background-color: rgba(255, 255, 255, 0.9); } -.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .titlebar:not(headerbar) spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked, .titlebar:not(headerbar) spinbutton:not(.vertical) button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } -.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled, .titlebar:not(headerbar) spinbutton:not(.vertical) button:disabled { color: rgba(82, 93, 118, 0.4); } -.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button + button { border-left-style: none; } -.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .titlebar:not(headerbar) spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } -.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button, .titlebar:not(headerbar) spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } -.primary-toolbar combobox:disabled, headerbar combobox:disabled { +.primary-toolbar combobox:disabled, headerbar combobox:disabled, .titlebar:not(headerbar) combobox:disabled { color: rgba(82, 93, 118, 0.2); } -.primary-toolbar combobox.linked button, headerbar combobox.linked button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button, .titlebar:not(headerbar) combobox.linked button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .titlebar:not(headerbar) combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover, .titlebar:not(headerbar) combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover, .titlebar:not(headerbar) combobox.linked button:hover { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled, .titlebar:not(headerbar) combobox.linked button:disabled { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } -.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr), .titlebar:not(headerbar) combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus, .titlebar:not(headerbar) combobox.linked entry:dir(ltr):focus { box-shadow: none; } - .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus, .titlebar:not(headerbar) combobox.linked entry:dir(ltr):focus { box-shadow: 1px 0 #5294E2; } -.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl), .titlebar:not(headerbar) combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus, .titlebar:not(headerbar) combobox.linked entry:dir(rtl):focus { box-shadow: none; } - .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus, .titlebar:not(headerbar) combobox.linked entry:dir(rtl):focus { box-shadow: -1px 0 #5294E2; } -.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled, .titlebar:not(headerbar) combobox.linked button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.primary-toolbar switch:backdrop, headerbar switch:backdrop { +.primary-toolbar switch:backdrop, headerbar switch:backdrop, .titlebar:not(headerbar) switch:backdrop { opacity: 0.75; } -.primary-toolbar progressbar trough, headerbar progressbar trough { +.primary-toolbar progressbar trough, headerbar progressbar trough, .titlebar:not(headerbar) progressbar trough { background-color: rgba(82, 93, 118, 0.15); } -.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop, .titlebar:not(headerbar) progressbar:backdrop { opacity: 0.75; } -.primary-toolbar scale:backdrop, headerbar scale:backdrop { +.primary-toolbar scale:backdrop, headerbar scale:backdrop, .titlebar:not(headerbar) scale:backdrop { opacity: 0.75; } -.primary-toolbar scale slider, headerbar scale slider { +.primary-toolbar scale slider, headerbar scale slider, .titlebar:not(headerbar) scale slider { background-image: linear-gradient(to bottom, #fbfbfc); border-color: rgba(82, 93, 118, 0.3); } - .primary-toolbar scale slider:hover, headerbar scale slider:hover { + .primary-toolbar scale slider:hover, headerbar scale slider:hover, .titlebar:not(headerbar) scale slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(82, 93, 118, 0.3); } - .primary-toolbar scale slider:active, headerbar scale slider:active { + .primary-toolbar scale slider:active, headerbar scale slider:active, .titlebar:not(headerbar) scale slider:active { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } - .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled, .titlebar:not(headerbar) scale slider:disabled { background-image: linear-gradient(to bottom, rgba(245, 246, 247, 0.985)); border-color: rgba(82, 93, 118, 0.3); } -.primary-toolbar scale trough, headerbar scale trough { +.primary-toolbar scale trough, headerbar scale trough, .titlebar:not(headerbar) scale trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } - .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled, .titlebar:not(headerbar) scale trough:disabled { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { @@ -2230,7 +2241,7 @@ levelbar block.empty { printdialog paper { border: 1px solid #dcdfe3; - background: white; + background: #ffffff; padding: 0; } printdialog .dialog-action-box { @@ -2984,10 +2995,10 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: color: #ffffff; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index ccd5cb8..0b3f174 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -940,26 +940,30 @@ actionbar { // // Headerbars // -headerbar { +$_header_radius: if($darker=='false' and $variant=='light', 4px, 3px); + +headerbar, +%titlebar { + min-height: 42px; - padding: 0 5px; + padding: 0 7px; border-width: 0 0 1px; border-style: solid; - border-radius: 0; border-color: opacify($header_border, 1); color: $header_fg; background-color: opacify($header_bg, 1); + box-shadow: inset 0 1px lighten($header_bg, 3%); .csd & { // Transparent header-bars only in csd windows - border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); background-color: $header_bg; border-color: $header_border; } &:backdrop { color: transparentize($header_fg, 0.3); + background-color: opacify($header_bg_backdrop, 1); .csd & { background-color: $header_bg_backdrop; } } @@ -1047,6 +1051,8 @@ headerbar { .maximized & { background-color: opacify($header_bg, 1); border-color: opacify($header_border, 1); + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } &.default-decoration, @@ -1063,55 +1069,35 @@ headerbar { } .titlebar { - padding: 0 7px; - border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); - color: $header_fg; - background-color: opacify($header_bg, 1); - box-shadow: inset 0 1px lighten($header_bg, 3%); - - .csd & { background-color: $header_bg; } - - &:backdrop { - color: transparentize($header_fg, 0.3); - background-color: opacify($header_bg_backdrop, 1); - - .csd & { background-color: $header_bg_backdrop; } - } - - .maximized & { - background-color: opacify($header_bg, 1); + border-radius: $_header_radius $_header_radius 0 0; +} - &:backdrop, .csd &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - } +headerbar { + separator:first-child + &, + &:first-child { &, &:backdrop { border-top-left-radius: $_header_radius; }} - // Fixes double backgrounds on paned headerbars - &:not(headerbar), - &:backdrop:not(headerbar) { - window > &, - window.csd > & { - padding: 0; - border: none; - background: none; - } - } - // Separator in Gnome Tweak Tool - separator { background-color: $header_border; } + &:last-child { &, &:backdrop { border-top-right-radius: $_header_radius; }} } -// more paned headerbar fixes (Gedit) -paned.titlebar { - separator { background-color: transparent; } +.titlebar:not(headerbar) { + window.csd > &, + window.csd > &:backdrop { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + } - > headerbar { - &:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0;} + > separator { background: $header_border; } - ~ headerbar { border-top-left-radius: 0; } - &:first-child { border-top-right-radius: 0; } - } + @extend %titlebar; } -// Only extending headerbar avoids some problems (Gnome Documents searchbar) -headerbar { +headerbar, +%titlebar { separator.titlebutton { @extend %header_separator; } @extend %header_widgets; @@ -2308,7 +2294,7 @@ levelbar { printdialog { paper { border: 1px solid $borders_color; - background: white; + background: $base_color; padding: 0; } |