From d52d9695dd54af249de1d9b4318b88f109d396d2 Mon Sep 17 00:00:00 2001 From: Eudaimon Date: Thu, 1 Jun 2023 12:02:47 +0200 Subject: [PATCH] Improved libadwaita support: new tabview --- gtk-3.0/gtk.css | 12 +- gtk-4.0/gtk.css | 242 +++++++++++++++++--------- source/common/common_colors.scss | 20 +++ source/common/common_common.scss | 18 +- source/common/notebook.scss | 30 ++-- source/common/tab-view.scss | 289 +++++++++++++++++++++++++++++++ source/gtk3/gtk-new.css | 12 +- source/gtk4/_common.scss | 7 +- source/gtk4/gtk-new.css | 242 +++++++++++++++++--------- 9 files changed, 681 insertions(+), 191 deletions(-) create mode 100644 source/common/tab-view.scss diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index add6ae9..5744968 100644 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -751,7 +751,11 @@ popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* Notebooks * */ -notebook { padding: 1px; } +notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +notebook > header tabs > tab.reorderable-page { background-position: left; padding-left: 1rem; } + +notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } notebook > header.left, notebook > header.right { border-radius: 1.5em; } @@ -785,12 +789,6 @@ notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transp notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; } -notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } - -notebook > header tabs > tab.reorderable-page, notebook > header tabs > tab.reorderable-page:dir(ltr) { background-position: left; padding-left: 1rem; } - -notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } - notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index aa302e0..477731f 100644 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -229,141 +229,141 @@ editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); } to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } } -scrollbar > range > trough > slider, notebook > header tabs > tab, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); } +scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); } -scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, notebook > header tabs > tab.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; } +scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; } -scrollbar > range > trough > slider:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +scrollbar > range > trough > slider:checked, dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -scrollbar > range > trough > slider:disabled, notebook > header tabs > tab:disabled, notebook > header > tabs > arrow:disabled, columnview.view > header > button:disabled, treeview.view > header > button:disabled, button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); -gtk-icon-filter: opacity(0.5); } +scrollbar > range > trough > slider:disabled, dnd tab:disabled, tabbar tab:disabled, notebook > header tabs > tab:disabled, notebook > header tabbar tabbox > tabboxchild:disabled, tabbar notebook > header tabbox > tabboxchild:disabled, notebook > header > tabs > arrow:disabled, columnview.view > header > button:disabled, treeview.view > header > button:disabled, button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); -gtk-icon-filter: opacity(0.5); } -scrollbar > range > trough > slider:disabled:active, scrollbar > range > trough > slider:disabled:checked, notebook > header tabs > tab:disabled:active, notebook > header > tabs > arrow:disabled:active, notebook > header tabs > tab:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +scrollbar > range > trough > slider:disabled:active, scrollbar > range > trough > slider:disabled:checked, dnd tab:disabled:active, tabbar tab:disabled:active, notebook > header tabs > tab:disabled:active, notebook > header tabbar tabbox > tabboxchild:disabled:active, tabbar notebook > header tabbox > tabboxchild:disabled:active, notebook > header > tabs > arrow:disabled:active, dnd tab:disabled:checked, tabbar tab:disabled:checked, notebook > header tabs > tab:disabled:checked, notebook > header tabbar tabbox > tabboxchild:disabled:checked, tabbar notebook > header tabbox > tabboxchild:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked), dnd tab.flat:not(:hover):not(:active):not(:checked), tabbar tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -button.sidebar-button:disabled, .toolbar > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):disabled, button.flat:not(:hover):not(:active):not(:checked):disabled { background-color: #494949; } +button.sidebar-button:disabled, .toolbar > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):disabled, dnd tab.flat:not(:hover):not(:active):not(:checked):disabled, tabbar tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):disabled, tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):disabled, button.flat:not(:hover):not(:active):not(:checked):disabled { background-color: #494949; } -scrollbar > range > trough > slider.image-button, notebook > header tabs > tab.image-button, notebook > header > tabs > arrow.image-button, columnview.view > header > button.image-button, treeview.view > header > button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } +scrollbar > range > trough > slider.image-button, dnd tab.image-button, tabbar tab.image-button, notebook > header tabs > tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.image-button, columnview.view > header > button.image-button, treeview.view > header > button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } -scrollbar > range > trough > slider.text-button, notebook > header tabs > tab.text-button, notebook > header > tabs > arrow.text-button, columnview.view > header > button.text-button, treeview.view > header > button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } +scrollbar > range > trough > slider.text-button, dnd tab.text-button, tabbar tab.text-button, notebook > header tabs > tab.text-button, notebook > header tabbar tabbox > tabboxchild.text-button, tabbar notebook > header tabbox > tabboxchild.text-button, notebook > header > tabs > arrow.text-button, columnview.view > header > button.text-button, treeview.view > header > button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } -scrollbar > range > trough > slider.text-button.image-button, notebook > header tabs > tab.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +scrollbar > range > trough > slider.text-button.image-button, dnd tab.text-button.image-button, tabbar tab.text-button.image-button, notebook > header tabs > tab.text-button.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -scrollbar > range > trough > slider.text-button.image-button label, notebook > header tabs > tab.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +scrollbar > range > trough > slider.text-button.image-button label, dnd tab.text-button.image-button label, tabbar tab.text-button.image-button label, notebook > header tabs > tab.text-button.image-button label, notebook > header dnd tab.image-button label, dnd notebook > header tab.image-button label, notebook > header tabbar tab.image-button label, tabbar notebook > header tab.image-button label, notebook > header tabbar tabbox > tabboxchild.image-button label, tabbar notebook > header tabbox > tabboxchild.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -scrollbar > range > trough > slider.arrow-button, notebook > header tabs > tab.arrow-button, notebook > header > tabs > arrow.arrow-button, columnview.view > header > button.arrow-button, treeview.view > header > button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } +scrollbar > range > trough > slider.arrow-button, dnd tab.arrow-button, tabbar tab.arrow-button, notebook > header tabs > tab.arrow-button, notebook > header tabbar tabbox > tabboxchild.arrow-button, tabbar notebook > header tabbox > tabboxchild.arrow-button, notebook > header > tabs > arrow.arrow-button, columnview.view > header > button.arrow-button, treeview.view > header > button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } -scrollbar > range > trough > slider.arrow-button > box, notebook > header tabs > tab.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, columnview.view > header > button.arrow-button > box, treeview.view > header > button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } +scrollbar > range > trough > slider.arrow-button > box, dnd tab.arrow-button > box, tabbar tab.arrow-button > box, notebook > header tabs > tab.arrow-button > box, dnd notebook > header tab.arrow-button > box, tabbar notebook > header tab.arrow-button > box, notebook > header tabbar tabbox > tabboxchild.arrow-button > box, tabbar notebook > header tabbox > tabboxchild.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, columnview.view > header > button.arrow-button > box, treeview.view > header > button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } -dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollbar > range > trough > slider:drop(active), notebook > header tabs > tab:drop(active), notebook > header > tabs > arrow:drop(active), columnview.view > header > button:drop(active), treeview.view > header > button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollbar > range > trough > slider:drop(active), dnd tab:drop(active), tabbar tab:drop(active), notebook > header tabs > tab:drop(active), notebook > header tabbar tabbox > tabboxchild:drop(active), tabbar notebook > header tabbox > tabboxchild:drop(active), notebook > header > tabs > arrow:drop(active), columnview.view > header > button:drop(active), treeview.view > header > button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -notebook > header tabs > tab.small-button, notebook > header > tabs > arrow.small-button, columnview.view > header > button.small-button, treeview.view > header > button.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; } +dnd tab.small-button, tabbar tab.small-button, notebook > header tabs > tab.small-button, notebook > header tabbar tabbox > tabboxchild.small-button, tabbar notebook > header tabbox > tabboxchild.small-button, notebook > header > tabs > arrow.small-button, columnview.view > header > button.small-button, treeview.view > header > button.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; } -notebook > header tabs > tab.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; border: none; box-shadow: none; } +dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; border: none; box-shadow: none; } -notebook > header tabs > tab.osd.image-button, notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; } +dnd tab.osd.image-button, tabbar tab.osd.image-button, notebook > header tabs > tab.osd.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; } -notebook > header tabs > tab.osd.image-button:only-child, notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } +dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, notebook > header tabs > tab.osd.image-button:only-child, notebook > header dnd tab.image-button:only-child, dnd notebook > header tab.image-button:only-child, notebook > header tabbar tab.image-button:only-child, tabbar notebook > header tab.image-button:only-child, notebook > header tabbar tabbox > tabboxchild.image-button:only-child, tabbar notebook > header tabbox > tabboxchild.image-button:only-child, notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } -notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; } +dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; } -notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; border: none; box-shadow: none; } +dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; border: none; box-shadow: none; } -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, .osd button { color: #66cbec; background-color: rgba(32, 61, 121, 0.7); border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd dnd tab, dnd .osd tab, .osd tabbar tab, tabbar .osd tab, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header tabbar tabbox > tabboxchild, tabbar .osd notebook > header tabbox > tabboxchild, notebook > header .osd tabbar tabbox > tabboxchild, tabbar notebook > header .osd tabbox > tabboxchild, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, .osd button { color: #66cbec; background-color: rgba(32, 61, 121, 0.7); border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { border-color: currentColor; } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { border-color: currentColor; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; } -.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; } +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd dnd tab.flat, dnd .osd tab.flat, .osd tabbar tab.flat, tabbar .osd tab.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, .osd notebook > header tabbar tabbox > tabboxchild.flat, tabbar .osd notebook > header tabbox > tabboxchild.flat, notebook > header .osd tabbar tabbox > tabboxchild.flat, tabbar notebook > header .osd tabbox > tabboxchild.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; } -.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { border-color: currentColor; } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd dnd tab.flat:hover, dnd .osd tab.flat:hover, .osd tabbar tab.flat:hover, tabbar .osd tab.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, .osd notebook > header tabbar tabbox > tabboxchild.flat:hover, tabbar .osd notebook > header tabbox > tabboxchild.flat:hover, notebook > header .osd tabbar tabbox > tabboxchild.flat:hover, tabbar notebook > header .osd tabbox > tabboxchild.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { border-color: currentColor; } -.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, .osd notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar .osd notebook > header tabbox > tabboxchild.flat:disabled, notebook > header .osd tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar .osd notebook > header tabbox > tabboxchild.flat:active, notebook > header .osd tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar .osd notebook > header tabbox > tabboxchild.flat:checked, notebook > header .osd tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; } -notebook > header tabs > tab.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.suggested-action.flat, notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; } +dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; } -notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; } +dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; } -notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; } +dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; } -notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.suggested-action.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(51, 209, 122, 0.8); } +dnd tab.suggested-action.flat:disabled, tabbar tab.suggested-action.flat:disabled, notebook > header tabs > tab.suggested-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(51, 209, 122, 0.8); } -notebook > header tabs > tab.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +dnd tab.suggested-action:disabled, tabbar tab.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header > tabs > arrow.suggested-action:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +dnd tab.suggested-action:disabled:active, tabbar tab.suggested-action:disabled:active, notebook > header tabs > tab.suggested-action:disabled:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:active, dnd tab.suggested-action:disabled:checked, tabbar tab.suggested-action:disabled:checked, notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled:checked, notebook > header > tabs > arrow.suggested-action:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -.osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; } +.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; } -.osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; } +.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; } -.osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +.osd dnd tab.suggested-action:disabled, dnd .osd tab.suggested-action:disabled, .osd tabbar tab.suggested-action:disabled, tabbar .osd tab.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.destructive-action, notebook > header > tabs > arrow.destructive-action, columnview.view > header > button.destructive-action, treeview.view > header > button.destructive-action, button.destructive-action { color: white; background-color: #CC0000; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +dnd tab.destructive-action, tabbar tab.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header tabbar tabbox > tabboxchild.destructive-action, tabbar notebook > header tabbox > tabboxchild.destructive-action, notebook > header > tabs > arrow.destructive-action, columnview.view > header > button.destructive-action, treeview.view > header > button.destructive-action, button.destructive-action { color: white; background-color: #CC0000; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.destructive-action.flat, notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; } +dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; } -notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; } +dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; } -notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; } +dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; } -notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.destructive-action.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } +dnd tab.destructive-action.flat:disabled, tabbar tab.destructive-action.flat:disabled, notebook > header tabs > tab.destructive-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } -notebook > header tabs > tab.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +dnd tab.destructive-action:disabled, tabbar tab.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header > tabs > arrow.destructive-action:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +dnd tab.destructive-action:disabled:active, tabbar tab.destructive-action:disabled:active, notebook > header tabs > tab.destructive-action:disabled:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:active, dnd tab.destructive-action:disabled:checked, tabbar tab.destructive-action:disabled:checked, notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled:checked, notebook > header > tabs > arrow.destructive-action:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -.osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; } +.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; } -.osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; } +.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; } -.osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +.osd dnd tab.destructive-action:disabled, dnd .osd tab.destructive-action:disabled, .osd tabbar tab.destructive-action:disabled, tabbar .osd tab.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } +dnd stackswitcher > tab > label, tabbar stackswitcher > tab > label, notebook > header dnd stackswitcher > tab > label, dnd notebook > header stackswitcher > tab > label, notebook > header tabbar stackswitcher > tab > label, tabbar notebook > header stackswitcher > tab > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } -stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } +dnd stackswitcher > tab > image, tabbar stackswitcher > tab > image, notebook > header dnd stackswitcher > tab > image, dnd notebook > header stackswitcher > tab > image, notebook > header tabbar stackswitcher > tab > image, tabbar notebook > header stackswitcher > tab > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } -notebook > header tabs.stack-switcher > tab, notebook > header > tabs.stack-switcher > arrow, columnview.view > header.stack-switcher > button, treeview.view > header.stack-switcher > button, notebook > header tabs.stack-switcher > tab.linked, notebook > header > tabs.stack-switcher > arrow.linked, columnview.view > header.stack-switcher > button.linked, treeview.view > header.stack-switcher > button.linked, notebook > header tabs.stack-switcher > tab.linked.horizontal, notebook > header > tabs.stack-switcher > arrow.linked.horizontal, columnview.view > header.stack-switcher > button.linked.horizontal, treeview.view > header.stack-switcher > button.linked.horizontal, notebook > header tabs.stack-switcher > tab.linked.vertical, notebook > header > tabs.stack-switcher > arrow.linked.vertical, columnview.view > header.stack-switcher > button.linked.vertical, treeview.view > header.stack-switcher > button.linked.vertical, notebook > header tabs.stack-switcher > tab:first-child, notebook > header > tabs.stack-switcher > arrow:first-child, columnview.view > header.stack-switcher > button:first-child, treeview.view > header.stack-switcher > button:first-child, notebook > header tabs.stack-switcher > tab:last-child, notebook > header > tabs.stack-switcher > arrow:last-child, columnview.view > header.stack-switcher > button:last-child, treeview.view > header.stack-switcher > button:last-child, notebook > header tabs.stack-switcher > tab:not(:first-child), notebook > header > tabs.stack-switcher > arrow:not(:first-child), columnview.view > header.stack-switcher > button:not(:first-child), treeview.view > header.stack-switcher > button:not(:first-child), notebook > header tabs.stack-switcher > tab:not(:last-child), notebook > header > tabs.stack-switcher > arrow:not(:last-child), columnview.view > header.stack-switcher > button:not(:last-child), treeview.view > header.stack-switcher > button:not(:last-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:first-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:first-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:last-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:last-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:first-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:first-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:last-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:last-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:last-child), notebook > header tabs.stack-switcher > tab.radio, notebook > header > tabs.stack-switcher > arrow.radio, columnview.view > header.stack-switcher > button.radio, treeview.view > header.stack-switcher > button.radio, stackswitcher > button, stackswitcher > button.linked, stackswitcher > button.linked.horizontal, stackswitcher > button.linked.vertical, stackswitcher > button:first-child, stackswitcher > button:last-child, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher > button.radio, stackswitcher.linked > button, stackswitcher.linked > button.linked, stackswitcher.linked > button.linked.horizontal, stackswitcher.linked > button.linked.vertical, stackswitcher.linked > button:first-child, stackswitcher.linked > button:last-child, stackswitcher.linked > button:not(:first-child), stackswitcher.linked > button:not(:last-child), stackswitcher.linked > button:dir(ltr):not(:first-child), stackswitcher.linked > button:dir(ltr):not(:last-child), stackswitcher.linked > button:dir(rtl):not(:first-child), stackswitcher.linked > button:dir(rtl):not(:last-child), stackswitcher.linked > button.radio, stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button.linked, stackswitcher.linked:not(.vertical) > button.linked.horizontal, stackswitcher.linked:not(.vertical) > button.linked.vertical, stackswitcher.linked:not(.vertical) > button:first-child, stackswitcher.linked:not(.vertical) > button:last-child, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button.radio, .stack-switcher > button, .stack-switcher > button.linked, .stack-switcher > button.linked.horizontal, .stack-switcher > button.linked.vertical, .stack-switcher > button:first-child, .stack-switcher > button:last-child, .stack-switcher > button:not(:first-child), .stack-switcher > button:not(:last-child), .stack-switcher > button:dir(ltr):not(:first-child), .stack-switcher > button:dir(ltr):not(:last-child), .stack-switcher > button:dir(rtl):not(:first-child), .stack-switcher > button:dir(rtl):not(:last-child), .stack-switcher > button.radio { border-radius: 9999px; border-width: 1px; border-style: solid; margin: 5px; } +dnd stackswitcher > tab, tabbar stackswitcher > tab, notebook > header dnd stackswitcher > tab, dnd notebook > header stackswitcher > tab, notebook > header tabbar stackswitcher > tab, tabbar notebook > header stackswitcher > tab, dnd stackswitcher > tab.linked, tabbar stackswitcher > tab.linked, notebook > header dnd stackswitcher > tab.linked, dnd notebook > header stackswitcher > tab.linked, notebook > header tabbar stackswitcher > tab.linked, tabbar notebook > header stackswitcher > tab.linked, dnd stackswitcher > tab.linked.horizontal, tabbar stackswitcher > tab.linked.horizontal, notebook > header dnd stackswitcher > tab.horizontal, dnd notebook > header stackswitcher > tab.horizontal, notebook > header tabbar stackswitcher > tab.horizontal, tabbar notebook > header stackswitcher > tab.horizontal, dnd stackswitcher > tab.linked.vertical, tabbar stackswitcher > tab.linked.vertical, notebook > header dnd stackswitcher > tab.vertical, dnd notebook > header stackswitcher > tab.vertical, notebook > header tabbar stackswitcher > tab.vertical, tabbar notebook > header stackswitcher > tab.vertical, dnd stackswitcher > tab:first-child, tabbar stackswitcher > tab:first-child, notebook > header dnd stackswitcher > tab:first-child, dnd notebook > header stackswitcher > tab:first-child, notebook > header tabbar stackswitcher > tab:first-child, tabbar notebook > header stackswitcher > tab:first-child, dnd stackswitcher > tab:last-child, tabbar stackswitcher > tab:last-child, notebook > header dnd stackswitcher > tab:last-child, dnd notebook > header stackswitcher > tab:last-child, notebook > header tabbar stackswitcher > tab:last-child, tabbar notebook > header stackswitcher > tab:last-child, dnd stackswitcher > tab:not(:first-child), tabbar stackswitcher > tab:not(:first-child), notebook > header dnd stackswitcher > tab:not(:first-child), dnd notebook > header stackswitcher > tab:not(:first-child), notebook > header tabbar stackswitcher > tab:not(:first-child), tabbar notebook > header stackswitcher > tab:not(:first-child), dnd stackswitcher > tab:not(:last-child), tabbar stackswitcher > tab:not(:last-child), notebook > header dnd stackswitcher > tab:not(:last-child), dnd notebook > header stackswitcher > tab:not(:last-child), notebook > header tabbar stackswitcher > tab:not(:last-child), tabbar notebook > header stackswitcher > tab:not(:last-child), dnd stackswitcher > tab:dir(ltr):not(:first-child), tabbar stackswitcher > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher > tab:dir(ltr):not(:first-child), dnd stackswitcher > tab:dir(ltr):not(:last-child), tabbar stackswitcher > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher > tab:dir(ltr):not(:last-child), dnd stackswitcher > tab:dir(rtl):not(:first-child), tabbar stackswitcher > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher > tab:dir(rtl):not(:first-child), dnd stackswitcher > tab:dir(rtl):not(:last-child), tabbar stackswitcher > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher > tab:dir(rtl):not(:last-child), dnd stackswitcher > tab.radio, tabbar stackswitcher > tab.radio, notebook > header dnd stackswitcher > tab.radio, dnd notebook > header stackswitcher > tab.radio, notebook > header tabbar stackswitcher > tab.radio, tabbar notebook > header stackswitcher > tab.radio, dnd stackswitcher.linked > tab, tabbar stackswitcher.linked > tab, notebook > header dnd stackswitcher.linked > tab, dnd notebook > header stackswitcher.linked > tab, notebook > header tabbar stackswitcher.linked > tab, tabbar notebook > header stackswitcher.linked > tab, dnd stackswitcher.linked > tab.linked, tabbar stackswitcher.linked > tab.linked, notebook > header dnd stackswitcher.linked > tab.linked, dnd notebook > header stackswitcher.linked > tab.linked, notebook > header tabbar stackswitcher.linked > tab.linked, tabbar notebook > header stackswitcher.linked > tab.linked, dnd stackswitcher.linked > tab.linked.horizontal, tabbar stackswitcher.linked > tab.linked.horizontal, notebook > header dnd stackswitcher.linked > tab.horizontal, dnd notebook > header stackswitcher.linked > tab.horizontal, notebook > header tabbar stackswitcher.linked > tab.horizontal, tabbar notebook > header stackswitcher.linked > tab.horizontal, dnd stackswitcher.linked > tab.linked.vertical, tabbar stackswitcher.linked > tab.linked.vertical, notebook > header dnd stackswitcher.linked > tab.vertical, dnd notebook > header stackswitcher.linked > tab.vertical, notebook > header tabbar stackswitcher.linked > tab.vertical, tabbar notebook > header stackswitcher.linked > tab.vertical, dnd stackswitcher.linked > tab:first-child, tabbar stackswitcher.linked > tab:first-child, notebook > header dnd stackswitcher.linked > tab:first-child, dnd notebook > header stackswitcher.linked > tab:first-child, notebook > header tabbar stackswitcher.linked > tab:first-child, tabbar notebook > header stackswitcher.linked > tab:first-child, dnd stackswitcher.linked > tab:last-child, tabbar stackswitcher.linked > tab:last-child, notebook > header dnd stackswitcher.linked > tab:last-child, dnd notebook > header stackswitcher.linked > tab:last-child, notebook > header tabbar stackswitcher.linked > tab:last-child, tabbar notebook > header stackswitcher.linked > tab:last-child, dnd stackswitcher.linked > tab:not(:first-child), tabbar stackswitcher.linked > tab:not(:first-child), notebook > header dnd stackswitcher.linked > tab:not(:first-child), dnd notebook > header stackswitcher.linked > tab:not(:first-child), notebook > header tabbar stackswitcher.linked > tab:not(:first-child), tabbar notebook > header stackswitcher.linked > tab:not(:first-child), dnd stackswitcher.linked > tab:not(:last-child), tabbar stackswitcher.linked > tab:not(:last-child), notebook > header dnd stackswitcher.linked > tab:not(:last-child), dnd notebook > header stackswitcher.linked > tab:not(:last-child), notebook > header tabbar stackswitcher.linked > tab:not(:last-child), tabbar notebook > header stackswitcher.linked > tab:not(:last-child), dnd stackswitcher.linked > tab:dir(ltr):not(:first-child), tabbar stackswitcher.linked > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher.linked > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher.linked > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher.linked > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher.linked > tab:dir(ltr):not(:first-child), dnd stackswitcher.linked > tab:dir(ltr):not(:last-child), tabbar stackswitcher.linked > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher.linked > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher.linked > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher.linked > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher.linked > tab:dir(ltr):not(:last-child), dnd stackswitcher.linked > tab:dir(rtl):not(:first-child), tabbar stackswitcher.linked > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher.linked > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher.linked > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher.linked > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher.linked > tab:dir(rtl):not(:first-child), dnd stackswitcher.linked > tab:dir(rtl):not(:last-child), tabbar stackswitcher.linked > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher.linked > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher.linked > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher.linked > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher.linked > tab:dir(rtl):not(:last-child), dnd stackswitcher.linked > tab.radio, tabbar stackswitcher.linked > tab.radio, notebook > header dnd stackswitcher.linked > tab.radio, dnd notebook > header stackswitcher.linked > tab.radio, notebook > header tabbar stackswitcher.linked > tab.radio, tabbar notebook > header stackswitcher.linked > tab.radio, dnd stackswitcher.linked:not(.vertical) > tab, tabbar stackswitcher.linked:not(.vertical) > tab, notebook > header dnd stackswitcher.linked:not(.vertical) > tab, dnd notebook > header stackswitcher.linked:not(.vertical) > tab, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab, dnd stackswitcher.linked:not(.vertical) > tab.linked, tabbar stackswitcher.linked:not(.vertical) > tab.linked, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.linked, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.linked, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.linked, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.linked, dnd stackswitcher.linked:not(.vertical) > tab.linked.horizontal, tabbar stackswitcher.linked:not(.vertical) > tab.linked.horizontal, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.horizontal, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.horizontal, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.horizontal, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.horizontal, dnd stackswitcher.linked:not(.vertical) > tab.linked.vertical, tabbar stackswitcher.linked:not(.vertical) > tab.linked.vertical, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.vertical, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.vertical, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.vertical, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.vertical, dnd stackswitcher.linked:not(.vertical) > tab:first-child, tabbar stackswitcher.linked:not(.vertical) > tab:first-child, notebook > header dnd stackswitcher.linked:not(.vertical) > tab:first-child, dnd notebook > header stackswitcher.linked:not(.vertical) > tab:first-child, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:first-child, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:first-child, dnd stackswitcher.linked:not(.vertical) > tab:last-child, tabbar stackswitcher.linked:not(.vertical) > tab:last-child, notebook > header dnd stackswitcher.linked:not(.vertical) > tab:last-child, dnd notebook > header stackswitcher.linked:not(.vertical) > tab:last-child, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:last-child, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:last-child, dnd stackswitcher.linked:not(.vertical) > tab:not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab.radio, tabbar stackswitcher.linked:not(.vertical) > tab.radio, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.radio, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.radio, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.radio, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.radio, dnd .stack-switcher > tab, tabbar .stack-switcher > tab, notebook > header tabs.stack-switcher > tab, notebook > header dnd .stack-switcher > tab, dnd notebook > header .stack-switcher > tab, notebook > header tabbar .stack-switcher > tab, tabbar notebook > header .stack-switcher > tab, notebook > header tabbar tabbox.stack-switcher > tabboxchild, tabbar notebook > header tabbox.stack-switcher > tabboxchild, notebook > header > tabs.stack-switcher > arrow, columnview.view > header.stack-switcher > button, treeview.view > header.stack-switcher > button, dnd .stack-switcher > tab.linked, tabbar .stack-switcher > tab.linked, notebook > header tabs.stack-switcher > tab.linked, notebook > header dnd .stack-switcher > tab.linked, dnd notebook > header .stack-switcher > tab.linked, notebook > header tabbar .stack-switcher > tab.linked, tabbar notebook > header .stack-switcher > tab.linked, notebook > header tabbar tabbox.stack-switcher > tabboxchild.linked, tabbar notebook > header tabbox.stack-switcher > tabboxchild.linked, notebook > header > tabs.stack-switcher > arrow.linked, columnview.view > header.stack-switcher > button.linked, treeview.view > header.stack-switcher > button.linked, dnd .stack-switcher > tab.linked.horizontal, tabbar .stack-switcher > tab.linked.horizontal, notebook > header tabs.stack-switcher > tab.linked.horizontal, notebook > header dnd .stack-switcher > tab.horizontal, dnd notebook > header .stack-switcher > tab.horizontal, notebook > header tabbar .stack-switcher > tab.horizontal, tabbar notebook > header .stack-switcher > tab.horizontal, notebook > header tabbar tabbox.stack-switcher > tabboxchild.horizontal, tabbar notebook > header tabbox.stack-switcher > tabboxchild.horizontal, notebook > header > tabs.stack-switcher > arrow.linked.horizontal, columnview.view > header.stack-switcher > button.linked.horizontal, treeview.view > header.stack-switcher > button.linked.horizontal, dnd .stack-switcher > tab.linked.vertical, tabbar .stack-switcher > tab.linked.vertical, notebook > header tabs.stack-switcher > tab.linked.vertical, notebook > header dnd .stack-switcher > tab.vertical, dnd notebook > header .stack-switcher > tab.vertical, notebook > header tabbar .stack-switcher > tab.vertical, tabbar notebook > header .stack-switcher > tab.vertical, notebook > header tabbar tabbox.stack-switcher > tabboxchild.vertical, tabbar notebook > header tabbox.stack-switcher > tabboxchild.vertical, notebook > header > tabs.stack-switcher > arrow.linked.vertical, columnview.view > header.stack-switcher > button.linked.vertical, treeview.view > header.stack-switcher > button.linked.vertical, dnd .stack-switcher > tab:first-child, tabbar .stack-switcher > tab:first-child, notebook > header tabs.stack-switcher > tab:first-child, notebook > header dnd .stack-switcher > tab:first-child, dnd notebook > header .stack-switcher > tab:first-child, notebook > header tabbar .stack-switcher > tab:first-child, tabbar notebook > header .stack-switcher > tab:first-child, notebook > header tabbar tabbox.stack-switcher > tabboxchild:first-child, tabbar notebook > header tabbox.stack-switcher > tabboxchild:first-child, notebook > header > tabs.stack-switcher > arrow:first-child, columnview.view > header.stack-switcher > button:first-child, treeview.view > header.stack-switcher > button:first-child, dnd .stack-switcher > tab:last-child, tabbar .stack-switcher > tab:last-child, notebook > header tabs.stack-switcher > tab:last-child, notebook > header dnd .stack-switcher > tab:last-child, dnd notebook > header .stack-switcher > tab:last-child, notebook > header tabbar .stack-switcher > tab:last-child, tabbar notebook > header .stack-switcher > tab:last-child, notebook > header tabbar tabbox.stack-switcher > tabboxchild:last-child, tabbar notebook > header tabbox.stack-switcher > tabboxchild:last-child, notebook > header > tabs.stack-switcher > arrow:last-child, columnview.view > header.stack-switcher > button:last-child, treeview.view > header.stack-switcher > button:last-child, dnd .stack-switcher > tab:not(:first-child), tabbar .stack-switcher > tab:not(:first-child), notebook > header tabs.stack-switcher > tab:not(:first-child), notebook > header dnd .stack-switcher > tab:not(:first-child), dnd notebook > header .stack-switcher > tab:not(:first-child), notebook > header tabbar .stack-switcher > tab:not(:first-child), tabbar notebook > header .stack-switcher > tab:not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:not(:first-child), notebook > header > tabs.stack-switcher > arrow:not(:first-child), columnview.view > header.stack-switcher > button:not(:first-child), treeview.view > header.stack-switcher > button:not(:first-child), dnd .stack-switcher > tab:not(:last-child), tabbar .stack-switcher > tab:not(:last-child), notebook > header tabs.stack-switcher > tab:not(:last-child), notebook > header dnd .stack-switcher > tab:not(:last-child), dnd notebook > header .stack-switcher > tab:not(:last-child), notebook > header tabbar .stack-switcher > tab:not(:last-child), tabbar notebook > header .stack-switcher > tab:not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:not(:last-child), notebook > header > tabs.stack-switcher > arrow:not(:last-child), columnview.view > header.stack-switcher > button:not(:last-child), treeview.view > header.stack-switcher > button:not(:last-child), dnd .stack-switcher > tab:dir(ltr):not(:first-child), tabbar .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:first-child), notebook > header dnd .stack-switcher > tab:dir(ltr):not(:first-child), dnd notebook > header .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabbar .stack-switcher > tab:dir(ltr):not(:first-child), tabbar notebook > header .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(ltr):not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(ltr):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:first-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:first-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:first-child), dnd .stack-switcher > tab:dir(ltr):not(:last-child), tabbar .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:last-child), notebook > header dnd .stack-switcher > tab:dir(ltr):not(:last-child), dnd notebook > header .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabbar .stack-switcher > tab:dir(ltr):not(:last-child), tabbar notebook > header .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(ltr):not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(ltr):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:last-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:last-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:last-child), dnd .stack-switcher > tab:dir(rtl):not(:first-child), tabbar .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:first-child), notebook > header dnd .stack-switcher > tab:dir(rtl):not(:first-child), dnd notebook > header .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabbar .stack-switcher > tab:dir(rtl):not(:first-child), tabbar notebook > header .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(rtl):not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(rtl):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:first-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:first-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:first-child), dnd .stack-switcher > tab:dir(rtl):not(:last-child), tabbar .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:last-child), notebook > header dnd .stack-switcher > tab:dir(rtl):not(:last-child), dnd notebook > header .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabbar .stack-switcher > tab:dir(rtl):not(:last-child), tabbar notebook > header .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(rtl):not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(rtl):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:last-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:last-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:last-child), dnd .stack-switcher > tab.radio, tabbar .stack-switcher > tab.radio, notebook > header tabs.stack-switcher > tab.radio, notebook > header dnd .stack-switcher > tab.radio, dnd notebook > header .stack-switcher > tab.radio, notebook > header tabbar .stack-switcher > tab.radio, tabbar notebook > header .stack-switcher > tab.radio, notebook > header tabbar tabbox.stack-switcher > tabboxchild.radio, tabbar notebook > header tabbox.stack-switcher > tabboxchild.radio, notebook > header > tabs.stack-switcher > arrow.radio, columnview.view > header.stack-switcher > button.radio, treeview.view > header.stack-switcher > button.radio, stackswitcher > button, stackswitcher > button.linked, stackswitcher > button.linked.horizontal, stackswitcher > button.linked.vertical, stackswitcher > button:first-child, stackswitcher > button:last-child, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher > button.radio, stackswitcher.linked > button, stackswitcher.linked > button.linked, stackswitcher.linked > button.linked.horizontal, stackswitcher.linked > button.linked.vertical, stackswitcher.linked > button:first-child, stackswitcher.linked > button:last-child, stackswitcher.linked > button:not(:first-child), stackswitcher.linked > button:not(:last-child), stackswitcher.linked > button:dir(ltr):not(:first-child), stackswitcher.linked > button:dir(ltr):not(:last-child), stackswitcher.linked > button:dir(rtl):not(:first-child), stackswitcher.linked > button:dir(rtl):not(:last-child), stackswitcher.linked > button.radio, stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button.linked, stackswitcher.linked:not(.vertical) > button.linked.horizontal, stackswitcher.linked:not(.vertical) > button.linked.vertical, stackswitcher.linked:not(.vertical) > button:first-child, stackswitcher.linked:not(.vertical) > button:last-child, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button.radio, .stack-switcher > button, .stack-switcher > button.linked, .stack-switcher > button.linked.horizontal, .stack-switcher > button.linked.vertical, .stack-switcher > button:first-child, .stack-switcher > button:last-child, .stack-switcher > button:not(:first-child), .stack-switcher > button:not(:last-child), .stack-switcher > button:dir(ltr):not(:first-child), .stack-switcher > button:dir(ltr):not(:last-child), .stack-switcher > button:dir(rtl):not(:first-child), .stack-switcher > button:dir(rtl):not(:last-child), .stack-switcher > button.radio { border-radius: 9999px; border-width: 1px; border-style: solid; margin: 5px; } -notebook > header tabs.stack-switcher > tab.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, columnview.view > header.stack-switcher > button.text-button, treeview.view > header.stack-switcher > button.text-button, stackswitcher > button.text-button, stackswitcher.linked > button.text-button, stackswitcher.linked:not(.vertical) > button.text-button, .stack-switcher > button.text-button { min-width: 80px; } +dnd stackswitcher > tab.text-button, tabbar stackswitcher > tab.text-button, dnd notebook > header stackswitcher > tab.text-button, tabbar notebook > header stackswitcher > tab.text-button, dnd .stack-switcher > tab.text-button, tabbar .stack-switcher > tab.text-button, notebook > header tabs.stack-switcher > tab.text-button, dnd notebook > header .stack-switcher > tab.text-button, tabbar notebook > header .stack-switcher > tab.text-button, notebook > header tabbar tabbox.stack-switcher > tabboxchild.text-button, tabbar notebook > header tabbox.stack-switcher > tabboxchild.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, columnview.view > header.stack-switcher > button.text-button, treeview.view > header.stack-switcher > button.text-button, stackswitcher > button.text-button, stackswitcher.linked > button.text-button, stackswitcher.linked:not(.vertical) > button.text-button, .stack-switcher > button.text-button { min-width: 80px; } -notebook > header tabs.stack-switcher > tab.circular, notebook > header > tabs.stack-switcher > arrow.circular, columnview.view > header.stack-switcher > button.circular, treeview.view > header.stack-switcher > button.circular, stackswitcher > button.circular, stackswitcher > button.text-button.circular, stackswitcher.linked > button.circular, stackswitcher.linked > button.text-button.circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button.text-button.circular, .stack-switcher > button.circular, .stack-switcher > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } +dnd stackswitcher > tab.circular, tabbar stackswitcher > tab.circular, dnd notebook > header stackswitcher > tab.circular, tabbar notebook > header stackswitcher > tab.circular, dnd .stack-switcher > tab.circular, tabbar .stack-switcher > tab.circular, notebook > header tabs.stack-switcher > tab.circular, dnd notebook > header .stack-switcher > tab.circular, tabbar notebook > header .stack-switcher > tab.circular, notebook > header tabbar tabbox.stack-switcher > tabboxchild.circular, tabbar notebook > header tabbox.stack-switcher > tabboxchild.circular, notebook > header > tabs.stack-switcher > arrow.circular, columnview.view > header.stack-switcher > button.circular, treeview.view > header.stack-switcher > button.circular, stackswitcher > button.circular, stackswitcher > button.text-button.circular, stackswitcher.linked > button.circular, stackswitcher.linked > button.text-button.circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button.text-button.circular, .stack-switcher > button.circular, .stack-switcher > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } -notebook > header tabs > tab.font > box, notebook > header > tabs > arrow.font > box, columnview.view > header > button.font > box, treeview.view > header > button.font > box, button.font > box { border-spacing: 6px; } +dnd tab.font > box, tabbar tab.font > box, notebook > header tabs > tab.font > box, dnd notebook > header tab.font > box, tabbar notebook > header tab.font > box, notebook > header tabbar tabbox > tabboxchild.font > box, tabbar notebook > header tabbox > tabboxchild.font > box, notebook > header > tabs > arrow.font > box, columnview.view > header > button.font > box, treeview.view > header > button.font > box, button.font > box { border-spacing: 6px; } -notebook > header tabs > tab.font > box > box > label, notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } +dnd tab.font > box > box > label, tabbar tab.font > box > box > label, notebook > header tabs > tab.font > box > box > label, notebook > header tabbar tabbox > tabboxchild.font > box > box > label, tabbar notebook > header tabbox > tabboxchild.font > box > box > label, notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } -menubutton.circular notebook > header tabs > tab, notebook > header menubutton.circular tabs > tab, menubutton.circular notebook > header > tabs > arrow, menubutton.circular columnview.view > header > button, menubutton.circular treeview.view > header > button, notebook > header tabs > tab.circular, notebook > header > tabs > arrow.circular, columnview.view > header > button.circular, treeview.view > header > button.circular, menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } +menubutton.circular dnd tab, dnd menubutton.circular tab, menubutton.circular tabbar tab, tabbar menubutton.circular tab, menubutton.circular notebook > header tabs > tab, notebook > header menubutton.circular tabs > tab, menubutton.circular notebook > header tabbar tabbox > tabboxchild, tabbar menubutton.circular notebook > header tabbox > tabboxchild, notebook > header menubutton.circular tabbar tabbox > tabboxchild, tabbar notebook > header menubutton.circular tabbox > tabboxchild, menubutton.circular notebook > header > tabs > arrow, menubutton.circular columnview.view > header > button, menubutton.circular treeview.view > header > button, dnd tab.circular, tabbar tab.circular, notebook > header tabs > tab.circular, notebook > header tabbar tabbox > tabboxchild.circular, tabbar notebook > header tabbox > tabboxchild.circular, notebook > header > tabs > arrow.circular, columnview.view > header > button.circular, treeview.view > header > button.circular, menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } -menubutton.circular notebook > header tabs > tab label, notebook > header menubutton.circular tabs > tab label, menubutton.circular notebook > header > tabs > arrow label, notebook > header tabs > tab.circular label, notebook > header > tabs > arrow.circular label, columnview.view > header > button.circular label, treeview.view > header > button.circular label, menubutton.circular button label, button.circular label { padding: 0; } +menubutton.circular dnd tab label, dnd menubutton.circular tab label, menubutton.circular tabbar tab label, tabbar menubutton.circular tab label, menubutton.circular notebook > header tabs > tab label, notebook > header menubutton.circular tabs > tab label, menubutton.circular notebook > header tabbar tabbox > tabboxchild label, tabbar menubutton.circular notebook > header tabbox > tabboxchild label, notebook > header menubutton.circular tabbar tabbox > tabboxchild label, tabbar notebook > header menubutton.circular tabbox > tabboxchild label, menubutton.circular notebook > header > tabs > arrow label, dnd tab.circular label, tabbar tab.circular label, notebook > header tabs > tab.circular label, notebook > header tabbar tabbox > tabboxchild.circular label, tabbar notebook > header tabbox > tabboxchild.circular label, notebook > header > tabs > arrow.circular label, columnview.view > header > button.circular label, treeview.view > header > button.circular label, menubutton.circular button label, button.circular label { padding: 0; } -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #f57900 96%, rgba(245, 121, 0, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } +stacksidebar row.needs-attention > label, dnd stackswitcher > tab.needs-attention > label, tabbar stackswitcher > tab.needs-attention > label, notebook > header dnd stackswitcher > tab.needs-attention > label, dnd notebook > header stackswitcher > tab.needs-attention > label, notebook > header tabbar stackswitcher > tab.needs-attention > label, tabbar notebook > header stackswitcher > tab.needs-attention > label, dnd stackswitcher > tab.needs-attention > image, tabbar stackswitcher > tab.needs-attention > image, notebook > header dnd stackswitcher > tab.needs-attention > image, dnd notebook > header stackswitcher > tab.needs-attention > image, notebook > header tabbar stackswitcher > tab.needs-attention > image, tabbar notebook > header stackswitcher > tab.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #f57900 96%, rgba(245, 121, 0, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } -stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } +stacksidebar row.needs-attention > label:backdrop, dnd stackswitcher > tab.needs-attention > label:backdrop, tabbar stackswitcher > tab.needs-attention > label:backdrop, dnd stackswitcher > tab.needs-attention > image:backdrop, tabbar stackswitcher > tab.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } -stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } +stacksidebar row.needs-attention > label:dir(rtl), dnd stackswitcher > tab.needs-attention > label:dir(rtl), tabbar stackswitcher > tab.needs-attention > label:dir(rtl), dnd stackswitcher > tab.needs-attention > image:dir(rtl), tabbar stackswitcher > tab.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > .entry:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > .entry:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; } +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > .entry:dir(rtl):not(:last-child), dnd .linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar .linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:last-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > .entry:dir(ltr):not(:first-child), dnd .linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar .linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:first-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; } -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > .entry:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > .entry:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; } +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > .entry:dir(rtl):not(:first-child), dnd .linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar .linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:first-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > .entry:dir(ltr):not(:last-child), dnd .linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar .linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:last-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; } -.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > .entry:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; } +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > .entry:not(:first-child), dnd .linked.vertical > tab:not(:first-child), tabbar .linked.vertical > tab:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), dnd notebook > header .linked.vertical > tab:not(:first-child), tabbar notebook > header .linked.vertical > tab:not(:first-child), notebook > header tabbar tabbox.linked.vertical > tabboxchild:not(:first-child), tabbar notebook > header tabbox.linked.vertical > tabboxchild:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; } -.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > .entry:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; } +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > .entry:not(:last-child), dnd .linked.vertical > tab:not(:last-child), tabbar .linked.vertical > tab:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), dnd notebook > header .linked.vertical > tab:not(:last-child), tabbar notebook > header .linked.vertical > tab:not(:last-child), notebook > header tabbar tabbox.linked.vertical > tabboxchild:not(:last-child), tabbar notebook > header tabbox.linked.vertical > tabboxchild:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; } button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat arrow:not(:hover):not(:active):not(:checked):not(:disabled), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -735,7 +735,11 @@ menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 7px; } /************* Notebooks * */ -notebook { padding: 1px; } +dnd tab, tabbar tab, notebook > header tabs > tab.reorderable-page, notebook > header dnd tab.reorderable-page, dnd notebook > header tab.reorderable-page, notebook > header tabbar tab.reorderable-page, tabbar notebook > header tab.reorderable-page, notebook > header tabbar tabbox > tabboxchild.reorderable-page, tabbar notebook > header tabbox > tabboxchild.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +dnd tab, tabbar tab, notebook > header tabs > tab.reorderable-page, notebook > header dnd tab.reorderable-page, dnd notebook > header tab.reorderable-page, notebook > header tabbar tab.reorderable-page, tabbar notebook > header tab.reorderable-page, notebook > header tabbar tabbox > tabboxchild.reorderable-page, tabbar notebook > header tabbox > tabboxchild.reorderable-page { background-position: left; padding-left: 1rem; } + +dnd tab:dir(rtl), tabbar tab:dir(rtl), notebook > header tabs > tab.reorderable-page:dir(rtl), notebook > header dnd tab.reorderable-page:dir(rtl), dnd notebook > header tab.reorderable-page:dir(rtl), notebook > header tabbar tab.reorderable-page:dir(rtl), tabbar notebook > header tab.reorderable-page:dir(rtl), notebook > header tabbar tabbox > tabboxchild.reorderable-page:dir(rtl), tabbar notebook > header tabbox > tabboxchild.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } notebook > header.left, notebook > header.right { border-radius: 1.5em; } @@ -767,19 +771,99 @@ notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; } notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; } +notebook > header tabs > tab, notebook > header dnd tab, dnd notebook > header tab, notebook > header tabbar tab, tabbar notebook > header tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild { border-radius: 9999px; outline-color: transparent; margin: 3px; } -notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } +notebook > header tabs > tab button.flat, notebook > header dnd tab button.flat, dnd notebook > header tab button.flat, notebook > header tabbar tab button.flat, tabbar notebook > header tab button.flat, notebook > header tabbar tabbox > tabboxchild button.flat, tabbar notebook > header tabbox > tabboxchild button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } -notebook > header tabs > tab.reorderable-page, notebook > header tabs > tab.reorderable-page:dir(ltr) { background-position: left; padding-left: 1rem; } +notebook > header tabs > tab button.flat:last-child, notebook > header dnd tab button.flat:last-child, dnd notebook > header tab button.flat:last-child, notebook > header tabbar tab button.flat:last-child, tabbar notebook > header tab button.flat:last-child, notebook > header tabbar tabbox > tabboxchild button.flat:last-child, tabbar notebook > header tabbox > tabboxchild button.flat:last-child { margin-left: 4px; margin-right: -4px; } -notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } +notebook > header tabs > tab button.flat:first-child, notebook > header dnd tab button.flat:first-child, dnd notebook > header tab button.flat:first-child, notebook > header tabbar tab button.flat:first-child, tabbar notebook > header tab button.flat:first-child, notebook > header tabbar tabbox > tabboxchild button.flat:first-child, tabbar notebook > header tabbox > tabboxchild button.flat:first-child { margin-left: -4px; margin-right: 4px; } -notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } +tabbar .box { background-color: #373636; color: #ffffff; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.36); padding: 1px; padding-top: 0; } -notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } +tabbar .box:backdrop { background-color: #3f3e3e; transition: background-color 200ms ease-out; } -notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } +tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { transition: filter 200ms ease-out; } + +tabbar tabbox { padding: 2px; } + +tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #769830; outline-width: 2px; outline-offset: -2px; } + +tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } + +tabbar tabbox > separator.hidden { opacity: 0; } + +tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(#769830,0.5); } + +tabbar tabbox > background { background-color: unset; } + +tabbar tab { border-radius: 9999px; outline-color: transparent; margin: 3px; transition: background 150ms ease-in-out; } + +tabbar tab:selected { background-color: #769830; } + +tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } + +tabbar .start-action, tabbar .end-action { padding: 6px 5px; } + +tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } + +tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } + +tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } + +tabbar.inline .box:backdrop { background-color: transparent; transition: none; } + +tabbar.inline .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > .start-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } + +dnd tab { border-radius: 9999px; outline-color: transparent; margin: 3px; margin: 25px; } + +tabbar tab, dnd tab { min-height: 26px; padding: 4px; } + +tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } + +tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(#769830,0.5); transform: translateY(4px); } + +tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; } + +tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #769830; outline-width: 2px; outline-offset: 0; } + +tabthumbnail { border-radius: 11px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +tabthumbnail > box { margin: 6px; } + +tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#33d17a,0.4); background-color: alpha(#33d17a,0.1); } + +tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } + +tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } + +tabthumbnail .needs-attention > widget { background: #769830; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#769830,0.4); } + +tabthumbnail .card { background: none; color: inherit; } + +tabthumbnail .card picture { outline: 1px solid rgba(0, 0, 0, 0.75); outline-offset: -1px; border-radius: 7px; } + +tabthumbnail.pinned .card { background-color: #383838; color: white; } + +tabthumbnail .icon-title-box { border-spacing: 6px; } + +tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } + +tabthumbnail button.circular { margin: 6px; background-color: alpha(#383838,0.75); min-width: 24px; min-height: 24px; } + +tabthumbnail button.circular:hover { background-color: alpha(mix(#383838,currentColor,0.1),0.75); } + +tabthumbnail button.circular:active { background-color: alpha(mix(#383838,currentColor,0.2),0.75); } + +taboverview > .overview .new-tab-button { margin: 18px; } + +tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } /************** Scrollbars * */ scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } @@ -1519,11 +1603,11 @@ undershoot.left { background-size: 0.5em 100%; background-position: left; } undershoot.right { background-size: 0.5em 100%; background-position: right; } -stackswitcher, .stack-switcher, notebook > header { border-radius: 9999px; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +stackswitcher, .stack-switcher, notebook > header, tabbar tabbox { border-radius: 9999px; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -headerbar stackswitcher, windowhandle stackswitcher, headerbar .stack-switcher, windowhandle .stack-switcher, headerbar notebook > header, windowhandle notebook > header { margin: 3px 0px; } +headerbar stackswitcher, windowhandle stackswitcher, headerbar .stack-switcher, windowhandle .stack-switcher, headerbar notebook > header, headerbar tabbar tabbox, tabbar headerbar tabbox, windowhandle notebook > header, windowhandle tabbar tabbox, tabbar windowhandle tabbox { margin: 3px 0px; } -headerbar stackswitcher > button, windowhandle stackswitcher > button, headerbar .stack-switcher > button, windowhandle .stack-switcher > button, headerbar notebook > header > button, windowhandle notebook > header > button { min-height: 19px; } +headerbar stackswitcher > button, windowhandle stackswitcher > button, headerbar .stack-switcher > button, windowhandle .stack-switcher > button, headerbar notebook > header > button, headerbar tabbar tabbox > button, tabbar headerbar tabbox > button, windowhandle notebook > header > button, windowhandle tabbar tabbox > button, tabbar windowhandle tabbox > button { min-height: 19px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* diff --git a/source/common/common_colors.scss b/source/common/common_colors.scss index 2559626..396eb5c 100644 --- a/source/common/common_colors.scss +++ b/source/common/common_colors.scss @@ -79,3 +79,23 @@ $focus_border_color: $selected_bg_color;// if($variant == 'light', transparentiz $_dot_color: $warning_color;//if($variant=='light', $selected_bg_color, lighten($selected_bg_color,15%)); + +// in window decoration +$_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); +$_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); + + + +//these are for libadwaite code included in some sass (such as tab-views) + +$headerbar_bg_color: $titlebar_active_bg; +$headerbar_fg_color: $titlebar_active_fg; +$headerbar_border_color: $alt_borders_color; +$headerbar_backdrop_color: $titlebar_backdrop_bg; +$accent_color: $selected_bg_color; +$selected_color: $selected_bg_color; +$headerbar_shade_color: if($variant == 'light', transparentize(black, .88), transparentize(black, .64)); +$selected_active_color: gtkalpha(currentColor, .19); +$window_outline_color: $_wm_border; +$thumbnail_bg_color: if($variant == 'light', #ffffff, #383838); //might need better integration with colors... +$thumbnail_fg_color: if($variant == 'light', transparentize(black, .2), white); //might need better integration with colors... diff --git a/source/common/common_common.scss b/source/common/common_common.scss index 95459bf..9fb1f9c 100644 --- a/source/common/common_common.scss +++ b/source/common/common_common.scss @@ -2,6 +2,19 @@ @return unquote("alpha(#{$c},#{$a})"); } +@function gtkmix($c1,$c2,$r) { + $ratio: 1 - $r / 100%; // match SCSS mix() + @return unquote("mix(#{$c1},#{$c2},#{$ratio})"); +} + +@function gtkshade($c,$s) { + @return unquote("shade(#{$c},#{$s})"); +} + +@function gtkcolor($c) { + @return unquote("@#{$c}"); +} + // Optional compact sizes for buttons, headerbar and headerbar widgets $_sizevariant: 'compact'; //either 'default', or compact otherwise $_headerbar_height: if($_sizevariant=='default', 46px, 40px); @@ -24,7 +37,8 @@ $button_radius: 3px; $window_radius: $button_radius + 3; $popover_radius: $button_radius + 4; -$tab_radius: $button_radius; +$tab_radius: 9999px; +$card_radius: $button_radius + 4; //for libadwaita //added by me: $button_min_height: 24px; @@ -142,4 +156,4 @@ $button_shadow_pressed: inset 0 1px 2px transparentize($shadow_hard_color, 0.6); @if $ov != none { background: $c $ov, $gradient; } @else { background: $c $gradient; } - } \ No newline at end of file + } diff --git a/source/common/notebook.scss b/source/common/notebook.scss index ad9e581..aaf8df6 100644 --- a/source/common/notebook.scss +++ b/source/common/notebook.scss @@ -1,7 +1,17 @@ - +%reorderable-page { + @include draggable_bg_image($button_bg); + &, &:dir(ltr) { + background-position: left; + padding-left: 1rem; + } + &:dir(rtl) { + background-position: right; + padding-right: 1rem; + } +} notebook { - padding: 1px; + //padding: 1px; > header { @extend %stackswitcher; //background-color: $dark_fill; @@ -92,29 +102,21 @@ notebook { &:disabled { @include button(insensitive); } } - tabs > tab { + tabs > tab, %tab { @extend %button; - border-radius: 9999px; + border-radius: $tab_radius; outline-color: transparent; margin: 3px; &.reorderable-page { - @include draggable_bg_image($button_bg); - &, &:dir(ltr) { - background-position: left; - padding-left: 1rem; - } - &:dir(rtl) { - background-position: right; - padding-right: 1rem; - } + @extend %reorderable-page; } button.flat { //&:hover { color: currentColor; } //&, &:backdrop { color: gtkalpha(currentColor, 0.3); } - border-radius: 9999px; + border-radius: $tab_radius; padding: 1px; margin: 2px; //margin-top: 4px; diff --git a/source/common/tab-view.scss b/source/common/tab-view.scss new file mode 100644 index 0000000..ded443d --- /dev/null +++ b/source/common/tab-view.scss @@ -0,0 +1,289 @@ +// copied and modified from libadwaita source: +// https://github.com/GNOME/libadwaita/blob/main/src/stylesheet/widgets/_tab-view.scss +// original color definitions at https://github.com/GNOME/libadwaita/blob/main/src/stylesheet/_defaults.scss and corresponding variables at https://github.com/GNOME/libadwaita/blob/main/src/stylesheet/_colors.scss + +// Still a WIP + +tabbar { + .box { + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + box-shadow: inset 0 -1px if($contrast == 'high', $headerbar_border_color, $headerbar_shade_color); + padding: 1px; + padding-top: 0; + + &:backdrop { + background-color: $headerbar_backdrop_color; + transition: background-color $backdrop_transition; + + > scrolledwindow, + > .start-action, + > .end-action { + //filter: opacity(0.5); + transition: filter $backdrop_transition; + } + } + } + + tabbox { + @extend %stackswitcher; + padding: 2px; + //min-height: 34px; + + > tabboxchild { + @extend %tab; + @include focus-ring(); + //border-radius: $tab_radius; + } + + > separator { + margin-top: 3px; + margin-bottom: 3px; + transition: opacity 150ms ease-in-out; + + &.hidden { + opacity: 0; + } + } + + > revealer > indicator { + min-width: 2px; + border-radius: 2px; + margin: 3px 6px; + background: if($contrast == 'high', $accent_color, gtkalpha($accent_color, 0.5)); + } + + > background { background-color: unset;} + } + + tab { + @extend %tab; + @extend %reorderable-page; + @extend %button; + border-radius: $tab_radius; + outline-color: transparent; + margin: 3px; + transition: background 150ms ease-in-out; + + @if $contrast == 'high' { + &:hover, + &:active, + &:selected { + box-shadow: inset 0 0 0 1px $border_color; + } + } + + &:selected { + background-color: $selected_color; + + //&:hover { background-color: $selected_hover_color; } //should be inherited by button + //&:active { background-color: $selected_active_color; } //should be inherited by button + } + + //&:hover { background-color: $hover_color; } //should be inherited by button + //&:active { background-color: $active_color; } //should be inherited by button + } + + tabbox.single-tab tab { // might need to disable button effects, TODO + &, &:hover, &:active { + background: none; + + @if $contrast == 'high' { + box-shadow: none; + } + } + } + + .start-action, + .end-action { + padding: 6px 5px; + } + + .start-action:dir(ltr), + .end-action:dir(rtl) { + padding-right: 0; + } + + .start-action:dir(rtl), + .end-action:dir(ltr) { + padding-left: 0; + } + + &.inline { + @extend %tabbar-inline; + } +} + +%tabbar-inline .box { + background-color: transparent; + color: inherit; + box-shadow: none; + padding-bottom: 0; + + &:backdrop { + background-color: transparent; + transition: none; + + > scrolledwindow, + > .start-action, + > .end-action { + filter: none; + transition: none; + } + } +} + +%tabbar-shrunk { + tabbox, + .start-action, + .end-action { + padding-top: 3px; + padding-bottom: 3px; + } +} + +dnd tab { + @extend %tab; + @extend %button; + border-radius: $tab_radius; + outline-color: transparent; + margin: 3px; + @extend %reorderable-page; + //background-color: $headerbar_bg_color; + //background-image: image($selected_active_color); + //color: $headerbar_fg_color; + + //box-shadow: 0 0 0 1px transparentize(black, 0.97), + // 0 1px 3px 1px transparentize(black, .93), + // 0 2px 6px 2px transparentize(black, .97); + + @if $contrast == 'high' { + outline: 1px solid $border_color; + outline-offset: -1px; + } + + margin: 25px; +} + +tabbar, +dnd { + tab { + min-height: 26px; + padding: 4px; + //border-radius: $button_radius; + + button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 99px; + } + + indicator { + min-height: 2px; + border-radius: 2px; + background: if($contrast == 'high', $accent_color, gtkalpha($accent_color, 0.5)); + transform: translateY(4px); + } + } +} + +tabgrid > tabgridchild { + @include focus-ring(".card", $offset: 0, $outer: true); +} + +tabthumbnail { + border-radius: $card_radius + 4px; + + > box { + margin: 6px; + } + + &:drop(active) { + box-shadow: inset 0 0 0 2px gtkalpha($drop_target_color, .4); + background-color: gtkalpha($drop_target_color, .1); + } + + transition: box-shadow 200ms $ease-out-quad, background-color $ease-out-quad; + + .needs-attention { + &:dir(ltr) { transform: translate(8px, -8px); } + &:dir(rtl) { transform: translate(-8px, -8px); } + + > widget { + background: $accent_color; + min-width: 12px; + min-height: 12px; + border-radius: 8px; + margin: 3px; + box-shadow: 0 1px 2px gtkalpha($accent_color, .4); + } + } + + .card { + picture { + outline: 1px solid $window_outline_color; + outline-offset: -1px; + border-radius: $card_radius; + } + + background: none; + color: inherit; + + @if $contrast == 'high' { + box-shadow: 0 0 0 1px transparentize(black, 0.5), + 0 1px 3px 1px transparentize(black, .93), + 0 2px 6px 2px transparentize(black, .97); + } + } + + &.pinned .card { + background-color: $thumbnail_bg_color; + color: $thumbnail_fg_color; + + @if $contrast == 'high' { + outline: 1px solid $window_outline_color; + outline-offset: -1px; + } + } + + .icon-title-box { + border-spacing: 6px; + } + + .tab-unpin-icon { + margin: 6px; + min-width: 24px; + min-height: 24px; + } + + button.circular { + margin: 6px; + background-color: gtkalpha($thumbnail_bg_color, .75); + min-width: 24px; + min-height: 24px; + + @if $contrast == 'high' { + box-shadow: 0 0 0 1px currentColor; + } + + &:hover { + background-color: gtkalpha(gtkmix($thumbnail_bg_color, currentColor, 90%), .75); + } + + &:active { + background-color: gtkalpha(gtkmix($thumbnail_bg_color, currentColor, 80%), .75); + } + } +} + +taboverview > .overview .new-tab-button { + margin: 18px; +} + +tabview:drop(active), +tabbox:drop(active), +tabgrid:drop(active) { + box-shadow: none; +} diff --git a/source/gtk3/gtk-new.css b/source/gtk3/gtk-new.css index add6ae9..5744968 100644 --- a/source/gtk3/gtk-new.css +++ b/source/gtk3/gtk-new.css @@ -751,7 +751,11 @@ popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* Notebooks * */ -notebook { padding: 1px; } +notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +notebook > header tabs > tab.reorderable-page { background-position: left; padding-left: 1rem; } + +notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } notebook > header.left, notebook > header.right { border-radius: 1.5em; } @@ -785,12 +789,6 @@ notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transp notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; } -notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } - -notebook > header tabs > tab.reorderable-page, notebook > header tabs > tab.reorderable-page:dir(ltr) { background-position: left; padding-left: 1rem; } - -notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } - notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } diff --git a/source/gtk4/_common.scss b/source/gtk4/_common.scss index f96f937..df68a0e 100644 --- a/source/gtk4/_common.scss +++ b/source/gtk4/_common.scss @@ -2113,7 +2113,9 @@ menubar { // for libadwaita: taboverview // tabbar, tabbox, tabboxchild, tabview, // tabgrid, tabgridchild, tabthumbnail -// (to find out: GTK_DEBUG=interactive adwaita-1-demo) +// (to find out: GTK_DEBUG=interactive adwaita-1-demo) (from libadwaita-1-examples package on Debian and derivatives) + +@import '../common/tab-view.scss'; @@ -3664,8 +3666,7 @@ window { // this needs to be transparent // see bug #722563 - $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); - $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); + &.csd { box-shadow: 0 3px 9px 1px transparentize(black, 0.5), diff --git a/source/gtk4/gtk-new.css b/source/gtk4/gtk-new.css index aa302e0..477731f 100644 --- a/source/gtk4/gtk-new.css +++ b/source/gtk4/gtk-new.css @@ -229,141 +229,141 @@ editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); } to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } } -scrollbar > range > trough > slider, notebook > header tabs > tab, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); } +scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); } -scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, notebook > header tabs > tab.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; } +scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; } -scrollbar > range > trough > slider:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +scrollbar > range > trough > slider:checked, dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -scrollbar > range > trough > slider:disabled, notebook > header tabs > tab:disabled, notebook > header > tabs > arrow:disabled, columnview.view > header > button:disabled, treeview.view > header > button:disabled, button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); -gtk-icon-filter: opacity(0.5); } +scrollbar > range > trough > slider:disabled, dnd tab:disabled, tabbar tab:disabled, notebook > header tabs > tab:disabled, notebook > header tabbar tabbox > tabboxchild:disabled, tabbar notebook > header tabbox > tabboxchild:disabled, notebook > header > tabs > arrow:disabled, columnview.view > header > button:disabled, treeview.view > header > button:disabled, button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); -gtk-icon-filter: opacity(0.5); } -scrollbar > range > trough > slider:disabled:active, scrollbar > range > trough > slider:disabled:checked, notebook > header tabs > tab:disabled:active, notebook > header > tabs > arrow:disabled:active, notebook > header tabs > tab:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +scrollbar > range > trough > slider:disabled:active, scrollbar > range > trough > slider:disabled:checked, dnd tab:disabled:active, tabbar tab:disabled:active, notebook > header tabs > tab:disabled:active, notebook > header tabbar tabbox > tabboxchild:disabled:active, tabbar notebook > header tabbox > tabboxchild:disabled:active, notebook > header > tabs > arrow:disabled:active, dnd tab:disabled:checked, tabbar tab:disabled:checked, notebook > header tabs > tab:disabled:checked, notebook > header tabbar tabbox > tabboxchild:disabled:checked, tabbar notebook > header tabbox > tabboxchild:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked), dnd tab.flat:not(:hover):not(:active):not(:checked), tabbar tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -button.sidebar-button:disabled, .toolbar > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):disabled, button.flat:not(:hover):not(:active):not(:checked):disabled { background-color: #494949; } +button.sidebar-button:disabled, .toolbar > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):disabled, dnd tab.flat:not(:hover):not(:active):not(:checked):disabled, tabbar tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):disabled, tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):disabled, button.flat:not(:hover):not(:active):not(:checked):disabled { background-color: #494949; } -scrollbar > range > trough > slider.image-button, notebook > header tabs > tab.image-button, notebook > header > tabs > arrow.image-button, columnview.view > header > button.image-button, treeview.view > header > button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } +scrollbar > range > trough > slider.image-button, dnd tab.image-button, tabbar tab.image-button, notebook > header tabs > tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.image-button, columnview.view > header > button.image-button, treeview.view > header > button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } -scrollbar > range > trough > slider.text-button, notebook > header tabs > tab.text-button, notebook > header > tabs > arrow.text-button, columnview.view > header > button.text-button, treeview.view > header > button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } +scrollbar > range > trough > slider.text-button, dnd tab.text-button, tabbar tab.text-button, notebook > header tabs > tab.text-button, notebook > header tabbar tabbox > tabboxchild.text-button, tabbar notebook > header tabbox > tabboxchild.text-button, notebook > header > tabs > arrow.text-button, columnview.view > header > button.text-button, treeview.view > header > button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } -scrollbar > range > trough > slider.text-button.image-button, notebook > header tabs > tab.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +scrollbar > range > trough > slider.text-button.image-button, dnd tab.text-button.image-button, tabbar tab.text-button.image-button, notebook > header tabs > tab.text-button.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -scrollbar > range > trough > slider.text-button.image-button label, notebook > header tabs > tab.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +scrollbar > range > trough > slider.text-button.image-button label, dnd tab.text-button.image-button label, tabbar tab.text-button.image-button label, notebook > header tabs > tab.text-button.image-button label, notebook > header dnd tab.image-button label, dnd notebook > header tab.image-button label, notebook > header tabbar tab.image-button label, tabbar notebook > header tab.image-button label, notebook > header tabbar tabbox > tabboxchild.image-button label, tabbar notebook > header tabbox > tabboxchild.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -scrollbar > range > trough > slider.arrow-button, notebook > header tabs > tab.arrow-button, notebook > header > tabs > arrow.arrow-button, columnview.view > header > button.arrow-button, treeview.view > header > button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } +scrollbar > range > trough > slider.arrow-button, dnd tab.arrow-button, tabbar tab.arrow-button, notebook > header tabs > tab.arrow-button, notebook > header tabbar tabbox > tabboxchild.arrow-button, tabbar notebook > header tabbox > tabboxchild.arrow-button, notebook > header > tabs > arrow.arrow-button, columnview.view > header > button.arrow-button, treeview.view > header > button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } -scrollbar > range > trough > slider.arrow-button > box, notebook > header tabs > tab.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, columnview.view > header > button.arrow-button > box, treeview.view > header > button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } +scrollbar > range > trough > slider.arrow-button > box, dnd tab.arrow-button > box, tabbar tab.arrow-button > box, notebook > header tabs > tab.arrow-button > box, dnd notebook > header tab.arrow-button > box, tabbar notebook > header tab.arrow-button > box, notebook > header tabbar tabbox > tabboxchild.arrow-button > box, tabbar notebook > header tabbox > tabboxchild.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, columnview.view > header > button.arrow-button > box, treeview.view > header > button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } -dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollbar > range > trough > slider:drop(active), notebook > header tabs > tab:drop(active), notebook > header > tabs > arrow:drop(active), columnview.view > header > button:drop(active), treeview.view > header > button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollbar > range > trough > slider:drop(active), dnd tab:drop(active), tabbar tab:drop(active), notebook > header tabs > tab:drop(active), notebook > header tabbar tabbox > tabboxchild:drop(active), tabbar notebook > header tabbox > tabboxchild:drop(active), notebook > header > tabs > arrow:drop(active), columnview.view > header > button:drop(active), treeview.view > header > button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -notebook > header tabs > tab.small-button, notebook > header > tabs > arrow.small-button, columnview.view > header > button.small-button, treeview.view > header > button.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; } +dnd tab.small-button, tabbar tab.small-button, notebook > header tabs > tab.small-button, notebook > header tabbar tabbox > tabboxchild.small-button, tabbar notebook > header tabbox > tabboxchild.small-button, notebook > header > tabs > arrow.small-button, columnview.view > header > button.small-button, treeview.view > header > button.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; } -notebook > header tabs > tab.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; border: none; box-shadow: none; } +dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; border: none; box-shadow: none; } -notebook > header tabs > tab.osd.image-button, notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; } +dnd tab.osd.image-button, tabbar tab.osd.image-button, notebook > header tabs > tab.osd.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; } -notebook > header tabs > tab.osd.image-button:only-child, notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } +dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, notebook > header tabs > tab.osd.image-button:only-child, notebook > header dnd tab.image-button:only-child, dnd notebook > header tab.image-button:only-child, notebook > header tabbar tab.image-button:only-child, tabbar notebook > header tab.image-button:only-child, notebook > header tabbar tabbox > tabboxchild.image-button:only-child, tabbar notebook > header tabbox > tabboxchild.image-button:only-child, notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } -notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; } +dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; } -notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; border: none; box-shadow: none; } +dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; border: none; box-shadow: none; } -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, .osd button { color: #66cbec; background-color: rgba(32, 61, 121, 0.7); border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd dnd tab, dnd .osd tab, .osd tabbar tab, tabbar .osd tab, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header tabbar tabbox > tabboxchild, tabbar .osd notebook > header tabbox > tabboxchild, notebook > header .osd tabbar tabbox > tabboxchild, tabbar notebook > header .osd tabbox > tabboxchild, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, .osd button { color: #66cbec; background-color: rgba(32, 61, 121, 0.7); border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { border-color: currentColor; } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { border-color: currentColor; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; } -.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; } +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd dnd tab.flat, dnd .osd tab.flat, .osd tabbar tab.flat, tabbar .osd tab.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, .osd notebook > header tabbar tabbox > tabboxchild.flat, tabbar .osd notebook > header tabbox > tabboxchild.flat, notebook > header .osd tabbar tabbox > tabboxchild.flat, tabbar notebook > header .osd tabbox > tabboxchild.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; } -.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { border-color: currentColor; } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd dnd tab.flat:hover, dnd .osd tab.flat:hover, .osd tabbar tab.flat:hover, tabbar .osd tab.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, .osd notebook > header tabbar tabbox > tabboxchild.flat:hover, tabbar .osd notebook > header tabbox > tabboxchild.flat:hover, notebook > header .osd tabbar tabbox > tabboxchild.flat:hover, tabbar notebook > header .osd tabbox > tabboxchild.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { border-color: currentColor; } -.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, .osd notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar .osd notebook > header tabbox > tabboxchild.flat:disabled, notebook > header .osd tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar .osd notebook > header tabbox > tabboxchild.flat:active, notebook > header .osd tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar .osd notebook > header tabbox > tabboxchild.flat:checked, notebook > header .osd tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; } -notebook > header tabs > tab.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.suggested-action.flat, notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; } +dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; } -notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; } +dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; } -notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; } +dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; } -notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.suggested-action.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(51, 209, 122, 0.8); } +dnd tab.suggested-action.flat:disabled, tabbar tab.suggested-action.flat:disabled, notebook > header tabs > tab.suggested-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(51, 209, 122, 0.8); } -notebook > header tabs > tab.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +dnd tab.suggested-action:disabled, tabbar tab.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header > tabs > arrow.suggested-action:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +dnd tab.suggested-action:disabled:active, tabbar tab.suggested-action:disabled:active, notebook > header tabs > tab.suggested-action:disabled:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:active, dnd tab.suggested-action:disabled:checked, tabbar tab.suggested-action:disabled:checked, notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled:checked, notebook > header > tabs > arrow.suggested-action:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -.osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; } +.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; } -.osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; } +.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; } -.osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +.osd dnd tab.suggested-action:disabled, dnd .osd tab.suggested-action:disabled, .osd tabbar tab.suggested-action:disabled, tabbar .osd tab.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.destructive-action, notebook > header > tabs > arrow.destructive-action, columnview.view > header > button.destructive-action, treeview.view > header > button.destructive-action, button.destructive-action { color: white; background-color: #CC0000; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +dnd tab.destructive-action, tabbar tab.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header tabbar tabbox > tabboxchild.destructive-action, tabbar notebook > header tabbox > tabboxchild.destructive-action, notebook > header > tabs > arrow.destructive-action, columnview.view > header > button.destructive-action, treeview.view > header > button.destructive-action, button.destructive-action { color: white; background-color: #CC0000; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.destructive-action.flat, notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; } +dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; } -notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; } +dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; } -notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; } +dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; } -notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.destructive-action.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } +dnd tab.destructive-action.flat:disabled, tabbar tab.destructive-action.flat:disabled, notebook > header tabs > tab.destructive-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } -notebook > header tabs > tab.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +dnd tab.destructive-action:disabled, tabbar tab.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header > tabs > arrow.destructive-action:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +dnd tab.destructive-action:disabled:active, tabbar tab.destructive-action:disabled:active, notebook > header tabs > tab.destructive-action:disabled:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:active, dnd tab.destructive-action:disabled:checked, tabbar tab.destructive-action:disabled:checked, notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled:checked, notebook > header > tabs > arrow.destructive-action:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -.osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; } +.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; } -.osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; } +.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; } -.osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } +.osd dnd tab.destructive-action:disabled, dnd .osd tab.destructive-action:disabled, .osd tabbar tab.destructive-action:disabled, tabbar .osd tab.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } +dnd stackswitcher > tab > label, tabbar stackswitcher > tab > label, notebook > header dnd stackswitcher > tab > label, dnd notebook > header stackswitcher > tab > label, notebook > header tabbar stackswitcher > tab > label, tabbar notebook > header stackswitcher > tab > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } -stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } +dnd stackswitcher > tab > image, tabbar stackswitcher > tab > image, notebook > header dnd stackswitcher > tab > image, dnd notebook > header stackswitcher > tab > image, notebook > header tabbar stackswitcher > tab > image, tabbar notebook > header stackswitcher > tab > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } -notebook > header tabs.stack-switcher > tab, notebook > header > tabs.stack-switcher > arrow, columnview.view > header.stack-switcher > button, treeview.view > header.stack-switcher > button, notebook > header tabs.stack-switcher > tab.linked, notebook > header > tabs.stack-switcher > arrow.linked, columnview.view > header.stack-switcher > button.linked, treeview.view > header.stack-switcher > button.linked, notebook > header tabs.stack-switcher > tab.linked.horizontal, notebook > header > tabs.stack-switcher > arrow.linked.horizontal, columnview.view > header.stack-switcher > button.linked.horizontal, treeview.view > header.stack-switcher > button.linked.horizontal, notebook > header tabs.stack-switcher > tab.linked.vertical, notebook > header > tabs.stack-switcher > arrow.linked.vertical, columnview.view > header.stack-switcher > button.linked.vertical, treeview.view > header.stack-switcher > button.linked.vertical, notebook > header tabs.stack-switcher > tab:first-child, notebook > header > tabs.stack-switcher > arrow:first-child, columnview.view > header.stack-switcher > button:first-child, treeview.view > header.stack-switcher > button:first-child, notebook > header tabs.stack-switcher > tab:last-child, notebook > header > tabs.stack-switcher > arrow:last-child, columnview.view > header.stack-switcher > button:last-child, treeview.view > header.stack-switcher > button:last-child, notebook > header tabs.stack-switcher > tab:not(:first-child), notebook > header > tabs.stack-switcher > arrow:not(:first-child), columnview.view > header.stack-switcher > button:not(:first-child), treeview.view > header.stack-switcher > button:not(:first-child), notebook > header tabs.stack-switcher > tab:not(:last-child), notebook > header > tabs.stack-switcher > arrow:not(:last-child), columnview.view > header.stack-switcher > button:not(:last-child), treeview.view > header.stack-switcher > button:not(:last-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:first-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:first-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:last-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:last-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:first-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:first-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:last-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:last-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:last-child), notebook > header tabs.stack-switcher > tab.radio, notebook > header > tabs.stack-switcher > arrow.radio, columnview.view > header.stack-switcher > button.radio, treeview.view > header.stack-switcher > button.radio, stackswitcher > button, stackswitcher > button.linked, stackswitcher > button.linked.horizontal, stackswitcher > button.linked.vertical, stackswitcher > button:first-child, stackswitcher > button:last-child, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher > button.radio, stackswitcher.linked > button, stackswitcher.linked > button.linked, stackswitcher.linked > button.linked.horizontal, stackswitcher.linked > button.linked.vertical, stackswitcher.linked > button:first-child, stackswitcher.linked > button:last-child, stackswitcher.linked > button:not(:first-child), stackswitcher.linked > button:not(:last-child), stackswitcher.linked > button:dir(ltr):not(:first-child), stackswitcher.linked > button:dir(ltr):not(:last-child), stackswitcher.linked > button:dir(rtl):not(:first-child), stackswitcher.linked > button:dir(rtl):not(:last-child), stackswitcher.linked > button.radio, stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button.linked, stackswitcher.linked:not(.vertical) > button.linked.horizontal, stackswitcher.linked:not(.vertical) > button.linked.vertical, stackswitcher.linked:not(.vertical) > button:first-child, stackswitcher.linked:not(.vertical) > button:last-child, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button.radio, .stack-switcher > button, .stack-switcher > button.linked, .stack-switcher > button.linked.horizontal, .stack-switcher > button.linked.vertical, .stack-switcher > button:first-child, .stack-switcher > button:last-child, .stack-switcher > button:not(:first-child), .stack-switcher > button:not(:last-child), .stack-switcher > button:dir(ltr):not(:first-child), .stack-switcher > button:dir(ltr):not(:last-child), .stack-switcher > button:dir(rtl):not(:first-child), .stack-switcher > button:dir(rtl):not(:last-child), .stack-switcher > button.radio { border-radius: 9999px; border-width: 1px; border-style: solid; margin: 5px; } +dnd stackswitcher > tab, tabbar stackswitcher > tab, notebook > header dnd stackswitcher > tab, dnd notebook > header stackswitcher > tab, notebook > header tabbar stackswitcher > tab, tabbar notebook > header stackswitcher > tab, dnd stackswitcher > tab.linked, tabbar stackswitcher > tab.linked, notebook > header dnd stackswitcher > tab.linked, dnd notebook > header stackswitcher > tab.linked, notebook > header tabbar stackswitcher > tab.linked, tabbar notebook > header stackswitcher > tab.linked, dnd stackswitcher > tab.linked.horizontal, tabbar stackswitcher > tab.linked.horizontal, notebook > header dnd stackswitcher > tab.horizontal, dnd notebook > header stackswitcher > tab.horizontal, notebook > header tabbar stackswitcher > tab.horizontal, tabbar notebook > header stackswitcher > tab.horizontal, dnd stackswitcher > tab.linked.vertical, tabbar stackswitcher > tab.linked.vertical, notebook > header dnd stackswitcher > tab.vertical, dnd notebook > header stackswitcher > tab.vertical, notebook > header tabbar stackswitcher > tab.vertical, tabbar notebook > header stackswitcher > tab.vertical, dnd stackswitcher > tab:first-child, tabbar stackswitcher > tab:first-child, notebook > header dnd stackswitcher > tab:first-child, dnd notebook > header stackswitcher > tab:first-child, notebook > header tabbar stackswitcher > tab:first-child, tabbar notebook > header stackswitcher > tab:first-child, dnd stackswitcher > tab:last-child, tabbar stackswitcher > tab:last-child, notebook > header dnd stackswitcher > tab:last-child, dnd notebook > header stackswitcher > tab:last-child, notebook > header tabbar stackswitcher > tab:last-child, tabbar notebook > header stackswitcher > tab:last-child, dnd stackswitcher > tab:not(:first-child), tabbar stackswitcher > tab:not(:first-child), notebook > header dnd stackswitcher > tab:not(:first-child), dnd notebook > header stackswitcher > tab:not(:first-child), notebook > header tabbar stackswitcher > tab:not(:first-child), tabbar notebook > header stackswitcher > tab:not(:first-child), dnd stackswitcher > tab:not(:last-child), tabbar stackswitcher > tab:not(:last-child), notebook > header dnd stackswitcher > tab:not(:last-child), dnd notebook > header stackswitcher > tab:not(:last-child), notebook > header tabbar stackswitcher > tab:not(:last-child), tabbar notebook > header stackswitcher > tab:not(:last-child), dnd stackswitcher > tab:dir(ltr):not(:first-child), tabbar stackswitcher > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher > tab:dir(ltr):not(:first-child), dnd stackswitcher > tab:dir(ltr):not(:last-child), tabbar stackswitcher > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher > tab:dir(ltr):not(:last-child), dnd stackswitcher > tab:dir(rtl):not(:first-child), tabbar stackswitcher > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher > tab:dir(rtl):not(:first-child), dnd stackswitcher > tab:dir(rtl):not(:last-child), tabbar stackswitcher > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher > tab:dir(rtl):not(:last-child), dnd stackswitcher > tab.radio, tabbar stackswitcher > tab.radio, notebook > header dnd stackswitcher > tab.radio, dnd notebook > header stackswitcher > tab.radio, notebook > header tabbar stackswitcher > tab.radio, tabbar notebook > header stackswitcher > tab.radio, dnd stackswitcher.linked > tab, tabbar stackswitcher.linked > tab, notebook > header dnd stackswitcher.linked > tab, dnd notebook > header stackswitcher.linked > tab, notebook > header tabbar stackswitcher.linked > tab, tabbar notebook > header stackswitcher.linked > tab, dnd stackswitcher.linked > tab.linked, tabbar stackswitcher.linked > tab.linked, notebook > header dnd stackswitcher.linked > tab.linked, dnd notebook > header stackswitcher.linked > tab.linked, notebook > header tabbar stackswitcher.linked > tab.linked, tabbar notebook > header stackswitcher.linked > tab.linked, dnd stackswitcher.linked > tab.linked.horizontal, tabbar stackswitcher.linked > tab.linked.horizontal, notebook > header dnd stackswitcher.linked > tab.horizontal, dnd notebook > header stackswitcher.linked > tab.horizontal, notebook > header tabbar stackswitcher.linked > tab.horizontal, tabbar notebook > header stackswitcher.linked > tab.horizontal, dnd stackswitcher.linked > tab.linked.vertical, tabbar stackswitcher.linked > tab.linked.vertical, notebook > header dnd stackswitcher.linked > tab.vertical, dnd notebook > header stackswitcher.linked > tab.vertical, notebook > header tabbar stackswitcher.linked > tab.vertical, tabbar notebook > header stackswitcher.linked > tab.vertical, dnd stackswitcher.linked > tab:first-child, tabbar stackswitcher.linked > tab:first-child, notebook > header dnd stackswitcher.linked > tab:first-child, dnd notebook > header stackswitcher.linked > tab:first-child, notebook > header tabbar stackswitcher.linked > tab:first-child, tabbar notebook > header stackswitcher.linked > tab:first-child, dnd stackswitcher.linked > tab:last-child, tabbar stackswitcher.linked > tab:last-child, notebook > header dnd stackswitcher.linked > tab:last-child, dnd notebook > header stackswitcher.linked > tab:last-child, notebook > header tabbar stackswitcher.linked > tab:last-child, tabbar notebook > header stackswitcher.linked > tab:last-child, dnd stackswitcher.linked > tab:not(:first-child), tabbar stackswitcher.linked > tab:not(:first-child), notebook > header dnd stackswitcher.linked > tab:not(:first-child), dnd notebook > header stackswitcher.linked > tab:not(:first-child), notebook > header tabbar stackswitcher.linked > tab:not(:first-child), tabbar notebook > header stackswitcher.linked > tab:not(:first-child), dnd stackswitcher.linked > tab:not(:last-child), tabbar stackswitcher.linked > tab:not(:last-child), notebook > header dnd stackswitcher.linked > tab:not(:last-child), dnd notebook > header stackswitcher.linked > tab:not(:last-child), notebook > header tabbar stackswitcher.linked > tab:not(:last-child), tabbar notebook > header stackswitcher.linked > tab:not(:last-child), dnd stackswitcher.linked > tab:dir(ltr):not(:first-child), tabbar stackswitcher.linked > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher.linked > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher.linked > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher.linked > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher.linked > tab:dir(ltr):not(:first-child), dnd stackswitcher.linked > tab:dir(ltr):not(:last-child), tabbar stackswitcher.linked > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher.linked > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher.linked > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher.linked > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher.linked > tab:dir(ltr):not(:last-child), dnd stackswitcher.linked > tab:dir(rtl):not(:first-child), tabbar stackswitcher.linked > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher.linked > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher.linked > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher.linked > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher.linked > tab:dir(rtl):not(:first-child), dnd stackswitcher.linked > tab:dir(rtl):not(:last-child), tabbar stackswitcher.linked > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher.linked > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher.linked > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher.linked > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher.linked > tab:dir(rtl):not(:last-child), dnd stackswitcher.linked > tab.radio, tabbar stackswitcher.linked > tab.radio, notebook > header dnd stackswitcher.linked > tab.radio, dnd notebook > header stackswitcher.linked > tab.radio, notebook > header tabbar stackswitcher.linked > tab.radio, tabbar notebook > header stackswitcher.linked > tab.radio, dnd stackswitcher.linked:not(.vertical) > tab, tabbar stackswitcher.linked:not(.vertical) > tab, notebook > header dnd stackswitcher.linked:not(.vertical) > tab, dnd notebook > header stackswitcher.linked:not(.vertical) > tab, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab, dnd stackswitcher.linked:not(.vertical) > tab.linked, tabbar stackswitcher.linked:not(.vertical) > tab.linked, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.linked, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.linked, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.linked, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.linked, dnd stackswitcher.linked:not(.vertical) > tab.linked.horizontal, tabbar stackswitcher.linked:not(.vertical) > tab.linked.horizontal, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.horizontal, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.horizontal, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.horizontal, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.horizontal, dnd stackswitcher.linked:not(.vertical) > tab.linked.vertical, tabbar stackswitcher.linked:not(.vertical) > tab.linked.vertical, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.vertical, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.vertical, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.vertical, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.vertical, dnd stackswitcher.linked:not(.vertical) > tab:first-child, tabbar stackswitcher.linked:not(.vertical) > tab:first-child, notebook > header dnd stackswitcher.linked:not(.vertical) > tab:first-child, dnd notebook > header stackswitcher.linked:not(.vertical) > tab:first-child, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:first-child, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:first-child, dnd stackswitcher.linked:not(.vertical) > tab:last-child, tabbar stackswitcher.linked:not(.vertical) > tab:last-child, notebook > header dnd stackswitcher.linked:not(.vertical) > tab:last-child, dnd notebook > header stackswitcher.linked:not(.vertical) > tab:last-child, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:last-child, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:last-child, dnd stackswitcher.linked:not(.vertical) > tab:not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab.radio, tabbar stackswitcher.linked:not(.vertical) > tab.radio, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.radio, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.radio, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.radio, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.radio, dnd .stack-switcher > tab, tabbar .stack-switcher > tab, notebook > header tabs.stack-switcher > tab, notebook > header dnd .stack-switcher > tab, dnd notebook > header .stack-switcher > tab, notebook > header tabbar .stack-switcher > tab, tabbar notebook > header .stack-switcher > tab, notebook > header tabbar tabbox.stack-switcher > tabboxchild, tabbar notebook > header tabbox.stack-switcher > tabboxchild, notebook > header > tabs.stack-switcher > arrow, columnview.view > header.stack-switcher > button, treeview.view > header.stack-switcher > button, dnd .stack-switcher > tab.linked, tabbar .stack-switcher > tab.linked, notebook > header tabs.stack-switcher > tab.linked, notebook > header dnd .stack-switcher > tab.linked, dnd notebook > header .stack-switcher > tab.linked, notebook > header tabbar .stack-switcher > tab.linked, tabbar notebook > header .stack-switcher > tab.linked, notebook > header tabbar tabbox.stack-switcher > tabboxchild.linked, tabbar notebook > header tabbox.stack-switcher > tabboxchild.linked, notebook > header > tabs.stack-switcher > arrow.linked, columnview.view > header.stack-switcher > button.linked, treeview.view > header.stack-switcher > button.linked, dnd .stack-switcher > tab.linked.horizontal, tabbar .stack-switcher > tab.linked.horizontal, notebook > header tabs.stack-switcher > tab.linked.horizontal, notebook > header dnd .stack-switcher > tab.horizontal, dnd notebook > header .stack-switcher > tab.horizontal, notebook > header tabbar .stack-switcher > tab.horizontal, tabbar notebook > header .stack-switcher > tab.horizontal, notebook > header tabbar tabbox.stack-switcher > tabboxchild.horizontal, tabbar notebook > header tabbox.stack-switcher > tabboxchild.horizontal, notebook > header > tabs.stack-switcher > arrow.linked.horizontal, columnview.view > header.stack-switcher > button.linked.horizontal, treeview.view > header.stack-switcher > button.linked.horizontal, dnd .stack-switcher > tab.linked.vertical, tabbar .stack-switcher > tab.linked.vertical, notebook > header tabs.stack-switcher > tab.linked.vertical, notebook > header dnd .stack-switcher > tab.vertical, dnd notebook > header .stack-switcher > tab.vertical, notebook > header tabbar .stack-switcher > tab.vertical, tabbar notebook > header .stack-switcher > tab.vertical, notebook > header tabbar tabbox.stack-switcher > tabboxchild.vertical, tabbar notebook > header tabbox.stack-switcher > tabboxchild.vertical, notebook > header > tabs.stack-switcher > arrow.linked.vertical, columnview.view > header.stack-switcher > button.linked.vertical, treeview.view > header.stack-switcher > button.linked.vertical, dnd .stack-switcher > tab:first-child, tabbar .stack-switcher > tab:first-child, notebook > header tabs.stack-switcher > tab:first-child, notebook > header dnd .stack-switcher > tab:first-child, dnd notebook > header .stack-switcher > tab:first-child, notebook > header tabbar .stack-switcher > tab:first-child, tabbar notebook > header .stack-switcher > tab:first-child, notebook > header tabbar tabbox.stack-switcher > tabboxchild:first-child, tabbar notebook > header tabbox.stack-switcher > tabboxchild:first-child, notebook > header > tabs.stack-switcher > arrow:first-child, columnview.view > header.stack-switcher > button:first-child, treeview.view > header.stack-switcher > button:first-child, dnd .stack-switcher > tab:last-child, tabbar .stack-switcher > tab:last-child, notebook > header tabs.stack-switcher > tab:last-child, notebook > header dnd .stack-switcher > tab:last-child, dnd notebook > header .stack-switcher > tab:last-child, notebook > header tabbar .stack-switcher > tab:last-child, tabbar notebook > header .stack-switcher > tab:last-child, notebook > header tabbar tabbox.stack-switcher > tabboxchild:last-child, tabbar notebook > header tabbox.stack-switcher > tabboxchild:last-child, notebook > header > tabs.stack-switcher > arrow:last-child, columnview.view > header.stack-switcher > button:last-child, treeview.view > header.stack-switcher > button:last-child, dnd .stack-switcher > tab:not(:first-child), tabbar .stack-switcher > tab:not(:first-child), notebook > header tabs.stack-switcher > tab:not(:first-child), notebook > header dnd .stack-switcher > tab:not(:first-child), dnd notebook > header .stack-switcher > tab:not(:first-child), notebook > header tabbar .stack-switcher > tab:not(:first-child), tabbar notebook > header .stack-switcher > tab:not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:not(:first-child), notebook > header > tabs.stack-switcher > arrow:not(:first-child), columnview.view > header.stack-switcher > button:not(:first-child), treeview.view > header.stack-switcher > button:not(:first-child), dnd .stack-switcher > tab:not(:last-child), tabbar .stack-switcher > tab:not(:last-child), notebook > header tabs.stack-switcher > tab:not(:last-child), notebook > header dnd .stack-switcher > tab:not(:last-child), dnd notebook > header .stack-switcher > tab:not(:last-child), notebook > header tabbar .stack-switcher > tab:not(:last-child), tabbar notebook > header .stack-switcher > tab:not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:not(:last-child), notebook > header > tabs.stack-switcher > arrow:not(:last-child), columnview.view > header.stack-switcher > button:not(:last-child), treeview.view > header.stack-switcher > button:not(:last-child), dnd .stack-switcher > tab:dir(ltr):not(:first-child), tabbar .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:first-child), notebook > header dnd .stack-switcher > tab:dir(ltr):not(:first-child), dnd notebook > header .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabbar .stack-switcher > tab:dir(ltr):not(:first-child), tabbar notebook > header .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(ltr):not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(ltr):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:first-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:first-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:first-child), dnd .stack-switcher > tab:dir(ltr):not(:last-child), tabbar .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:last-child), notebook > header dnd .stack-switcher > tab:dir(ltr):not(:last-child), dnd notebook > header .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabbar .stack-switcher > tab:dir(ltr):not(:last-child), tabbar notebook > header .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(ltr):not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(ltr):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:last-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:last-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:last-child), dnd .stack-switcher > tab:dir(rtl):not(:first-child), tabbar .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:first-child), notebook > header dnd .stack-switcher > tab:dir(rtl):not(:first-child), dnd notebook > header .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabbar .stack-switcher > tab:dir(rtl):not(:first-child), tabbar notebook > header .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(rtl):not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(rtl):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:first-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:first-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:first-child), dnd .stack-switcher > tab:dir(rtl):not(:last-child), tabbar .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:last-child), notebook > header dnd .stack-switcher > tab:dir(rtl):not(:last-child), dnd notebook > header .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabbar .stack-switcher > tab:dir(rtl):not(:last-child), tabbar notebook > header .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(rtl):not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(rtl):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:last-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:last-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:last-child), dnd .stack-switcher > tab.radio, tabbar .stack-switcher > tab.radio, notebook > header tabs.stack-switcher > tab.radio, notebook > header dnd .stack-switcher > tab.radio, dnd notebook > header .stack-switcher > tab.radio, notebook > header tabbar .stack-switcher > tab.radio, tabbar notebook > header .stack-switcher > tab.radio, notebook > header tabbar tabbox.stack-switcher > tabboxchild.radio, tabbar notebook > header tabbox.stack-switcher > tabboxchild.radio, notebook > header > tabs.stack-switcher > arrow.radio, columnview.view > header.stack-switcher > button.radio, treeview.view > header.stack-switcher > button.radio, stackswitcher > button, stackswitcher > button.linked, stackswitcher > button.linked.horizontal, stackswitcher > button.linked.vertical, stackswitcher > button:first-child, stackswitcher > button:last-child, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher > button.radio, stackswitcher.linked > button, stackswitcher.linked > button.linked, stackswitcher.linked > button.linked.horizontal, stackswitcher.linked > button.linked.vertical, stackswitcher.linked > button:first-child, stackswitcher.linked > button:last-child, stackswitcher.linked > button:not(:first-child), stackswitcher.linked > button:not(:last-child), stackswitcher.linked > button:dir(ltr):not(:first-child), stackswitcher.linked > button:dir(ltr):not(:last-child), stackswitcher.linked > button:dir(rtl):not(:first-child), stackswitcher.linked > button:dir(rtl):not(:last-child), stackswitcher.linked > button.radio, stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button.linked, stackswitcher.linked:not(.vertical) > button.linked.horizontal, stackswitcher.linked:not(.vertical) > button.linked.vertical, stackswitcher.linked:not(.vertical) > button:first-child, stackswitcher.linked:not(.vertical) > button:last-child, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button.radio, .stack-switcher > button, .stack-switcher > button.linked, .stack-switcher > button.linked.horizontal, .stack-switcher > button.linked.vertical, .stack-switcher > button:first-child, .stack-switcher > button:last-child, .stack-switcher > button:not(:first-child), .stack-switcher > button:not(:last-child), .stack-switcher > button:dir(ltr):not(:first-child), .stack-switcher > button:dir(ltr):not(:last-child), .stack-switcher > button:dir(rtl):not(:first-child), .stack-switcher > button:dir(rtl):not(:last-child), .stack-switcher > button.radio { border-radius: 9999px; border-width: 1px; border-style: solid; margin: 5px; } -notebook > header tabs.stack-switcher > tab.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, columnview.view > header.stack-switcher > button.text-button, treeview.view > header.stack-switcher > button.text-button, stackswitcher > button.text-button, stackswitcher.linked > button.text-button, stackswitcher.linked:not(.vertical) > button.text-button, .stack-switcher > button.text-button { min-width: 80px; } +dnd stackswitcher > tab.text-button, tabbar stackswitcher > tab.text-button, dnd notebook > header stackswitcher > tab.text-button, tabbar notebook > header stackswitcher > tab.text-button, dnd .stack-switcher > tab.text-button, tabbar .stack-switcher > tab.text-button, notebook > header tabs.stack-switcher > tab.text-button, dnd notebook > header .stack-switcher > tab.text-button, tabbar notebook > header .stack-switcher > tab.text-button, notebook > header tabbar tabbox.stack-switcher > tabboxchild.text-button, tabbar notebook > header tabbox.stack-switcher > tabboxchild.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, columnview.view > header.stack-switcher > button.text-button, treeview.view > header.stack-switcher > button.text-button, stackswitcher > button.text-button, stackswitcher.linked > button.text-button, stackswitcher.linked:not(.vertical) > button.text-button, .stack-switcher > button.text-button { min-width: 80px; } -notebook > header tabs.stack-switcher > tab.circular, notebook > header > tabs.stack-switcher > arrow.circular, columnview.view > header.stack-switcher > button.circular, treeview.view > header.stack-switcher > button.circular, stackswitcher > button.circular, stackswitcher > button.text-button.circular, stackswitcher.linked > button.circular, stackswitcher.linked > button.text-button.circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button.text-button.circular, .stack-switcher > button.circular, .stack-switcher > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } +dnd stackswitcher > tab.circular, tabbar stackswitcher > tab.circular, dnd notebook > header stackswitcher > tab.circular, tabbar notebook > header stackswitcher > tab.circular, dnd .stack-switcher > tab.circular, tabbar .stack-switcher > tab.circular, notebook > header tabs.stack-switcher > tab.circular, dnd notebook > header .stack-switcher > tab.circular, tabbar notebook > header .stack-switcher > tab.circular, notebook > header tabbar tabbox.stack-switcher > tabboxchild.circular, tabbar notebook > header tabbox.stack-switcher > tabboxchild.circular, notebook > header > tabs.stack-switcher > arrow.circular, columnview.view > header.stack-switcher > button.circular, treeview.view > header.stack-switcher > button.circular, stackswitcher > button.circular, stackswitcher > button.text-button.circular, stackswitcher.linked > button.circular, stackswitcher.linked > button.text-button.circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button.text-button.circular, .stack-switcher > button.circular, .stack-switcher > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } -notebook > header tabs > tab.font > box, notebook > header > tabs > arrow.font > box, columnview.view > header > button.font > box, treeview.view > header > button.font > box, button.font > box { border-spacing: 6px; } +dnd tab.font > box, tabbar tab.font > box, notebook > header tabs > tab.font > box, dnd notebook > header tab.font > box, tabbar notebook > header tab.font > box, notebook > header tabbar tabbox > tabboxchild.font > box, tabbar notebook > header tabbox > tabboxchild.font > box, notebook > header > tabs > arrow.font > box, columnview.view > header > button.font > box, treeview.view > header > button.font > box, button.font > box { border-spacing: 6px; } -notebook > header tabs > tab.font > box > box > label, notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } +dnd tab.font > box > box > label, tabbar tab.font > box > box > label, notebook > header tabs > tab.font > box > box > label, notebook > header tabbar tabbox > tabboxchild.font > box > box > label, tabbar notebook > header tabbox > tabboxchild.font > box > box > label, notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } -menubutton.circular notebook > header tabs > tab, notebook > header menubutton.circular tabs > tab, menubutton.circular notebook > header > tabs > arrow, menubutton.circular columnview.view > header > button, menubutton.circular treeview.view > header > button, notebook > header tabs > tab.circular, notebook > header > tabs > arrow.circular, columnview.view > header > button.circular, treeview.view > header > button.circular, menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } +menubutton.circular dnd tab, dnd menubutton.circular tab, menubutton.circular tabbar tab, tabbar menubutton.circular tab, menubutton.circular notebook > header tabs > tab, notebook > header menubutton.circular tabs > tab, menubutton.circular notebook > header tabbar tabbox > tabboxchild, tabbar menubutton.circular notebook > header tabbox > tabboxchild, notebook > header menubutton.circular tabbar tabbox > tabboxchild, tabbar notebook > header menubutton.circular tabbox > tabboxchild, menubutton.circular notebook > header > tabs > arrow, menubutton.circular columnview.view > header > button, menubutton.circular treeview.view > header > button, dnd tab.circular, tabbar tab.circular, notebook > header tabs > tab.circular, notebook > header tabbar tabbox > tabboxchild.circular, tabbar notebook > header tabbox > tabboxchild.circular, notebook > header > tabs > arrow.circular, columnview.view > header > button.circular, treeview.view > header > button.circular, menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } -menubutton.circular notebook > header tabs > tab label, notebook > header menubutton.circular tabs > tab label, menubutton.circular notebook > header > tabs > arrow label, notebook > header tabs > tab.circular label, notebook > header > tabs > arrow.circular label, columnview.view > header > button.circular label, treeview.view > header > button.circular label, menubutton.circular button label, button.circular label { padding: 0; } +menubutton.circular dnd tab label, dnd menubutton.circular tab label, menubutton.circular tabbar tab label, tabbar menubutton.circular tab label, menubutton.circular notebook > header tabs > tab label, notebook > header menubutton.circular tabs > tab label, menubutton.circular notebook > header tabbar tabbox > tabboxchild label, tabbar menubutton.circular notebook > header tabbox > tabboxchild label, notebook > header menubutton.circular tabbar tabbox > tabboxchild label, tabbar notebook > header menubutton.circular tabbox > tabboxchild label, menubutton.circular notebook > header > tabs > arrow label, dnd tab.circular label, tabbar tab.circular label, notebook > header tabs > tab.circular label, notebook > header tabbar tabbox > tabboxchild.circular label, tabbar notebook > header tabbox > tabboxchild.circular label, notebook > header > tabs > arrow.circular label, columnview.view > header > button.circular label, treeview.view > header > button.circular label, menubutton.circular button label, button.circular label { padding: 0; } -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #f57900 96%, rgba(245, 121, 0, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } +stacksidebar row.needs-attention > label, dnd stackswitcher > tab.needs-attention > label, tabbar stackswitcher > tab.needs-attention > label, notebook > header dnd stackswitcher > tab.needs-attention > label, dnd notebook > header stackswitcher > tab.needs-attention > label, notebook > header tabbar stackswitcher > tab.needs-attention > label, tabbar notebook > header stackswitcher > tab.needs-attention > label, dnd stackswitcher > tab.needs-attention > image, tabbar stackswitcher > tab.needs-attention > image, notebook > header dnd stackswitcher > tab.needs-attention > image, dnd notebook > header stackswitcher > tab.needs-attention > image, notebook > header tabbar stackswitcher > tab.needs-attention > image, tabbar notebook > header stackswitcher > tab.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #f57900 96%, rgba(245, 121, 0, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } -stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } +stacksidebar row.needs-attention > label:backdrop, dnd stackswitcher > tab.needs-attention > label:backdrop, tabbar stackswitcher > tab.needs-attention > label:backdrop, dnd stackswitcher > tab.needs-attention > image:backdrop, tabbar stackswitcher > tab.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } -stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } +stacksidebar row.needs-attention > label:dir(rtl), dnd stackswitcher > tab.needs-attention > label:dir(rtl), tabbar stackswitcher > tab.needs-attention > label:dir(rtl), dnd stackswitcher > tab.needs-attention > image:dir(rtl), tabbar stackswitcher > tab.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > .entry:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > .entry:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; } +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > .entry:dir(rtl):not(:last-child), dnd .linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar .linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:last-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > .entry:dir(ltr):not(:first-child), dnd .linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar .linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:first-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; } -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > .entry:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > .entry:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; } +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > .entry:dir(rtl):not(:first-child), dnd .linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar .linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:first-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > .entry:dir(ltr):not(:last-child), dnd .linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar .linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:last-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; } -.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > .entry:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; } +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > .entry:not(:first-child), dnd .linked.vertical > tab:not(:first-child), tabbar .linked.vertical > tab:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), dnd notebook > header .linked.vertical > tab:not(:first-child), tabbar notebook > header .linked.vertical > tab:not(:first-child), notebook > header tabbar tabbox.linked.vertical > tabboxchild:not(:first-child), tabbar notebook > header tabbox.linked.vertical > tabboxchild:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; } -.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > .entry:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; } +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > .entry:not(:last-child), dnd .linked.vertical > tab:not(:last-child), tabbar .linked.vertical > tab:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), dnd notebook > header .linked.vertical > tab:not(:last-child), tabbar notebook > header .linked.vertical > tab:not(:last-child), notebook > header tabbar tabbox.linked.vertical > tabboxchild:not(:last-child), tabbar notebook > header tabbox.linked.vertical > tabboxchild:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; } button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat arrow:not(:hover):not(:active):not(:checked):not(:disabled), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -735,7 +735,11 @@ menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 7px; } /************* Notebooks * */ -notebook { padding: 1px; } +dnd tab, tabbar tab, notebook > header tabs > tab.reorderable-page, notebook > header dnd tab.reorderable-page, dnd notebook > header tab.reorderable-page, notebook > header tabbar tab.reorderable-page, tabbar notebook > header tab.reorderable-page, notebook > header tabbar tabbox > tabboxchild.reorderable-page, tabbar notebook > header tabbox > tabboxchild.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +dnd tab, tabbar tab, notebook > header tabs > tab.reorderable-page, notebook > header dnd tab.reorderable-page, dnd notebook > header tab.reorderable-page, notebook > header tabbar tab.reorderable-page, tabbar notebook > header tab.reorderable-page, notebook > header tabbar tabbox > tabboxchild.reorderable-page, tabbar notebook > header tabbox > tabboxchild.reorderable-page { background-position: left; padding-left: 1rem; } + +dnd tab:dir(rtl), tabbar tab:dir(rtl), notebook > header tabs > tab.reorderable-page:dir(rtl), notebook > header dnd tab.reorderable-page:dir(rtl), dnd notebook > header tab.reorderable-page:dir(rtl), notebook > header tabbar tab.reorderable-page:dir(rtl), tabbar notebook > header tab.reorderable-page:dir(rtl), notebook > header tabbar tabbox > tabboxchild.reorderable-page:dir(rtl), tabbar notebook > header tabbox > tabboxchild.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } notebook > header.left, notebook > header.right { border-radius: 1.5em; } @@ -767,19 +771,99 @@ notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; } notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); } -notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; } +notebook > header tabs > tab, notebook > header dnd tab, dnd notebook > header tab, notebook > header tabbar tab, tabbar notebook > header tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild { border-radius: 9999px; outline-color: transparent; margin: 3px; } -notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } +notebook > header tabs > tab button.flat, notebook > header dnd tab button.flat, dnd notebook > header tab button.flat, notebook > header tabbar tab button.flat, tabbar notebook > header tab button.flat, notebook > header tabbar tabbox > tabboxchild button.flat, tabbar notebook > header tabbox > tabboxchild button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } -notebook > header tabs > tab.reorderable-page, notebook > header tabs > tab.reorderable-page:dir(ltr) { background-position: left; padding-left: 1rem; } +notebook > header tabs > tab button.flat:last-child, notebook > header dnd tab button.flat:last-child, dnd notebook > header tab button.flat:last-child, notebook > header tabbar tab button.flat:last-child, tabbar notebook > header tab button.flat:last-child, notebook > header tabbar tabbox > tabboxchild button.flat:last-child, tabbar notebook > header tabbox > tabboxchild button.flat:last-child { margin-left: 4px; margin-right: -4px; } -notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } +notebook > header tabs > tab button.flat:first-child, notebook > header dnd tab button.flat:first-child, dnd notebook > header tab button.flat:first-child, notebook > header tabbar tab button.flat:first-child, tabbar notebook > header tab button.flat:first-child, notebook > header tabbar tabbox > tabboxchild button.flat:first-child, tabbar notebook > header tabbox > tabboxchild button.flat:first-child { margin-left: -4px; margin-right: 4px; } -notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } +tabbar .box { background-color: #373636; color: #ffffff; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.36); padding: 1px; padding-top: 0; } -notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } +tabbar .box:backdrop { background-color: #3f3e3e; transition: background-color 200ms ease-out; } -notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } +tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { transition: filter 200ms ease-out; } + +tabbar tabbox { padding: 2px; } + +tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #769830; outline-width: 2px; outline-offset: -2px; } + +tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } + +tabbar tabbox > separator.hidden { opacity: 0; } + +tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(#769830,0.5); } + +tabbar tabbox > background { background-color: unset; } + +tabbar tab { border-radius: 9999px; outline-color: transparent; margin: 3px; transition: background 150ms ease-in-out; } + +tabbar tab:selected { background-color: #769830; } + +tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } + +tabbar .start-action, tabbar .end-action { padding: 6px 5px; } + +tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } + +tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } + +tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } + +tabbar.inline .box:backdrop { background-color: transparent; transition: none; } + +tabbar.inline .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > .start-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } + +dnd tab { border-radius: 9999px; outline-color: transparent; margin: 3px; margin: 25px; } + +tabbar tab, dnd tab { min-height: 26px; padding: 4px; } + +tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } + +tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(#769830,0.5); transform: translateY(4px); } + +tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; } + +tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #769830; outline-width: 2px; outline-offset: 0; } + +tabthumbnail { border-radius: 11px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +tabthumbnail > box { margin: 6px; } + +tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#33d17a,0.4); background-color: alpha(#33d17a,0.1); } + +tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } + +tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } + +tabthumbnail .needs-attention > widget { background: #769830; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#769830,0.4); } + +tabthumbnail .card { background: none; color: inherit; } + +tabthumbnail .card picture { outline: 1px solid rgba(0, 0, 0, 0.75); outline-offset: -1px; border-radius: 7px; } + +tabthumbnail.pinned .card { background-color: #383838; color: white; } + +tabthumbnail .icon-title-box { border-spacing: 6px; } + +tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } + +tabthumbnail button.circular { margin: 6px; background-color: alpha(#383838,0.75); min-width: 24px; min-height: 24px; } + +tabthumbnail button.circular:hover { background-color: alpha(mix(#383838,currentColor,0.1),0.75); } + +tabthumbnail button.circular:active { background-color: alpha(mix(#383838,currentColor,0.2),0.75); } + +taboverview > .overview .new-tab-button { margin: 18px; } + +tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } /************** Scrollbars * */ scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } @@ -1519,11 +1603,11 @@ undershoot.left { background-size: 0.5em 100%; background-position: left; } undershoot.right { background-size: 0.5em 100%; background-position: right; } -stackswitcher, .stack-switcher, notebook > header { border-radius: 9999px; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } +stackswitcher, .stack-switcher, notebook > header, tabbar tabbox { border-radius: 9999px; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7); } -headerbar stackswitcher, windowhandle stackswitcher, headerbar .stack-switcher, windowhandle .stack-switcher, headerbar notebook > header, windowhandle notebook > header { margin: 3px 0px; } +headerbar stackswitcher, windowhandle stackswitcher, headerbar .stack-switcher, windowhandle .stack-switcher, headerbar notebook > header, headerbar tabbar tabbox, tabbar headerbar tabbox, windowhandle notebook > header, windowhandle tabbar tabbox, tabbar windowhandle tabbox { margin: 3px 0px; } -headerbar stackswitcher > button, windowhandle stackswitcher > button, headerbar .stack-switcher > button, windowhandle .stack-switcher > button, headerbar notebook > header > button, windowhandle notebook > header > button { min-height: 19px; } +headerbar stackswitcher > button, windowhandle stackswitcher > button, headerbar .stack-switcher > button, windowhandle .stack-switcher > button, headerbar notebook > header > button, headerbar tabbar tabbox > button, tabbar headerbar tabbox > button, windowhandle notebook > header > button, windowhandle tabbar tabbox > button, tabbar windowhandle tabbox > button { min-height: 19px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /*