[gtk/wip/baedert/for-master: 1/13] menubar: Use a box layout
- From: Timm Bäder <baedert src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk/wip/baedert/for-master: 1/13] menubar: Use a box layout
- Date: Wed, 25 Sep 2019 15:33:07 +0000 (UTC)
commit 9c640775a114bea17b42d38c7db51675f1863f85
Author: Timm Bäder <mail baedert org>
Date: Sat Sep 21 17:37:42 2019 +0200
menubar: Use a box layout
gtk/gtkmenubar.c | 100 ++++++---------
gtk/theme/Adwaita/_common.scss | 2 +-
gtk/theme/Adwaita/gtk-contained-dark.css | 202 ++++++++++++++++---------------
gtk/theme/Adwaita/gtk-contained.css | 202 ++++++++++++++++---------------
4 files changed, 247 insertions(+), 259 deletions(-)
---
diff --git a/gtk/gtkmenubar.c b/gtk/gtkmenubar.c
index 970c98ed00..324c1d9381 100644
--- a/gtk/gtkmenubar.c
+++ b/gtk/gtkmenubar.c
@@ -42,6 +42,7 @@
#include "gtkmenubar.h"
#include "gtkmenubarprivate.h"
+#include "gtkboxlayout.h"
#include "gtkbindings.h"
#include "gtkmain.h"
#include "gtkmarshalers.h"
@@ -57,7 +58,6 @@
#include "gtkprivate.h"
#include "gtktypebuiltins.h"
#include "gtkwidgetprivate.h"
-#include "gtkbox.h"
#define MENU_BAR_POPUP_DELAY 0
@@ -70,7 +70,6 @@ struct _GtkMenuBar
GtkMenuShell menu_shell;
int toggle_size;
- GtkWidget *box;
};
struct _GtkMenuBarClass
@@ -83,17 +82,6 @@ static void gtk_menu_bar_add (GtkContainer *container,
static void gtk_menu_bar_remove (GtkContainer *container,
GtkWidget *widget);
-static void gtk_menu_bar_measure (GtkWidget *widget,
- GtkOrientation orientation,
- int for_size,
- int *minimum,
- int *natural,
- int *minimum_baseline,
- int *natural_baseline);
-static void gtk_menu_bar_size_allocate (GtkWidget *widget,
- int width,
- int height,
- int baseline);
static void gtk_menu_bar_root (GtkWidget *widget);
static void gtk_menu_bar_unroot (GtkWidget *widget);
static gint gtk_menu_bar_get_popup_delay (GtkMenuShell *menu_shell);
@@ -109,8 +97,17 @@ static GList *
gtk_menu_bar_get_items (GtkMenuShell *menu_shell)
{
GtkMenuBar *menu_bar = GTK_MENU_BAR (menu_shell);
+ GList *list = NULL;
+ GtkWidget *child;
- return gtk_container_get_children (GTK_CONTAINER (menu_bar->box));
+ for (child = gtk_widget_get_last_child (GTK_WIDGET (menu_bar));
+ child != NULL;
+ child = gtk_widget_get_prev_sibling (child))
+ {
+ list = g_list_prepend (list, child);
+ }
+
+ return list;
}
static void
@@ -123,8 +120,17 @@ static void
gtk_menu_bar_dispose (GObject *object)
{
GtkMenuBar *menu_bar = GTK_MENU_BAR (object);
+ GtkWidget *child;
- g_clear_pointer (&menu_bar->box, gtk_widget_unparent);
+ child = gtk_widget_get_first_child (GTK_WIDGET (menu_bar));
+ while (child)
+ {
+ GtkWidget *next = gtk_widget_get_next_sibling (child);
+
+ gtk_widget_unparent (child);
+
+ child = next;
+ }
G_OBJECT_CLASS (gtk_menu_bar_parent_class)->dispose (object);
}
@@ -135,9 +141,17 @@ gtk_menu_bar_forall (GtkContainer *container,
gpointer data)
{
GtkMenuBar *menu_bar = GTK_MENU_BAR (container);
+ GtkWidget *child;
- if (menu_bar->box)
- gtk_container_forall (GTK_CONTAINER (menu_bar->box), callback, data);
+ child = gtk_widget_get_first_child (GTK_WIDGET (menu_bar));
+ while (child)
+ {
+ GtkWidget *next = gtk_widget_get_next_sibling (child);
+
+ (*callback) (child, data);
+
+ child = next;
+ }
}
static void
@@ -153,8 +167,6 @@ gtk_menu_bar_class_init (GtkMenuBarClass *class)
object_class->finalize = gtk_menu_bar_finalize;
object_class->dispose = gtk_menu_bar_dispose;
- widget_class->measure = gtk_menu_bar_measure;
- widget_class->size_allocate = gtk_menu_bar_size_allocate;
widget_class->root = gtk_menu_bar_root;
widget_class->unroot = gtk_menu_bar_unroot;
@@ -211,14 +223,13 @@ gtk_menu_bar_class_init (GtkMenuBarClass *class)
GTK_MENU_DIR_CHILD);
gtk_widget_class_set_accessible_role (widget_class, ATK_ROLE_MENU_BAR);
+ gtk_widget_class_set_layout_manager_type (widget_class, GTK_TYPE_BOX_LAYOUT);
gtk_widget_class_set_css_name (widget_class, I_("menubar"));
}
static void
gtk_menu_bar_init (GtkMenuBar *menu_bar)
{
- menu_bar->box = gtk_box_new (GTK_ORIENTATION_HORIZONTAL, 0);
- gtk_widget_set_parent (menu_bar->box, GTK_WIDGET (menu_bar));
}
/**
@@ -234,37 +245,6 @@ gtk_menu_bar_new (void)
return g_object_new (GTK_TYPE_MENU_BAR, NULL);
}
-static void
-gtk_menu_bar_measure (GtkWidget *widget,
- GtkOrientation orientation,
- int for_size,
- int *minimum,
- int *natural,
- int *minimum_baseline,
- int *natural_baseline)
-{
- GtkMenuBar *menu_bar = GTK_MENU_BAR (widget);
-
- gtk_widget_measure (menu_bar->box,
- orientation,
- for_size,
- minimum, natural,
- minimum_baseline, natural_baseline);
-}
-
-static void
-gtk_menu_bar_size_allocate (GtkWidget *widget,
- int width,
- int height,
- int baseline)
-{
- GtkMenuBar *menu_bar = GTK_MENU_BAR (widget);
-
- gtk_widget_size_allocate (menu_bar->box,
- &(GtkAllocation) { 0, 0, width, height },
- baseline);
-}
-
static GList *
get_menu_bars (GtkWindow *window)
{
@@ -463,18 +443,14 @@ static void
gtk_menu_bar_add (GtkContainer *container,
GtkWidget *widget)
{
- GtkMenuBar *menu_bar = GTK_MENU_BAR (container);
-
- gtk_container_add (GTK_CONTAINER (menu_bar->box), widget);
+ gtk_widget_set_parent (widget, GTK_WIDGET (container));
}
static void
gtk_menu_bar_remove (GtkContainer *container,
GtkWidget *widget)
{
- GtkMenuBar *menu_bar = GTK_MENU_BAR (container);
-
- gtk_container_remove (GTK_CONTAINER (menu_bar->box), widget);
+ gtk_widget_unparent (widget);
GTK_CONTAINER_CLASS (gtk_menu_bar_parent_class)->remove (container, widget);
}
@@ -488,17 +464,17 @@ gtk_menu_bar_reorder_child (GtkMenuBar *menu_bar,
int i;
if (position < 0)
- sibling = gtk_widget_get_last_child (menu_bar->box);
+ sibling = gtk_widget_get_last_child (GTK_WIDGET (menu_bar));
for (i = 0; i < position; i++)
{
if (sibling == NULL)
- sibling = gtk_widget_get_first_child (menu_bar->box);
+ sibling = gtk_widget_get_first_child (GTK_WIDGET (menu_bar));
else
sibling = gtk_widget_get_next_sibling (sibling);
}
- gtk_box_reorder_child_after (GTK_BOX (menu_bar->box), child, sibling);
+ gtk_widget_insert_after (child, GTK_WIDGET (menu_bar), sibling);
}
static void
@@ -508,6 +484,6 @@ gtk_menu_bar_insert (GtkMenuShell *menu_shell,
{
GtkMenuBar *menu_bar = GTK_MENU_BAR (menu_shell);
- gtk_container_add (GTK_CONTAINER (menu_bar->box), child);
+ gtk_widget_set_parent (child, GTK_WIDGET (menu_bar));
gtk_menu_bar_reorder_child (menu_bar, child, position);
}
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 93c219a8d8..d164d154c6 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2049,7 +2049,7 @@ menubar,
&:backdrop { background-color: $backdrop_bg_color; }
- > box > menuitem {
+ > menuitem {
min-height: 16px;
padding: 4px 8px;
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 0f166c7dbf..194dafa7c4 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -215,53 +215,53 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #15539e; }
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #1f76e1 0%, rgba(31,
118, 225, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #1f76e1 95%, rgba(31, 118, 225, 0)); } }
-notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px;
padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45,
0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color:
#070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0,
0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255,
0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
+notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding:
4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707;
background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); }
-notebook box > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.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; transition: none; }
+notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.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; transition: none; }
-notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
-notebook box > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46,
0.45, 0.94); }
+notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46,
0.45, 0.94); }
-notebook box > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232,
#373737 1px); -gtk-icon-filter: brightness(1.2); }
+notebook > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232,
#373737 1px); -gtk-icon-filter: brightness(1.2); }
-notebook box > header > tabs > arrow:active, button.titlebutton:active, notebook box > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color:
rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
+notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color:
rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
-notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat,
button:backdrop { border-color: #202020; background-image: image(#353535); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out;
-gtk-icon-filter: none; }
+notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop
{ border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-filter: none; }
-notebook box > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label,
button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop
label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label,
button:backdrop { color: #919190; }
+notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label,
button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop,
button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop
label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label,
button:backdrop.flat, button:backdrop label, button:backdrop { color: #919190; }
-notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active,
button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active,
button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #202020;
background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active,
button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked,
button:backdrop:active, button:backdrop:checked { border-color: #202020; background-image: image(#2a2a2a);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label,
button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active,
button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label,
button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs >
arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:b
ackdrop.
flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label,
button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #919190; }
+notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label,
button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active,
button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs >
arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label,
button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs >
arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked
label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked,
button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active,
button:back
drop.fla
t:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active,
button:backdrop:checked label, button:backdrop:checked { color: #919190; }
-notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled,
button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color:
#202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color:
#202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label,
button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled,
button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs >
arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs >
arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label,
button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #5b5b5b; }
+notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label,
button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled,
button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs >
arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs >
arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label,
button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #5b5b5b; }
-notebook box > header > tabs > arrow:backdrop:disabled:active,
button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box >
header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked,
button.titlebutton:backdrop:disabled:checked, notebook box > header > tabs > arrow:backdrop:disabled:active,
button.titlebutton:backdrop:disabled:active, notebook box > header > tabs > arrow:backdrop:disabled:checked,
button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked {
border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active,
button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook >
header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook >
header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked,
button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active,
button:backdrop:disabled:checked { border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset
0 1px rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label,
notebook box > header > tabs > arrow:backdrop:disabled:checked label,
button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.titlebutton:backdrop:disabled:active label, notebook box > header > tabs >
arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label,
button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #5b5b5b; }
+notebook > header > tabs > arrow:backdrop:disabled:active label,
button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label,
notebook > header > tabs > arrow:backdrop:disabled:checked label,
button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active
label, notebook > header > tabs > arrow:backdrop:disabled:checked label,
button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label,
button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label,
button:backdrop:disabled:checked label { color: #5b5b5b; }
-notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled,
notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled,
button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled,
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled,
button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
-notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color:
#1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color:
#1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook box >
header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color:
#919190; }
+notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs
arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #919190; }
-notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active,
button:disabled:checked { border-color: #1b1b1b; background-image: image(#252525); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header >
tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active,
button:disabled:checked { border-color: #1b1b1b; background-image: image(#252525); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label,
notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label,
button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #919190; }
+notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook >
header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs >
arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs >
arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label,
button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #919190; }
-notebook box > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button {
min-width: 24px; padding-left: 5px; padding-right: 5px; }
+notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button {
min-width: 24px; padding-left: 5px; padding-right: 5px; }
-notebook box > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button {
padding-left: 16px; padding-right: 16px; }
+notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button {
padding-left: 16px; padding-right: 16px; }
-notebook box > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton,
button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton,
button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
-notebook box > header > tabs > arrow.text-button.image-button label,
button.text-button.image-button.titlebutton label, button.text-button.image-button label { padding-left: 8px;
padding-right: 8px; }
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton
label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
-combobox:drop(active) button.combo, notebook box > header > tabs > arrow:drop(active),
button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow:
inset 0 0 0 1px #4e9a06; }
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow:
inset 0 0 0 1px #4e9a06; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent;
}
@@ -617,10 +617,12 @@ searchbar > revealer > box { padding: 6px; border-width: 0 0 1px; }
.inline-toolbar:backdrop, .location-bar:backdrop, searchbar > revealer > box:backdrop { border-color:
#202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; }
/*************** Header bars * */
-.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style:
solid; border-color: #070707; border-radius: 0; background: #1b1b1b linear-gradient(to top, #252526,
#2b2b2b); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue
#1588 */ /* hide the close button separator */ }
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style:
solid; border-color: #070707; border-radius: 0; border-spacing: 6px; background: #1b1b1b linear-gradient(to
top, #252526, #2b2b2b); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for
headerbars. issue #1588 */ /* hide the close button separator */ }
.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #353535;
background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; }
+.titlebar:not(headerbar) > box.start, .titlebar:not(headerbar) > box.end, headerbar > box.start, headerbar >
box.end { border-spacing: 6px; }
+
.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight:
bold; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px;
padding-right: 12px; }
@@ -824,13 +826,13 @@ menubar, .menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar:backdrop, .menubar:backdrop { background-color: #353535; }
-menubar > box > menuitem, .menubar > box > menuitem { min-height: 16px; padding: 4px 8px; }
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; }
-.csd menubar > box > menuitem menu, menubar > box > menuitem menu, .csd .menubar > box > menuitem menu,
.menubar > box > menuitem menu { border-radius: 0; padding: 0; }
+.csd menubar > menuitem menu, menubar > menuitem menu, .csd .menubar > menuitem menu, .menubar > menuitem
menu { border-radius: 0; padding: 0; }
-menubar > box > menuitem:hover, .menubar > box > menuitem:hover { box-shadow: inset 0 -3px #15539e; color:
#3584e4; }
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #15539e; color: #3584e4; }
-menubar > box > menuitem:disabled, .menubar > box > menuitem:disabled { color: #919190; box-shadow: none; }
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #919190; box-shadow: none; }
menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
@@ -902,139 +904,139 @@ popover.background > contents separator { margin: 3px; }
popover.background > contents list separator { margin: 0px; }
/************* Notebooks * */
-notebook box > header { padding: 1px; border-color: #1b1b1b; border-width: 1px; background-color: #282828; }
+notebook > header { padding: 1px; border-color: #1b1b1b; border-width: 1px; background-color: #282828; }
-notebook box > header:backdrop { border-color: #202020; background-color: #2e2e2e; }
+notebook > header:backdrop { border-color: #202020; background-color: #2e2e2e; }
-notebook box > header tabs { margin: -1px; }
+notebook > header tabs { margin: -1px; }
-notebook box > header.top { border-bottom-style: solid; }
+notebook > header.top { border-bottom-style: solid; }
-notebook box > header.top > tabs { margin-bottom: -2px; }
+notebook > header.top > tabs { margin-bottom: -2px; }
-notebook box > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #1b1b1b; }
+notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #1b1b1b; }
-notebook box > header.top > tabs > tab:backdrop { box-shadow: none; }
+notebook > header.top > tabs > tab:backdrop { box-shadow: none; }
-notebook box > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #15539e; }
+notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #15539e; }
-notebook box > header.bottom { border-top-style: solid; }
+notebook > header.bottom { border-top-style: solid; }
-notebook box > header.bottom > tabs { margin-top: -2px; }
+notebook > header.bottom > tabs { margin-top: -2px; }
-notebook box > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #1b1b1b; }
+notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #1b1b1b; }
-notebook box > header.bottom > tabs > tab:backdrop { box-shadow: none; }
+notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; }
-notebook box > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #15539e; }
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #15539e; }
-notebook box > header.left { border-right-style: solid; }
+notebook > header.left { border-right-style: solid; }
-notebook box > header.left > tabs { margin-right: -2px; }
+notebook > header.left > tabs { margin-right: -2px; }
-notebook box > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #1b1b1b; }
+notebook > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #1b1b1b; }
-notebook box > header.left > tabs > tab:backdrop { box-shadow: none; }
+notebook > header.left > tabs > tab:backdrop { box-shadow: none; }
-notebook box > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #15539e; }
+notebook > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #15539e; }
-notebook box > header.right { border-left-style: solid; }
+notebook > header.right { border-left-style: solid; }
-notebook box > header.right > tabs { margin-left: -2px; }
+notebook > header.right > tabs { margin-left: -2px; }
-notebook box > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #1b1b1b; }
+notebook > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #1b1b1b; }
-notebook box > header.right > tabs > tab:backdrop { box-shadow: none; }
+notebook > header.right > tabs > tab:backdrop { box-shadow: none; }
-notebook box > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #15539e; }
+notebook > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #15539e; }
-notebook box > header.top > tabs > arrow { border-top-style: none; }
+notebook > header.top > tabs > arrow { border-top-style: none; }
-notebook box > header.bottom > tabs > arrow { border-bottom-style: none; }
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
-notebook box > header.top > tabs > arrow, notebook box > header.bottom > tabs > arrow { margin-left: -5px;
margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px;
margin-right: -5px; padding-left: 4px; padding-right: 4px; }
-notebook box > header.top > tabs > arrow.down, notebook box > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source:
-gtk-icontheme("pan-start-symbolic"); }
-notebook box > header.top > tabs > arrow.up, notebook box > header.bottom > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source:
-gtk-icontheme("pan-end-symbolic"); }
-notebook box > header.left > tabs > arrow { border-left-style: none; }
+notebook > header.left > tabs > arrow { border-left-style: none; }
-notebook box > header.right > tabs > arrow { border-right-style: none; }
+notebook > header.right > tabs > arrow { border-right-style: none; }
-notebook box > header.left > tabs > arrow, notebook box > header.right > tabs > arrow { margin-top: -5px;
margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px;
margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
-notebook box > header.left > tabs > arrow.down, notebook box > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source:
-gtk-icontheme("pan-up-symbolic"); }
-notebook box > header.left > tabs > arrow.up, notebook box > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source:
-gtk-icontheme("pan-down-symbolic"); }
-notebook box > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
-notebook box > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box;
background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow:
none; }
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box;
background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow:
none; }
-notebook box > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; }
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; }
-notebook box > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px;
color: #919190; font-weight: bold; border-width: 1px; border-color: transparent; }
+notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color:
#919190; font-weight: bold; border-width: 1px; border-color: transparent; }
-notebook box > header tab:hover { color: #c0c0be; }
+notebook > header tab:hover { color: #c0c0be; }
-notebook box > header tab:hover.reorderable-page { border-color: rgba(27, 27, 27, 0.3); background-color:
rgba(53, 53, 53, 0.2); }
+notebook > header tab:hover.reorderable-page { border-color: rgba(27, 27, 27, 0.3); background-color:
rgba(53, 53, 53, 0.2); }
-notebook box > header tab:backdrop { color: #6c6c6c; }
+notebook > header tab:backdrop { color: #6c6c6c; }
-notebook box > header tab:backdrop.reorderable-page { border-color: transparent; background-color:
transparent; }
+notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; }
-notebook box > header tab:checked { color: #eeeeec; }
+notebook > header tab:checked { color: #eeeeec; }
-notebook box > header tab:checked.reorderable-page { border-color: rgba(27, 27, 27, 0.5); background-color:
rgba(53, 53, 53, 0.5); }
+notebook > header tab:checked.reorderable-page { border-color: rgba(27, 27, 27, 0.5); background-color:
rgba(53, 53, 53, 0.5); }
-notebook box > header tab:checked.reorderable-page:hover { background-color: rgba(53, 53, 53, 0.7); }
+notebook > header tab:checked.reorderable-page:hover { background-color: rgba(53, 53, 53, 0.7); }
-notebook box > header tab:backdrop:checked { color: #919190; }
+notebook > header tab:backdrop:checked { color: #919190; }
-notebook box > header tab:backdrop:checked.reorderable-page { border-color: #202020; background-color:
#353535; }
+notebook > header tab:backdrop:checked.reorderable-page { border-color: #202020; background-color: #353535; }
-notebook box > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px;
min-height: 20px; }
+notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px;
min-height: 20px; }
-notebook box > header tab button.flat:hover { color: currentColor; }
+notebook > header tab button.flat:hover { color: currentColor; }
-notebook box > header tab button.flat, notebook box > header tab button.flat:backdrop { color:
alpha(currentColor,0.3); }
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color:
alpha(currentColor,0.3); }
-notebook box > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
-notebook box > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
-notebook box > header.top tabs, notebook box > header.bottom tabs { padding-left: 4px; padding-right: 4px; }
+notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; }
-notebook box > header.top tabs:not(:only-child), notebook box > header.bottom tabs:not(:only-child) {
margin-left: 3px; margin-right: 3px; }
+notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left:
3px; margin-right: 3px; }
-notebook box > header.top tabs:not(:only-child):first-child, notebook box > header.bottom
tabs:not(:only-child):first-child { margin-left: -1px; }
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom
tabs:not(:only-child):first-child { margin-left: -1px; }
-notebook box > header.top tabs:not(:only-child):last-child, notebook box > header.bottom
tabs:not(:only-child):last-child { margin-right: -1px; }
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom
tabs:not(:only-child):last-child { margin-right: -1px; }
-notebook box > header.top tabs tab, notebook box > header.bottom tabs tab { margin-left: 4px; margin-right:
4px; }
+notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; }
-notebook box > header.top tabs tab.reorderable-page, notebook box > header.bottom tabs tab.reorderable-page
{ border-style: none solid; }
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
border-style: none solid; }
-notebook box > header.left tabs, notebook box > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
+notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
-notebook box > header.left tabs:not(:only-child), notebook box > header.right tabs:not(:only-child) {
margin-top: 3px; margin-bottom: 3px; }
+notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top:
3px; margin-bottom: 3px; }
-notebook box > header.left tabs:not(:only-child):first-child, notebook box > header.right
tabs:not(:only-child):first-child { margin-top: -1px; }
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right
tabs:not(:only-child):first-child { margin-top: -1px; }
-notebook box > header.left tabs:not(:only-child):last-child, notebook box > header.right
tabs:not(:only-child):last-child { margin-bottom: -1px; }
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right
tabs:not(:only-child):last-child { margin-bottom: -1px; }
-notebook box > header.left tabs tab, notebook box > header.right tabs tab { margin-top: 4px; margin-bottom:
4px; }
+notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; }
-notebook box > header.left tabs tab.reorderable-page, notebook box > header.right tabs tab.reorderable-page
{ border-style: solid none; }
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
border-style: solid none; }
-notebook box > header.top tab { padding-bottom: 4px; }
+notebook > header.top tab { padding-bottom: 4px; }
-notebook box > header.bottom tab { padding-top: 4px; }
+notebook > header.bottom tab { padding-top: 4px; }
-notebook box > stack:not(:only-child) { background-color: #2d2d2d; }
+notebook > stack:not(:only-child) { background-color: #2d2d2d; }
-notebook box > stack:not(:only-child):backdrop { background-color: #303030; }
+notebook > stack:not(:only-child):backdrop { background-color: #303030; }
/************** Scrollbars * */
scrollbar { background-color: #313131; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@@ -1330,9 +1332,9 @@ scale.horizontal > marks.bottom { margin-top: 6px; }
scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
-scale.horizontal > value.top { margin-bottom: 9px; }
+scale.horizontal > value.left { margin-right: 9px; }
-scale.horizontal > value.bottom { margin-top: 9px; }
+scale.horizontal > value.right { margin-left: 9px; }
scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
@@ -1826,6 +1828,10 @@ infobar.info:backdrop label, infobar.info:backdrop, infobar.info label, infobar.
infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
text-shadow: none; }
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box,
infobar.error > revealer > box { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #282828;
border-spacing: 12px; }
+
+infobar.info > revealer, infobar.question > revealer, infobar.warning > revealer, infobar.error > revealer {
padding-left: 8px; padding-right: 8px; }
+
infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707;
background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); }
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error
button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b;
border-bottom-color: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0,
0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #323232, #373737 1px); }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index c2c2bf945a..19222d8420 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -215,53 +215,53 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #3584e4; }
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #3584e4 0%, rgba(53,
132, 228, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #3584e4 95%, rgba(53, 132, 228, 0)); } }
-notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px;
padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45,
0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color:
#bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255,
255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px
2px rgba(0, 0, 0, 0.07); }
+notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding:
4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1;
background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255,
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px
rgba(0, 0, 0, 0.07); }
-notebook box > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.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; transition: none; }
+notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.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; transition: none; }
-notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
-notebook box > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46,
0.45, 0.94); }
+notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46,
0.45, 0.94); }
-notebook box > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px);
-gtk-icon-filter: brightness(1.2); }
+notebook > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px);
-gtk-icon-filter: brightness(1.2); }
-notebook box > header > tabs > arrow:active, button.titlebutton:active, notebook box > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color:
rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
+notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color:
rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
-notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat,
button:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out;
-gtk-icon-filter: none; }
+notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop
{ border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-filter: none; }
-notebook box > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label,
button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop
label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label,
button:backdrop { color: #929595; }
+notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label,
button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop,
button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop
label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label,
button:backdrop.flat, button:backdrop label, button:backdrop { color: #929595; }
-notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active,
button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active,
button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #d5d0cc;
background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active,
button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked,
button:backdrop:active, button:backdrop:checked { border-color: #d5d0cc; background-image: image(#e4e4e0);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label,
button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active,
button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label,
button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs >
arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:b
ackdrop.
flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label,
button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #929595; }
+notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label,
button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active,
button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs >
arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label,
button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs >
arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked
label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked,
button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active,
button:back
drop.fla
t:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active,
button:backdrop:checked label, button:backdrop:checked { color: #929595; }
-notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled,
button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color:
#d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color:
#d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label,
button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled,
button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs >
arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs >
arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label,
button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #d4cfca; }
+notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label,
button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled,
button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs >
arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs >
arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label,
button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #d4cfca; }
-notebook box > header > tabs > arrow:backdrop:disabled:active,
button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box >
header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked,
button.titlebutton:backdrop:disabled:checked, notebook box > header > tabs > arrow:backdrop:disabled:active,
button.titlebutton:backdrop:disabled:active, notebook box > header > tabs > arrow:backdrop:disabled:checked,
button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked {
border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active,
button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook >
header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook >
header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked,
button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active,
button:backdrop:disabled:checked { border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset
0 1px rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label,
notebook box > header > tabs > arrow:backdrop:disabled:checked label,
button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.titlebutton:backdrop:disabled:active label, notebook box > header > tabs >
arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label,
button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #d4cfca; }
+notebook > header > tabs > arrow:backdrop:disabled:active label,
button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label,
notebook > header > tabs > arrow:backdrop:disabled:checked label,
button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active
label, notebook > header > tabs > arrow:backdrop:disabled:checked label,
button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label,
button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label,
button:backdrop:disabled:checked label { color: #d4cfca; }
-notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled,
notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled,
button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled,
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled,
button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
-notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color:
#cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color:
#cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook box >
header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color:
#929595; }
+notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs
arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #929595; }
-notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active,
button:disabled:checked { border-color: #cdc7c2; background-image: image(#e4e4e0); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header >
tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active,
button:disabled:checked { border-color: #cdc7c2; background-image: image(#e4e4e0); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label,
notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label,
button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #929595; }
+notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook >
header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs >
arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs >
arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label,
button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #929595; }
-notebook box > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button {
min-width: 24px; padding-left: 5px; padding-right: 5px; }
+notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button {
min-width: 24px; padding-left: 5px; padding-right: 5px; }
-notebook box > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button {
padding-left: 16px; padding-right: 16px; }
+notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button {
padding-left: 16px; padding-right: 16px; }
-notebook box > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton,
button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton,
button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
-notebook box > header > tabs > arrow.text-button.image-button label,
button.text-button.image-button.titlebutton label, button.text-button.image-button label { padding-left: 8px;
padding-right: 8px; }
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton
label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
-combobox:drop(active) button.combo, notebook box > header > tabs > arrow:drop(active),
button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow:
inset 0 0 0 1px #4e9a06; }
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow:
inset 0 0 0 1px #4e9a06; }
row:selected button { border-color: #185fb4; }
@@ -625,10 +625,12 @@ searchbar > revealer > box { padding: 6px; border-width: 0 0 1px; }
.inline-toolbar:backdrop, .location-bar:backdrop, searchbar > revealer > box:backdrop { border-color:
#d5d0cc; background-color: #eae8e6; box-shadow: none; transition: 200ms ease-out; }
/*************** Header bars * */
-.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style:
solid; border-color: #bfb8b1; border-radius: 0; background: #dfdcd8 linear-gradient(to top, #dad6d2,
#e1dedb); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue
#1588 */ /* hide the close button separator */ }
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style:
solid; border-color: #bfb8b1; border-radius: 0; border-spacing: 6px; background: #dfdcd8 linear-gradient(to
top, #dad6d2, #e1dedb); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for
headerbars. issue #1588 */ /* hide the close button separator */ }
.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d5d0cc; background-color: #f6f5f4;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; }
+.titlebar:not(headerbar) > box.start, .titlebar:not(headerbar) > box.end, headerbar > box.start, headerbar >
box.end { border-spacing: 6px; }
+
.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight:
bold; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px;
padding-right: 12px; }
@@ -832,13 +834,13 @@ menubar, .menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar:backdrop, .menubar:backdrop { background-color: #f6f5f4; }
-menubar > box > menuitem, .menubar > box > menuitem { min-height: 16px; padding: 4px 8px; }
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; }
-.csd menubar > box > menuitem menu, menubar > box > menuitem menu, .csd .menubar > box > menuitem menu,
.menubar > box > menuitem menu { border-radius: 0; padding: 0; }
+.csd menubar > menuitem menu, menubar > menuitem menu, .csd .menubar > menuitem menu, .menubar > menuitem
menu { border-radius: 0; padding: 0; }
-menubar > box > menuitem:hover, .menubar > box > menuitem:hover { box-shadow: inset 0 -3px #3584e4; color:
#1b6acb; }
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #3584e4; color: #1b6acb; }
-menubar > box > menuitem:disabled, .menubar > box > menuitem:disabled { color: #929595; box-shadow: none; }
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #929595; box-shadow: none; }
menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
@@ -910,139 +912,139 @@ popover.background > contents separator { margin: 3px; }
popover.background > contents list separator { margin: 0px; }
/************* Notebooks * */
-notebook box > header { padding: 1px; border-color: #cdc7c2; border-width: 1px; background-color: #e1dedb; }
+notebook > header { padding: 1px; border-color: #cdc7c2; border-width: 1px; background-color: #e1dedb; }
-notebook box > header:backdrop { border-color: #d5d0cc; background-color: #eae8e6; }
+notebook > header:backdrop { border-color: #d5d0cc; background-color: #eae8e6; }
-notebook box > header tabs { margin: -1px; }
+notebook > header tabs { margin: -1px; }
-notebook box > header.top { border-bottom-style: solid; }
+notebook > header.top { border-bottom-style: solid; }
-notebook box > header.top > tabs { margin-bottom: -2px; }
+notebook > header.top > tabs { margin-bottom: -2px; }
-notebook box > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #cdc7c2; }
+notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #cdc7c2; }
-notebook box > header.top > tabs > tab:backdrop { box-shadow: none; }
+notebook > header.top > tabs > tab:backdrop { box-shadow: none; }
-notebook box > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #3584e4; }
+notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #3584e4; }
-notebook box > header.bottom { border-top-style: solid; }
+notebook > header.bottom { border-top-style: solid; }
-notebook box > header.bottom > tabs { margin-top: -2px; }
+notebook > header.bottom > tabs { margin-top: -2px; }
-notebook box > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #cdc7c2; }
+notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #cdc7c2; }
-notebook box > header.bottom > tabs > tab:backdrop { box-shadow: none; }
+notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; }
-notebook box > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #3584e4; }
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #3584e4; }
-notebook box > header.left { border-right-style: solid; }
+notebook > header.left { border-right-style: solid; }
-notebook box > header.left > tabs { margin-right: -2px; }
+notebook > header.left > tabs { margin-right: -2px; }
-notebook box > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #cdc7c2; }
+notebook > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #cdc7c2; }
-notebook box > header.left > tabs > tab:backdrop { box-shadow: none; }
+notebook > header.left > tabs > tab:backdrop { box-shadow: none; }
-notebook box > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #3584e4; }
+notebook > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #3584e4; }
-notebook box > header.right { border-left-style: solid; }
+notebook > header.right { border-left-style: solid; }
-notebook box > header.right > tabs { margin-left: -2px; }
+notebook > header.right > tabs { margin-left: -2px; }
-notebook box > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #cdc7c2; }
+notebook > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #cdc7c2; }
-notebook box > header.right > tabs > tab:backdrop { box-shadow: none; }
+notebook > header.right > tabs > tab:backdrop { box-shadow: none; }
-notebook box > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #3584e4; }
+notebook > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #3584e4; }
-notebook box > header.top > tabs > arrow { border-top-style: none; }
+notebook > header.top > tabs > arrow { border-top-style: none; }
-notebook box > header.bottom > tabs > arrow { border-bottom-style: none; }
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
-notebook box > header.top > tabs > arrow, notebook box > header.bottom > tabs > arrow { margin-left: -5px;
margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px;
margin-right: -5px; padding-left: 4px; padding-right: 4px; }
-notebook box > header.top > tabs > arrow.down, notebook box > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source:
-gtk-icontheme("pan-start-symbolic"); }
-notebook box > header.top > tabs > arrow.up, notebook box > header.bottom > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source:
-gtk-icontheme("pan-end-symbolic"); }
-notebook box > header.left > tabs > arrow { border-left-style: none; }
+notebook > header.left > tabs > arrow { border-left-style: none; }
-notebook box > header.right > tabs > arrow { border-right-style: none; }
+notebook > header.right > tabs > arrow { border-right-style: none; }
-notebook box > header.left > tabs > arrow, notebook box > header.right > tabs > arrow { margin-top: -5px;
margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px;
margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
-notebook box > header.left > tabs > arrow.down, notebook box > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source:
-gtk-icontheme("pan-up-symbolic"); }
-notebook box > header.left > tabs > arrow.up, notebook box > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source:
-gtk-icontheme("pan-down-symbolic"); }
-notebook box > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
-notebook box > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box;
background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow:
none; }
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box;
background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow:
none; }
-notebook box > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; }
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; }
-notebook box > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px;
color: #929595; font-weight: bold; border-width: 1px; border-color: transparent; }
+notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color:
#929595; font-weight: bold; border-width: 1px; border-color: transparent; }
-notebook box > header tab:hover { color: #606566; }
+notebook > header tab:hover { color: #606566; }
-notebook box > header tab:hover.reorderable-page { border-color: rgba(205, 199, 194, 0.3); background-color:
rgba(246, 245, 244, 0.2); }
+notebook > header tab:hover.reorderable-page { border-color: rgba(205, 199, 194, 0.3); background-color:
rgba(246, 245, 244, 0.2); }
-notebook box > header tab:backdrop { color: #babbbb; }
+notebook > header tab:backdrop { color: #babbbb; }
-notebook box > header tab:backdrop.reorderable-page { border-color: transparent; background-color:
transparent; }
+notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; }
-notebook box > header tab:checked { color: #2e3436; }
+notebook > header tab:checked { color: #2e3436; }
-notebook box > header tab:checked.reorderable-page { border-color: rgba(205, 199, 194, 0.5);
background-color: rgba(246, 245, 244, 0.5); }
+notebook > header tab:checked.reorderable-page { border-color: rgba(205, 199, 194, 0.5); background-color:
rgba(246, 245, 244, 0.5); }
-notebook box > header tab:checked.reorderable-page:hover { background-color: rgba(246, 245, 244, 0.7); }
+notebook > header tab:checked.reorderable-page:hover { background-color: rgba(246, 245, 244, 0.7); }
-notebook box > header tab:backdrop:checked { color: #929595; }
+notebook > header tab:backdrop:checked { color: #929595; }
-notebook box > header tab:backdrop:checked.reorderable-page { border-color: #d5d0cc; background-color:
#f6f5f4; }
+notebook > header tab:backdrop:checked.reorderable-page { border-color: #d5d0cc; background-color: #f6f5f4; }
-notebook box > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px;
min-height: 20px; }
+notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px;
min-height: 20px; }
-notebook box > header tab button.flat:hover { color: currentColor; }
+notebook > header tab button.flat:hover { color: currentColor; }
-notebook box > header tab button.flat, notebook box > header tab button.flat:backdrop { color:
alpha(currentColor,0.3); }
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color:
alpha(currentColor,0.3); }
-notebook box > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
-notebook box > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
-notebook box > header.top tabs, notebook box > header.bottom tabs { padding-left: 4px; padding-right: 4px; }
+notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; }
-notebook box > header.top tabs:not(:only-child), notebook box > header.bottom tabs:not(:only-child) {
margin-left: 3px; margin-right: 3px; }
+notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left:
3px; margin-right: 3px; }
-notebook box > header.top tabs:not(:only-child):first-child, notebook box > header.bottom
tabs:not(:only-child):first-child { margin-left: -1px; }
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom
tabs:not(:only-child):first-child { margin-left: -1px; }
-notebook box > header.top tabs:not(:only-child):last-child, notebook box > header.bottom
tabs:not(:only-child):last-child { margin-right: -1px; }
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom
tabs:not(:only-child):last-child { margin-right: -1px; }
-notebook box > header.top tabs tab, notebook box > header.bottom tabs tab { margin-left: 4px; margin-right:
4px; }
+notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; }
-notebook box > header.top tabs tab.reorderable-page, notebook box > header.bottom tabs tab.reorderable-page
{ border-style: none solid; }
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
border-style: none solid; }
-notebook box > header.left tabs, notebook box > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
+notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
-notebook box > header.left tabs:not(:only-child), notebook box > header.right tabs:not(:only-child) {
margin-top: 3px; margin-bottom: 3px; }
+notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top:
3px; margin-bottom: 3px; }
-notebook box > header.left tabs:not(:only-child):first-child, notebook box > header.right
tabs:not(:only-child):first-child { margin-top: -1px; }
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right
tabs:not(:only-child):first-child { margin-top: -1px; }
-notebook box > header.left tabs:not(:only-child):last-child, notebook box > header.right
tabs:not(:only-child):last-child { margin-bottom: -1px; }
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right
tabs:not(:only-child):last-child { margin-bottom: -1px; }
-notebook box > header.left tabs tab, notebook box > header.right tabs tab { margin-top: 4px; margin-bottom:
4px; }
+notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; }
-notebook box > header.left tabs tab.reorderable-page, notebook box > header.right tabs tab.reorderable-page
{ border-style: solid none; }
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
border-style: solid none; }
-notebook box > header.top tab { padding-bottom: 4px; }
+notebook > header.top tab { padding-bottom: 4px; }
-notebook box > header.bottom tab { padding-top: 4px; }
+notebook > header.bottom tab { padding-top: 4px; }
-notebook box > stack:not(:only-child) { background-color: #ffffff; }
+notebook > stack:not(:only-child) { background-color: #ffffff; }
-notebook box > stack:not(:only-child):backdrop { background-color: #fcfcfc; }
+notebook > stack:not(:only-child):backdrop { background-color: #fcfcfc; }
/************** Scrollbars * */
scrollbar { background-color: #cecece; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@@ -1346,9 +1348,9 @@ scale.horizontal > marks.bottom { margin-top: 6px; }
scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
-scale.horizontal > value.top { margin-bottom: 9px; }
+scale.horizontal > value.left { margin-right: 9px; }
-scale.horizontal > value.bottom { margin-top: 9px; }
+scale.horizontal > value.right { margin-left: 9px; }
scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
@@ -1842,6 +1844,10 @@ infobar.info:backdrop label, infobar.info:backdrop, infobar.info label, infobar.
infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
text-shadow: none; }
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box,
infobar.error > revealer > box { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #d8d4d0;
border-spacing: 12px; }
+
+infobar.info > revealer, infobar.question > revealer, infobar.warning > revealer, infobar.error > revealer {
padding-left: 8px; padding-right: 8px; }
+
infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image:
linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0,
0.07); }
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error
button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2;
border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px
rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
