diff --git a/gtk/gtkentry.c b/gtk/gtkentry.c index aa2c2d79cf..6d9022d340 100644 --- a/gtk/gtkentry.c +++ b/gtk/gtkentry.c @@ -3197,6 +3197,37 @@ get_entry_node (GtkWidget *widget) return gtk_widget_get_css_node (widget); } +static void +update_node_ordering (GtkEntry *entry) +{ + GtkEntryPrivate *priv = entry->priv; + EntryIconInfo *icon_info; + GtkEntryIconPosition icon_pos; + GtkCssNode *sibling, *parent; + + if (priv->progress_node) + { + parent = gtk_css_node_get_parent (priv->progress_node); + sibling = gtk_css_node_get_last_child (parent); + if (priv->progress_node != sibling) + gtk_css_node_insert_after (parent, priv->progress_node, sibling); + } + + if (gtk_widget_get_direction (GTK_WIDGET (entry)) == GTK_TEXT_DIR_RTL) + icon_pos = GTK_ENTRY_ICON_SECONDARY; + else + icon_pos = GTK_ENTRY_ICON_PRIMARY; + + icon_info = priv->icons[icon_pos]; + if (icon_info && icon_info->css_node) + { + parent = gtk_css_node_get_parent (icon_info->css_node); + sibling = gtk_css_node_get_first_child (parent); + if (icon_info->css_node != sibling) + gtk_css_node_insert_before (parent, icon_info->css_node, sibling); + } +} + static EntryIconInfo* construct_icon_info (GtkWidget *widget, GtkEntryIconPosition icon_pos) @@ -3222,6 +3253,8 @@ construct_icon_info (GtkWidget *widget, update_icon_style (widget, icon_pos); g_object_unref (icon_info->css_node); + update_node_ordering (entry); + if (gtk_widget_get_realized (widget)) realize_icon_info (widget, icon_pos); @@ -3827,14 +3860,14 @@ get_progress_area (GtkWidget *widget, context = gtk_widget_get_style_context (widget); _gtk_entry_get_borders (entry, &entry_borders); get_text_area_size (entry, - NULL, NULL, + x, y, &text_area_width, &text_area_height); get_frame_size (entry, FALSE, NULL, NULL, &frame_width, NULL); - *x = 0; - *y = 0; + *x -= entry_borders.left; + *y -= entry_borders.top; *width = text_area_width + entry_borders.left + entry_borders.right; *height = text_area_height + entry_borders.top + entry_borders.bottom; @@ -5022,6 +5055,8 @@ gtk_entry_direction_changed (GtkWidget *widget, update_icon_style (widget, GTK_ENTRY_ICON_PRIMARY); update_icon_style (widget, GTK_ENTRY_ICON_SECONDARY); + update_node_ordering (entry); + GTK_WIDGET_CLASS (gtk_entry_parent_class)->direction_changed (widget, previous_dir); } @@ -10674,6 +10709,8 @@ gtk_entry_ensure_progress_node (GtkEntry *entry) gtk_css_node_set_parent (priv->progress_node, widget_node); gtk_css_node_set_state (priv->progress_node, gtk_css_node_get_state (widget_node)); g_object_unref (priv->progress_node); + + update_node_ordering (entry); } static void diff --git a/gtk/gtkspinbutton.c b/gtk/gtkspinbutton.c index 0d8435d705..9ae312917a 100644 --- a/gtk/gtkspinbutton.c +++ b/gtk/gtkspinbutton.c @@ -80,6 +80,14 @@ * See the #GtkAdjustment section for more details about an adjustment's * properties. * + * # CSS nodes + * + * GtkSpinButtons main CSS node has the name spinbutton. It creates subnodes + * for the entry and the two buttons, with these names. The button nodes have + * the style classes .up and .down. The GtkEntry subnodes (if present) are put + * below the entry node. The orientation of the spin button is reflected in + * the .vertical or .horizontal style class on the main node. + * * ## Using a GtkSpinButton to get an integer * * |[ @@ -750,7 +758,6 @@ gtk_spin_button_init (GtkSpinButton *spin_button) { GtkSpinButtonPrivate *priv; GtkCssNode *widget_node; - GtkStyleContext *context; spin_button->priv = gtk_spin_button_get_instance_private (spin_button); priv = spin_button->priv; @@ -774,11 +781,11 @@ gtk_spin_button_init (GtkSpinButton *spin_button) priv->orientation = GTK_ORIENTATION_HORIZONTAL; - context = gtk_widget_get_style_context (GTK_WIDGET (spin_button)); - gtk_style_context_add_class (context, GTK_STYLE_CLASS_SPINBUTTON); _gtk_orientable_set_style_classes (GTK_ORIENTABLE (spin_button)); widget_node = gtk_widget_get_css_node (GTK_WIDGET (spin_button)); + gtk_css_node_add_class (widget_node, g_quark_from_static_string (GTK_STYLE_CLASS_ENTRY)); + priv->entry_node = gtk_css_node_new (); gtk_css_node_set_name (priv->entry_node, I_("entry")); gtk_css_node_set_parent (priv->entry_node, widget_node); @@ -788,16 +795,16 @@ gtk_spin_button_init (GtkSpinButton *spin_button) priv->down_node = gtk_css_node_new (); gtk_css_node_set_name (priv->down_node, I_("button")); - gtk_css_node_add_class (priv->down_node, g_quark_from_static_string (GTK_STYLE_CLASS_BUTTON)); gtk_css_node_set_parent (priv->down_node, widget_node); + gtk_css_node_add_class (priv->down_node, g_quark_from_static_string ("down")); gtk_css_node_set_state (priv->down_node, gtk_css_node_get_state (widget_node)); g_signal_connect_object (priv->down_node, "style-changed", G_CALLBACK (node_style_changed_cb), spin_button, 0); g_object_unref (priv->down_node); priv->up_node = gtk_css_node_new (); gtk_css_node_set_name (priv->up_node, I_("button")); - gtk_css_node_add_class (priv->up_node, g_quark_from_static_string (GTK_STYLE_CLASS_BUTTON)); gtk_css_node_set_parent (priv->up_node, widget_node); + gtk_css_node_add_class (priv->up_node, g_quark_from_static_string ("up")); gtk_css_node_set_state (priv->up_node, gtk_css_node_get_state (widget_node)); g_signal_connect_object (priv->up_node, "style-changed", G_CALLBACK (node_style_changed_cb), spin_button, 0); g_object_unref (priv->up_node); @@ -1266,12 +1273,8 @@ gtk_spin_button_get_preferred_width (GtkWidget *widget, GtkSpinButton *spin_button = GTK_SPIN_BUTTON (widget); GtkSpinButtonPrivate *priv = spin_button->priv; GtkEntry *entry = GTK_ENTRY (widget); - GtkStyleContext *context; - context = gtk_widget_get_style_context (widget); - gtk_style_context_save_to_node (context, priv->entry_node); GTK_WIDGET_CLASS (gtk_spin_button_parent_class)->get_preferred_width (widget, minimum, natural); - gtk_style_context_restore (context); if (gtk_entry_get_width_chars (entry) < 0) { @@ -1329,15 +1332,11 @@ gtk_spin_button_get_preferred_height_and_baseline_for_width (GtkWidget *widget, { GtkSpinButton *spin_button = GTK_SPIN_BUTTON (widget); GtkSpinButtonPrivate *priv = spin_button->priv; - GtkStyleContext *context; - context = gtk_widget_get_style_context (widget); - gtk_style_context_save_to_node (context, priv->entry_node); GTK_WIDGET_CLASS (gtk_spin_button_parent_class)->get_preferred_height_and_baseline_for_width (widget, width, minimum, natural, minimum_baseline, natural_baseline); - gtk_style_context_restore (context); if (priv->orientation == GTK_ORIENTATION_VERTICAL) { @@ -1372,14 +1371,10 @@ gtk_spin_button_size_allocate (GtkWidget *widget, GtkSpinButton *spin = GTK_SPIN_BUTTON (widget); GtkSpinButtonPrivate *priv = spin->priv; GtkAllocation down_panel_allocation, up_panel_allocation; - GtkStyleContext *context; gtk_widget_set_allocation (widget, allocation); - context = gtk_widget_get_style_context (widget); - gtk_style_context_save_to_node (context, priv->entry_node); GTK_WIDGET_CLASS (gtk_spin_button_parent_class)->size_allocate (widget, allocation); - gtk_style_context_restore (context); gtk_spin_button_panel_get_allocations (spin, &down_panel_allocation, &up_panel_allocation); @@ -1407,13 +1402,8 @@ gtk_spin_button_draw (GtkWidget *widget, { GtkSpinButton *spin = GTK_SPIN_BUTTON (widget); GtkSpinButtonPrivate *priv = spin->priv; - GtkStyleContext *context; - context = gtk_widget_get_style_context (widget); - - gtk_style_context_save_to_node (context, priv->entry_node); GTK_WIDGET_CLASS (gtk_spin_button_parent_class)->draw (widget, cr); - gtk_style_context_restore (context); /* Draw the buttons */ gtk_spin_button_panel_draw (spin, cr, priv->down_panel); diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 55af1e1c6d..abcb8912a0 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -219,7 +219,7 @@ spinner { * Text Entries * ****************/ -entry { +entry, .entry { border: 1px solid; padding: 5px 8px 6px; @@ -360,7 +360,7 @@ $_dot_color: if($variant=='light', $selected_bg_color, } } - +button, .button { $_button_transition: all 200ms $ease-out-quad; diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index b0d50a9f17..7ff0b31a64 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -152,7 +152,7 @@ spinner { /**************** * Text Entries * ****************/ -entry { +entry, .entry { border: 1px solid; padding: 5px 8px 6px; border-radius: 3px; @@ -162,13 +162,13 @@ entry { color: white; border-color: #1c1f1f; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); } - entry image.left { + entry image.left, .entry image.left { padding-left: 0; padding-right: 6px; } - entry image.right { + entry image.right, .entry image.right { padding-left: 6px; padding-right: 0; } - entry.flat, entry.flat:focus { + entry.flat, entry.flat:focus, .entry.flat, .entry.flat:focus { padding: 2px; background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); @@ -177,33 +177,33 @@ entry { box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); border: none; border-radius: 0; } - entry:focus { + entry:focus, .entry:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); box-shadow: inset 0 0 0 1px #215d9c, 0 1px rgba(238, 238, 236, 0.1); border-color: #0f2b48; } - entry:insensitive { + entry:insensitive, .entry:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); box-shadow: 0 1px rgba(238, 238, 236, 0.1); } - entry:backdrop { + entry:backdrop, .entry:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #d5d5d5; border-color: #1f2222; background-image: linear-gradient(to bottom, #2c2c2c); box-shadow: 0 1px rgba(238, 238, 236, 0); } - entry:backdrop:insensitive { + entry:backdrop:insensitive, .entry:backdrop:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); box-shadow: 0 1px rgba(238, 238, 236, 0); } - entry progress { + entry progress, .entry progress { margin: 1px; border-radius: 0; border-width: 0 0 2px; @@ -212,39 +212,39 @@ entry { background-image: none; background-color: transparent; box-shadow: none; } - entry progress:backdrop { + entry progress:backdrop, .entry progress:backdrop { background-color: transparent; } - .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > entry:focus + .button, .linked:not(.vertical) > entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > entry:focus + GtkComboBoxText > .the-button-in-the-combobox { + .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > entry:focus + .button, .linked:not(.vertical) > entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > entry:focus + GtkComboBoxText > .the-button-in-the-combobox, .linked:not(.vertical) > .entry:focus + entry, .linked:not(.vertical) > .entry:focus + .button, .linked:not(.vertical) > .entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > .entry:focus + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #0f2b48; } - entry.error { + entry.error, .entry.error { color: #cc0000; border-color: #1a0000; } - entry.error:focus { + entry.error:focus, .entry.error:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); box-shadow: inset 0 0 0 1px #cc0000, 0 1px rgba(238, 238, 236, 0.1); border-color: #1a0000; } - entry.error:selected, entry.error:selected:focus { + entry.error:selected, entry.error:selected:focus, .entry.error:selected, .entry.error:selected:focus { background-color: #cc0000; } - entry.warning { + entry.warning, .entry.warning { color: #f57900; border-color: #432100; } - entry.warning:focus { + entry.warning:focus, .entry.warning:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); box-shadow: inset 0 0 0 1px #f57900, 0 1px rgba(238, 238, 236, 0.1); border-color: #432100; } - entry.warning:selected, entry.warning:selected:focus { + entry.warning:selected, entry.warning:selected:focus, .entry.warning:selected, .entry.warning:selected:focus { background-color: #f57900; } - entry image { + entry image, .entry image { color: #c7c7c5; } - entry image:hover { + entry image:hover, .entry image:hover { color: #eeeeec; } - entry image:active { + entry image:active, .entry image:active { color: #215d9c; } - entry image:backdrop { + entry image:backdrop, .entry image:backdrop { color: #7f8281; } - .osd entry { + .osd entry, .osd .entry { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; @@ -254,7 +254,7 @@ entry { box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd entry:focus { + .osd entry:focus, .osd .entry:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; @@ -264,7 +264,7 @@ entry { box-shadow: inset 0 0 0 1px #215d9c; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd entry:backdrop { + .osd entry:backdrop, .osd .entry:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; @@ -274,7 +274,7 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd entry:insensitive { + .osd entry:insensitive, .osd .entry:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #878a89; @@ -314,7 +314,9 @@ entry { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3583d5), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), to(transparent)); } } -.button, .header-bar .button.titlebutton, +button, +.button, +.header-bar .button.titlebutton, .titlebar .button.titlebutton { border: 1px solid; border-radius: 3px; @@ -327,7 +329,10 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - .button.flat, .sidebar-button.button, .header-bar .titlebutton.button, + button.flat, + .button.flat, + .sidebar-button.button, + .header-bar .titlebutton.button, .titlebar .titlebutton.button { border-color: transparent; background-color: transparent; @@ -336,14 +341,22 @@ entry { text-shadow: none; icon-shadow: none; transition: none; } - .button.flat:hover, .sidebar-button.button:hover, .header-bar .titlebutton.button:hover, + button.flat:hover, + .button.flat:hover, + .sidebar-button.button:hover, + .header-bar .titlebutton.button:hover, .titlebar .titlebutton.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - .button.flat:hover:active, .sidebar-button.button:hover:active, .header-bar .titlebutton.button:hover:active, + button.flat:hover:active, + .button.flat:hover:active, + .sidebar-button.button:hover:active, + .header-bar .titlebutton.button:hover:active, .titlebar .titlebutton.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .button:hover, .header-bar .button.titlebutton:hover, + button:hover, + .button:hover, + .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -353,8 +366,12 @@ entry { icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); -gtk-image-effect: highlight; } - .button:active, .header-bar .button.titlebutton:active, - .titlebar .button.titlebutton:active, .button:checked, .header-bar .button.titlebutton:checked, + button:active, button:checked, + .button:active, + .header-bar .button.titlebutton:active, + .titlebar .button.titlebutton:active, + .button:checked, + .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -364,8 +381,13 @@ entry { icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); transition-duration: 50ms; } - .button:backdrop, .header-bar .button.titlebutton:backdrop, - .titlebar .button.titlebutton:backdrop, .button.flat:backdrop, .sidebar-button.button:backdrop, .header-bar .titlebutton.button:backdrop, + button:backdrop, button.flat:backdrop, + .button:backdrop, + .header-bar .button.titlebutton:backdrop, + .titlebar .button.titlebutton:backdrop, + .button.flat:backdrop, + .sidebar-button.button:backdrop, + .header-bar .titlebutton.button:backdrop, .titlebar .titlebutton.button:backdrop { color: #949796; border-color: #1f2222; @@ -374,14 +396,26 @@ entry { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); -gtk-image-effect: none; } - .button:backdrop:active, .button:backdrop:checked, .button.flat:backdrop:active, .sidebar-button.button:backdrop:active, .header-bar .titlebutton.button:backdrop:active, - .titlebar .titlebutton.button:backdrop:active, .button.flat:backdrop:checked, .sidebar-button.button:backdrop:checked, .header-bar .titlebutton.button:backdrop:checked, + button:backdrop:active, button:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, + .button:backdrop:active, + .button:backdrop:checked, + .button.flat:backdrop:active, + .sidebar-button.button:backdrop:active, + .header-bar .titlebutton.button:backdrop:active, + .titlebar .titlebutton.button:backdrop:active, + .button.flat:backdrop:checked, + .sidebar-button.button:backdrop:checked, + .header-bar .titlebutton.button:backdrop:checked, .titlebar .titlebutton.button:backdrop:checked { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #303535); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button:backdrop:insensitive, .button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive, + button:backdrop:insensitive, button.flat:backdrop:insensitive, + .button:backdrop:insensitive, + .button.flat:backdrop:insensitive, + .sidebar-button.button:backdrop:insensitive, + .header-bar .titlebutton.button:backdrop:insensitive, .titlebar .titlebutton.button:backdrop:insensitive { color: #5d6767; border-color: #1f2222; @@ -389,26 +423,58 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button:backdrop:insensitive > .label, .header-bar .button.titlebutton:backdrop:insensitive > .label, - .titlebar .button.titlebutton:backdrop:insensitive > .label, .button.flat:backdrop:insensitive > .label, .sidebar-button.button:backdrop:insensitive > .label, .header-bar .titlebutton.button:backdrop:insensitive > .label, + button:backdrop:insensitive > .label, button.flat:backdrop:insensitive > .label, + .button:backdrop:insensitive > .label, + .header-bar .button.titlebutton:backdrop:insensitive > .label, + .titlebar .button.titlebutton:backdrop:insensitive > .label, + .button.flat:backdrop:insensitive > .label, + .sidebar-button.button:backdrop:insensitive > .label, + .header-bar .titlebutton.button:backdrop:insensitive > .label, .titlebar .titlebutton.button:backdrop:insensitive > .label { color: inherit; } - .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked, .button.flat:backdrop:insensitive:active, .sidebar-button.button:backdrop:insensitive:active, .header-bar .titlebutton.button:backdrop:insensitive:active, - .titlebar .titlebutton.button:backdrop:insensitive:active, .button.flat:backdrop:insensitive:checked, .sidebar-button.button:backdrop:insensitive:checked, .header-bar .titlebutton.button:backdrop:insensitive:checked, + button:backdrop:insensitive:active, button:backdrop:insensitive:checked, button.flat:backdrop:insensitive:active, button.flat:backdrop:insensitive:checked, + .button:backdrop:insensitive:active, + .button:backdrop:insensitive:checked, + .button.flat:backdrop:insensitive:active, + .sidebar-button.button:backdrop:insensitive:active, + .header-bar .titlebutton.button:backdrop:insensitive:active, + .titlebar .titlebutton.button:backdrop:insensitive:active, + .button.flat:backdrop:insensitive:checked, + .sidebar-button.button:backdrop:insensitive:checked, + .header-bar .titlebutton.button:backdrop:insensitive:checked, .titlebar .titlebutton.button:backdrop:insensitive:checked { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button:backdrop:insensitive:active > .label, .header-bar .button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .button.flat:backdrop:insensitive:checked > .label, .sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, + button:backdrop:insensitive:active > .label, button:backdrop:insensitive:checked > .label, button.flat:backdrop:insensitive:active > .label, button.flat:backdrop:insensitive:checked > .label, + .button:backdrop:insensitive:active > .label, + .header-bar .button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .button.titlebutton:backdrop:insensitive:active > .label, + .button:backdrop:insensitive:checked > .label, + .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, + .button.flat:backdrop:insensitive:active > .label, + .sidebar-button.button:backdrop:insensitive:active > .label, + .header-bar .titlebutton.button:backdrop:insensitive:active > .label, + .titlebar .titlebutton.button:backdrop:insensitive:active > .label, + .button.flat:backdrop:insensitive:checked > .label, + .sidebar-button.button:backdrop:insensitive:checked > .label, + .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } - .button.flat:backdrop, .sidebar-button.button:backdrop, .header-bar .titlebutton.button:backdrop, - .titlebar .titlebutton.button:backdrop, .button.flat:insensitive, .sidebar-button.button:insensitive, .header-bar .titlebutton.button:insensitive, - .titlebar .titlebutton.button:insensitive, .button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive, + button.flat:backdrop, button.flat:insensitive, button.flat:backdrop:insensitive, + .button.flat:backdrop, + .sidebar-button.button:backdrop, + .header-bar .titlebutton.button:backdrop, + .titlebar .titlebutton.button:backdrop, + .button.flat:insensitive, + .sidebar-button.button:insensitive, + .header-bar .titlebutton.button:insensitive, + .titlebar .titlebutton.button:insensitive, + .button.flat:backdrop:insensitive, + .sidebar-button.button:backdrop:insensitive, + .header-bar .titlebutton.button:backdrop:insensitive, .titlebar .titlebutton.button:backdrop:insensitive { border-color: transparent; background-color: transparent; @@ -416,7 +482,9 @@ entry { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; } - .button:insensitive, .header-bar .button.titlebutton:insensitive, + button:insensitive, + .button:insensitive, + .header-bar .button.titlebutton:insensitive, .titlebar .button.titlebutton:insensitive { color: #949796; border-color: #1c1f1f; @@ -424,19 +492,29 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button:insensitive > .label, .header-bar .button.titlebutton:insensitive > .label, + button:insensitive > .label, + .button:insensitive > .label, + .header-bar .button.titlebutton:insensitive > .label, .titlebar .button.titlebutton:insensitive > .label { color: inherit; } - .button:insensitive:active, .button:insensitive:checked { + button:insensitive:active, button:insensitive:checked, + .button:insensitive:active, + .button:insensitive:checked { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #313434, #333636); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button:insensitive:active > .label, .header-bar .button.titlebutton:insensitive:active > .label, - .titlebar .button.titlebutton:insensitive:active > .label, .button:insensitive:checked > .label, .header-bar .button.titlebutton:insensitive:checked > .label, + button:insensitive:active > .label, button:insensitive:checked > .label, + .button:insensitive:active > .label, + .header-bar .button.titlebutton:insensitive:active > .label, + .titlebar .button.titlebutton:insensitive:active > .label, + .button:insensitive:checked > .label, + .header-bar .button.titlebutton:insensitive:checked > .label, .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } - .button.osd, .header-bar .osd.button.titlebutton, + button.osd, + .button.osd, + .header-bar .osd.button.titlebutton, .titlebar .osd.button.titlebutton { color: #eeeeec; border-radius: 5px; @@ -451,10 +529,15 @@ entry { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - .button.osd.image-button, GtkScaleButton.button.osd, - GtkVolumeButton.button.osd, .header-bar .osd.titlebutton.button, + button.osd.image-button, .header-bar button.osd.titlebutton.button, + .titlebar button.osd.titlebutton.button, + .button.osd.image-button, + GtkScaleButton.button.osd, + GtkVolumeButton.button.osd, + .header-bar .osd.titlebutton.button, .titlebar .osd.titlebutton.button { padding: 13px; } + button.osd:hover, .button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -466,7 +549,9 @@ entry { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - .button.osd:active, .button.osd:checked { + button.osd:active, button.osd:checked, + .button.osd:active, + .button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -477,7 +562,9 @@ entry { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - .button.osd:insensitive, .button.osd:backdrop:insensitive { + button.osd:insensitive, button.osd:backdrop:insensitive, + .button.osd:insensitive, + .button.osd:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -486,6 +573,7 @@ entry { text-shadow: none; icon-shadow: none; border: none; } + button.osd:backdrop, .button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); @@ -495,7 +583,8 @@ entry { text-shadow: none; icon-shadow: none; border: none; } - .osd .button, .osd .header-bar .button.titlebutton, .header-bar .osd .button.titlebutton, + .osd button, .osd + .button, .osd .header-bar .button.titlebutton, .header-bar .osd .button.titlebutton, .osd .titlebar .button.titlebutton, .titlebar .osd .button.titlebutton { color: #eeeeec; @@ -506,7 +595,8 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button:hover { + .osd button:hover, .osd + .button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); @@ -515,7 +605,11 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button:active, .osd .button:checked, .osd .button:backdrop:active, .osd .button:backdrop:checked { + .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked, .osd + .button:active, .osd + .button:checked, .osd + .button:backdrop:active, .osd + .button:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -524,7 +618,9 @@ entry { text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button:insensitive, .osd .button:backdrop:insensitive { + .osd button:insensitive, .osd button:backdrop:insensitive, .osd + .button:insensitive, .osd + .button:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -532,7 +628,8 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .button:backdrop { + .osd button:backdrop, .osd + .button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); @@ -540,7 +637,9 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .button.flat, .osd .sidebar-button.button, .osd .header-bar .titlebutton.button, .header-bar .osd .titlebutton.button, + .osd button.flat, .osd + .button.flat, .osd + .sidebar-button.button, .osd .header-bar .titlebutton.button, .header-bar .osd .titlebutton.button, .osd .titlebar .titlebutton.button, .titlebar .osd .titlebutton.button { border-color: transparent; @@ -552,7 +651,9 @@ entry { box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd .button.flat:hover, .osd .sidebar-button.button:hover, .osd .header-bar .titlebutton.button:hover, .header-bar .osd .titlebutton.button:hover, + .osd button.flat:hover, .osd + .button.flat:hover, .osd + .sidebar-button.button:hover, .osd .header-bar .titlebutton.button:hover, .header-bar .osd .titlebutton.button:hover, .osd .titlebar .titlebutton.button:hover, .titlebar .osd .titlebutton.button:hover { color: white; @@ -566,7 +667,9 @@ entry { background-clip: padding-box; border-color: transparent; box-shadow: none; } - .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive, .osd .header-bar .titlebutton.button:insensitive, .header-bar .osd .titlebutton.button:insensitive, + .osd button.flat:insensitive, .osd + .button.flat:insensitive, .osd + .sidebar-button.button:insensitive, .osd .header-bar .titlebutton.button:insensitive, .header-bar .osd .titlebutton.button:insensitive, .osd .titlebar .titlebutton.button:insensitive, .titlebar .osd .titlebutton.button:insensitive { color: #878a89; @@ -579,7 +682,9 @@ entry { background-image: none; border-color: transparent; box-shadow: none; } - .osd .button.flat:backdrop, .osd .sidebar-button.button:backdrop, .osd .header-bar .titlebutton.button:backdrop, .header-bar .osd .titlebutton.button:backdrop, + .osd button.flat:backdrop, .osd + .button.flat:backdrop, .osd + .sidebar-button.button:backdrop, .osd .header-bar .titlebutton.button:backdrop, .header-bar .osd .titlebutton.button:backdrop, .osd .titlebar .titlebutton.button:backdrop, .titlebar .osd .titlebutton.button:backdrop { border-color: transparent; @@ -588,9 +693,13 @@ entry { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; } - .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .header-bar .titlebutton.button:active, .header-bar .osd .titlebutton.button:active, + .osd button.flat:active, .osd button.flat:checked, .osd + .button.flat:active, .osd + .sidebar-button.button:active, .osd .header-bar .titlebutton.button:active, .header-bar .osd .titlebutton.button:active, .osd .titlebar .titlebutton.button:active, - .titlebar .osd .titlebutton.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked, .osd .header-bar .titlebutton.button:checked, .header-bar .osd .titlebutton.button:checked, + .titlebar .osd .titlebutton.button:active, .osd + .button.flat:checked, .osd + .sidebar-button.button:checked, .osd .header-bar .titlebutton.button:checked, .header-bar .osd .titlebutton.button:checked, .osd .titlebar .titlebutton.button:checked, .titlebar .osd .titlebutton.button:checked { color: white; @@ -604,7 +713,9 @@ entry { background-clip: padding-box; border-color: transparent; box-shadow: none; } - .button.suggested-action, .header-bar .suggested-action.button.titlebutton, + button.suggested-action, + .button.suggested-action, + .header-bar .suggested-action.button.titlebutton, .titlebar .suggested-action.button.titlebutton { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -613,7 +724,10 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - .button.suggested-action.flat, .suggested-action.sidebar-button.button, .header-bar .suggested-action.titlebutton.button, + button.suggested-action.flat, + .button.suggested-action.flat, + .suggested-action.sidebar-button.button, + .header-bar .suggested-action.titlebutton.button, .titlebar .suggested-action.titlebutton.button { border-color: transparent; background-color: transparent; @@ -622,6 +736,7 @@ entry { text-shadow: none; icon-shadow: none; color: #215d9c; } + button.suggested-action:hover, .button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -630,7 +745,9 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - .button.suggested-action:active, .button.suggested-action:checked { + button.suggested-action:active, button.suggested-action:checked, + .button.suggested-action:active, + .button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; @@ -638,7 +755,11 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .suggested-action.sidebar-button.button:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop, + button.suggested-action:backdrop, button.suggested-action.flat:backdrop, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop, + .suggested-action.sidebar-button.button:backdrop, + .header-bar .suggested-action.titlebutton.button:backdrop, .titlebar .suggested-action.titlebutton.button:backdrop { color: #d3dfeb; border-color: #0b1e33; @@ -646,14 +767,26 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .suggested-action.sidebar-button.button:backdrop:active, .header-bar .suggested-action.titlebutton.button:backdrop:active, - .titlebar .suggested-action.titlebutton.button:backdrop:active, .button.suggested-action.flat:backdrop:checked, .suggested-action.sidebar-button.button:backdrop:checked, .header-bar .suggested-action.titlebutton.button:backdrop:checked, + button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active, + .suggested-action.sidebar-button.button:backdrop:active, + .header-bar .suggested-action.titlebutton.button:backdrop:active, + .titlebar .suggested-action.titlebutton.button:backdrop:active, + .button.suggested-action.flat:backdrop:checked, + .suggested-action.sidebar-button.button:backdrop:checked, + .header-bar .suggested-action.titlebutton.button:backdrop:checked, .titlebar .suggested-action.titlebutton.button:backdrop:checked { color: #d1dae3; border-color: #0b1e33; background-image: linear-gradient(to bottom, #184472); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .suggested-action.sidebar-button.button:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, + button.suggested-action:backdrop:insensitive, button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive, + .suggested-action.sidebar-button.button:backdrop:insensitive, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive { color: #5d6767; border-color: #1f2222; @@ -661,26 +794,58 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.suggested-action:backdrop:insensitive > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .suggested-action.sidebar-button.button:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, + button.suggested-action:backdrop:insensitive > .label, button.suggested-action.flat:backdrop:insensitive > .label, + .button.suggested-action:backdrop:insensitive > .label, + .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .button.suggested-action.flat:backdrop:insensitive > .label, + .suggested-action.sidebar-button.button:backdrop:insensitive > .label, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive > .label { color: inherit; } - .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .suggested-action.sidebar-button.button:backdrop:insensitive:active, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .suggested-action.sidebar-button.button:backdrop:insensitive:checked, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked, + button.suggested-action:backdrop:insensitive:active, button.suggested-action:backdrop:insensitive:checked, button.suggested-action.flat:backdrop:insensitive:active, button.suggested-action.flat:backdrop:insensitive:checked, + .button.suggested-action:backdrop:insensitive:active, + .button.suggested-action:backdrop:insensitive:checked, + .button.suggested-action.flat:backdrop:insensitive:active, + .suggested-action.sidebar-button.button:backdrop:insensitive:active, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, + .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active, + .button.suggested-action.flat:backdrop:insensitive:checked, + .suggested-action.sidebar-button.button:backdrop:insensitive:checked, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked { color: #6c88a7; border-color: #0b1e33; background-image: linear-gradient(to bottom, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.suggested-action:backdrop:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, + button.suggested-action:backdrop:insensitive:active > .label, button.suggested-action:backdrop:insensitive:checked > .label, button.suggested-action.flat:backdrop:insensitive:active > .label, button.suggested-action.flat:backdrop:insensitive:checked > .label, + .button.suggested-action:backdrop:insensitive:active > .label, + .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, + .button.suggested-action:backdrop:insensitive:checked > .label, + .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, + .button.suggested-action.flat:backdrop:insensitive:active > .label, + .suggested-action.sidebar-button.button:backdrop:insensitive:active > .label, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, + .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, + .button.suggested-action.flat:backdrop:insensitive:checked > .label, + .suggested-action.sidebar-button.button:backdrop:insensitive:checked > .label, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } - .button.suggested-action.flat:backdrop, .suggested-action.sidebar-button.button:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop, - .titlebar .suggested-action.titlebutton.button:backdrop, .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.titlebutton.button:insensitive, - .titlebar .suggested-action.titlebutton.button:insensitive, .button.suggested-action.flat:backdrop:insensitive, .suggested-action.sidebar-button.button:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, + button.suggested-action.flat:backdrop, button.suggested-action.flat:insensitive, button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.flat:backdrop, + .suggested-action.sidebar-button.button:backdrop, + .header-bar .suggested-action.titlebutton.button:backdrop, + .titlebar .suggested-action.titlebutton.button:backdrop, + .button.suggested-action.flat:insensitive, + .suggested-action.sidebar-button.button:insensitive, + .header-bar .suggested-action.titlebutton.button:insensitive, + .titlebar .suggested-action.titlebutton.button:insensitive, + .button.suggested-action.flat:backdrop:insensitive, + .suggested-action.sidebar-button.button:backdrop:insensitive, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive { border-color: transparent; background-color: transparent; @@ -689,6 +854,7 @@ entry { text-shadow: none; icon-shadow: none; color: rgba(33, 93, 156, 0.8); } + button.suggested-action:insensitive, .button.suggested-action:insensitive { color: #949796; border-color: #1c1f1f; @@ -696,19 +862,28 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button.suggested-action:insensitive > .label, .header-bar .suggested-action.button.titlebutton:insensitive > .label, + button.suggested-action:insensitive > .label, + .button.suggested-action:insensitive > .label, + .header-bar .suggested-action.button.titlebutton:insensitive > .label, .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked { + button.suggested-action:insensitive:active, button.suggested-action:insensitive:checked, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked { color: #a5b6c9; border-color: #0b1e33; background-image: linear-gradient(to bottom, #1b4470, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button.suggested-action:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:insensitive:active > .label, - .titlebar .suggested-action.button.titlebutton:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:insensitive:checked > .label, + button.suggested-action:insensitive:active > .label, button.suggested-action:insensitive:checked > .label, + .button.suggested-action:insensitive:active > .label, + .header-bar .suggested-action.button.titlebutton:insensitive:active > .label, + .titlebar .suggested-action.button.titlebutton:insensitive:active > .label, + .button.suggested-action:insensitive:checked > .label, + .header-bar .suggested-action.button.titlebutton:insensitive:checked > .label, .titlebar .suggested-action.button.titlebutton:insensitive:checked > .label { color: inherit; } - .osd .button.suggested-action { + .osd button.suggested-action, .osd + .button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); @@ -717,7 +892,8 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.suggested-action:hover { + .osd button.suggested-action:hover, .osd + .button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7)); @@ -726,7 +902,11 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.suggested-action:active, .osd .button.suggested-action:checked, .osd .button.suggested-action:backdrop:active, .osd .button.suggested-action:backdrop:checked { + .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked, .osd + .button.suggested-action:active, .osd + .button.suggested-action:checked, .osd + .button.suggested-action:backdrop:active, .osd + .button.suggested-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #215d9c); @@ -735,7 +915,9 @@ entry { text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive { + .osd button.suggested-action:insensitive, .osd button.suggested-action:backdrop:insensitive, .osd + .button.suggested-action:insensitive, .osd + .button.suggested-action:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -743,7 +925,8 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .button.suggested-action:backdrop { + .osd button.suggested-action:backdrop, .osd + .button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); @@ -751,7 +934,9 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .button.destructive-action, .header-bar .destructive-action.button.titlebutton, + button.destructive-action, + .button.destructive-action, + .header-bar .destructive-action.button.titlebutton, .titlebar .destructive-action.button.titlebutton { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -760,7 +945,10 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(238, 238, 236, 0.1); } - .button.destructive-action.flat, .destructive-action.sidebar-button.button, .header-bar .destructive-action.titlebutton.button, + button.destructive-action.flat, + .button.destructive-action.flat, + .destructive-action.sidebar-button.button, + .header-bar .destructive-action.titlebutton.button, .titlebar .destructive-action.titlebutton.button { border-color: transparent; background-color: transparent; @@ -769,6 +957,7 @@ entry { text-shadow: none; icon-shadow: none; color: #d51010; } + button.destructive-action:hover, .button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -777,7 +966,9 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.60878); icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(238, 238, 236, 0.1); } - .button.destructive-action:active, .button.destructive-action:checked { + button.destructive-action:active, button.destructive-action:checked, + .button.destructive-action:active, + .button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; @@ -785,7 +976,11 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .destructive-action.sidebar-button.button:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop, + button.destructive-action:backdrop, button.destructive-action.flat:backdrop, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop, + .destructive-action.sidebar-button.button:backdrop, + .header-bar .destructive-action.titlebutton.button:backdrop, .titlebar .destructive-action.titlebutton.button:backdrop { color: #f7cfcf; border-color: #5e0707; @@ -793,14 +988,26 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .destructive-action.sidebar-button.button:backdrop:active, .header-bar .destructive-action.titlebutton.button:backdrop:active, - .titlebar .destructive-action.titlebutton.button:backdrop:active, .button.destructive-action.flat:backdrop:checked, .destructive-action.sidebar-button.button:backdrop:checked, .header-bar .destructive-action.titlebutton.button:backdrop:checked, + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active, + .destructive-action.sidebar-button.button:backdrop:active, + .header-bar .destructive-action.titlebutton.button:backdrop:active, + .titlebar .destructive-action.titlebutton.button:backdrop:active, + .button.destructive-action.flat:backdrop:checked, + .destructive-action.sidebar-button.button:backdrop:checked, + .header-bar .destructive-action.titlebutton.button:backdrop:checked, .titlebar .destructive-action.titlebutton.button:backdrop:checked { color: #edcece; border-color: #5e0707; background-image: linear-gradient(to bottom, #a60c0c); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .destructive-action.sidebar-button.button:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, + button.destructive-action:backdrop:insensitive, button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive, + .destructive-action.sidebar-button.button:backdrop:insensitive, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive { color: #5d6767; border-color: #1f2222; @@ -808,26 +1015,58 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.destructive-action:backdrop:insensitive > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .destructive-action.sidebar-button.button:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, + button.destructive-action:backdrop:insensitive > .label, button.destructive-action.flat:backdrop:insensitive > .label, + .button.destructive-action:backdrop:insensitive > .label, + .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .button.destructive-action.flat:backdrop:insensitive > .label, + .destructive-action.sidebar-button.button:backdrop:insensitive > .label, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive > .label { color: inherit; } - .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .destructive-action.sidebar-button.button:backdrop:insensitive:active, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .destructive-action.sidebar-button.button:backdrop:insensitive:checked, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked, + button.destructive-action:backdrop:insensitive:active, button.destructive-action:backdrop:insensitive:checked, button.destructive-action.flat:backdrop:insensitive:active, button.destructive-action.flat:backdrop:insensitive:checked, + .button.destructive-action:backdrop:insensitive:active, + .button.destructive-action:backdrop:insensitive:checked, + .button.destructive-action.flat:backdrop:insensitive:active, + .destructive-action.sidebar-button.button:backdrop:insensitive:active, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, + .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active, + .button.destructive-action.flat:backdrop:insensitive:checked, + .destructive-action.sidebar-button.button:backdrop:insensitive:checked, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked { color: #c46565; border-color: #5e0707; background-image: linear-gradient(to bottom, #a41212); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.destructive-action:backdrop:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, + button.destructive-action:backdrop:insensitive:active > .label, button.destructive-action:backdrop:insensitive:checked > .label, button.destructive-action.flat:backdrop:insensitive:active > .label, button.destructive-action.flat:backdrop:insensitive:checked > .label, + .button.destructive-action:backdrop:insensitive:active > .label, + .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, + .button.destructive-action:backdrop:insensitive:checked > .label, + .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, + .button.destructive-action.flat:backdrop:insensitive:active > .label, + .destructive-action.sidebar-button.button:backdrop:insensitive:active > .label, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, + .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, + .button.destructive-action.flat:backdrop:insensitive:checked > .label, + .destructive-action.sidebar-button.button:backdrop:insensitive:checked > .label, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } - .button.destructive-action.flat:backdrop, .destructive-action.sidebar-button.button:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop, - .titlebar .destructive-action.titlebutton.button:backdrop, .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.titlebutton.button:insensitive, - .titlebar .destructive-action.titlebutton.button:insensitive, .button.destructive-action.flat:backdrop:insensitive, .destructive-action.sidebar-button.button:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, + button.destructive-action.flat:backdrop, button.destructive-action.flat:insensitive, button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.flat:backdrop, + .destructive-action.sidebar-button.button:backdrop, + .header-bar .destructive-action.titlebutton.button:backdrop, + .titlebar .destructive-action.titlebutton.button:backdrop, + .button.destructive-action.flat:insensitive, + .destructive-action.sidebar-button.button:insensitive, + .header-bar .destructive-action.titlebutton.button:insensitive, + .titlebar .destructive-action.titlebutton.button:insensitive, + .button.destructive-action.flat:backdrop:insensitive, + .destructive-action.sidebar-button.button:backdrop:insensitive, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive { border-color: transparent; background-color: transparent; @@ -836,6 +1075,7 @@ entry { text-shadow: none; icon-shadow: none; color: rgba(213, 16, 16, 0.8); } + button.destructive-action:insensitive, .button.destructive-action:insensitive { color: #949796; border-color: #1c1f1f; @@ -843,19 +1083,28 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button.destructive-action:insensitive > .label, .header-bar .destructive-action.button.titlebutton:insensitive > .label, + button.destructive-action:insensitive > .label, + .button.destructive-action:insensitive > .label, + .header-bar .destructive-action.button.titlebutton:insensitive > .label, .titlebar .destructive-action.button.titlebutton:insensitive > .label { color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { + button.destructive-action:insensitive:active, button.destructive-action:insensitive:checked, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked { color: #dba0a0; border-color: #5e0707; background-image: linear-gradient(to bottom, #9d1111, #a41212); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button.destructive-action:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:insensitive:active > .label, - .titlebar .destructive-action.button.titlebutton:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:insensitive:checked > .label, + button.destructive-action:insensitive:active > .label, button.destructive-action:insensitive:checked > .label, + .button.destructive-action:insensitive:active > .label, + .header-bar .destructive-action.button.titlebutton:insensitive:active > .label, + .titlebar .destructive-action.button.titlebutton:insensitive:active > .label, + .button.destructive-action:insensitive:checked > .label, + .header-bar .destructive-action.button.titlebutton:insensitive:checked > .label, .titlebar .destructive-action.button.titlebutton:insensitive:checked > .label { color: inherit; } - .osd .button.destructive-action { + .osd button.destructive-action, .osd + .button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); @@ -864,7 +1113,8 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.destructive-action:hover { + .osd button.destructive-action:hover, .osd + .button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7)); @@ -873,7 +1123,11 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.destructive-action:active, .osd .button.destructive-action:checked, .osd .button.destructive-action:backdrop:active, .osd .button.destructive-action:backdrop:checked { + .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked, .osd + .button.destructive-action:active, .osd + .button.destructive-action:checked, .osd + .button.destructive-action:backdrop:active, .osd + .button.destructive-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #d51010); @@ -882,7 +1136,9 @@ entry { text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive { + .osd button.destructive-action:insensitive, .osd button.destructive-action:backdrop:insensitive, .osd + .button.destructive-action:insensitive, .osd + .button.destructive-action:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -890,7 +1146,8 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .button.destructive-action:backdrop { + .osd button.destructive-action:backdrop, .osd + .button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); @@ -898,69 +1155,108 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .button.image-button, GtkScaleButton.button, - GtkVolumeButton.button, .header-bar .titlebutton.button, + button.image-button, .header-bar button.titlebutton.button, + .titlebar button.titlebutton.button, + .button.image-button, + GtkScaleButton.button, + GtkVolumeButton.button, + .header-bar .titlebutton.button, .titlebar .titlebutton.button { padding: 8px; } - .button.text-button, GtkScaleButton.button.text-button, - GtkVolumeButton.button.text-button, .header-bar .text-button.button.titlebutton, + button.text-button, + .button.text-button, + GtkScaleButton.button.text-button, + GtkVolumeButton.button.text-button, + .header-bar .text-button.button.titlebutton, .titlebar .text-button.button.titlebutton { padding-left: 16px; padding-right: 16px; } - .button.text-button.image-button, GtkScaleButton.button.text-button, - GtkVolumeButton.button.text-button, .header-bar .text-button.titlebutton.button, + button.text-button.image-button, .header-bar button.text-button.titlebutton.button, + .titlebar button.text-button.titlebutton.button, + .button.text-button.image-button, + GtkScaleButton.button.text-button, + GtkVolumeButton.button.text-button, + .header-bar .text-button.titlebutton.button, .titlebar .text-button.titlebutton.button { padding: 5px 8px 6px; } - .button.text-button.image-button label:first-child, GtkScaleButton.button.text-button label:first-child, - GtkVolumeButton.button.text-button label:first-child, .header-bar .text-button.titlebutton.button label:first-child, + button.text-button.image-button label:first-child, .header-bar button.text-button.titlebutton.button label:first-child, + .titlebar button.text-button.titlebutton.button label:first-child, + .button.text-button.image-button label:first-child, + GtkScaleButton.button.text-button label:first-child, + GtkVolumeButton.button.text-button label:first-child, + .header-bar .text-button.titlebutton.button label:first-child, .titlebar .text-button.titlebutton.button label:first-child { padding-left: 8px; } - .button.text-button.image-button label:last-child, GtkScaleButton.button.text-button label:last-child, - GtkVolumeButton.button.text-button label:last-child, .header-bar .text-button.titlebutton.button label:last-child, + button.text-button.image-button label:last-child, .header-bar button.text-button.titlebutton.button label:last-child, + .titlebar button.text-button.titlebutton.button label:last-child, + .button.text-button.image-button label:last-child, + GtkScaleButton.button.text-button label:last-child, + GtkVolumeButton.button.text-button label:last-child, + .header-bar .text-button.titlebutton.button label:last-child, .titlebar .text-button.titlebutton.button label:last-child { padding-right: 8px; } - .stack-switcher > .button, .header-bar .stack-switcher > .button.titlebutton, + .stack-switcher > button, .stack-switcher > + .button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { outline-offset: -3px; } - .stack-switcher > .button > label, .header-bar .stack-switcher > .button.titlebutton > label, + .stack-switcher > button > label, .stack-switcher > + .button > label, .header-bar .stack-switcher > .button.titlebutton > label, .titlebar .stack-switcher > .button.titlebutton > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > .button > image, .header-bar .stack-switcher > .button.titlebutton > image, + .stack-switcher > button > image, .stack-switcher > + .button > image, .header-bar .stack-switcher > .button.titlebutton > image, .titlebar .stack-switcher > .button.titlebutton > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > .button.text-button, .header-bar .stack-switcher > .text-button.button.titlebutton, + .stack-switcher > button.text-button, .stack-switcher > + .button.text-button, .header-bar .stack-switcher > .text-button.button.titlebutton, .titlebar .stack-switcher > .text-button.button.titlebutton { padding: 5px 10px 6px; } - .stack-switcher > .button.image-button, .stack-switcher > GtkScaleButton.button, + .stack-switcher > button.image-button, .header-bar .stack-switcher > button.titlebutton.button, + .titlebar .stack-switcher > button.titlebutton.button, .stack-switcher > + .button.image-button, .stack-switcher > + GtkScaleButton.button, .stack-switcher > GtkVolumeButton.button, .header-bar .stack-switcher > .titlebutton.button, .titlebar .stack-switcher > .titlebutton.button { padding: 5px 2px; } - .stack-switcher > .button.needs-attention:active > label, .stack-switcher > .button.needs-attention:active > image, .stack-switcher > .button.needs-attention:checked > label, .stack-switcher > .button.needs-attention:checked > image { + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, .stack-switcher > + .button.needs-attention:active > label, .stack-switcher > + .button.needs-attention:active > image, .stack-switcher > + .button.needs-attention:checked > label, .stack-switcher > + .button.needs-attention:checked > image { animation: none; background-image: none; } - .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, + .inline-toolbar button, .inline-toolbar button:backdrop, .inline-toolbar + .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, .inline-toolbar .titlebar .button.titlebutton, - .titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop { + .titlebar .inline-toolbar .button.titlebutton, .inline-toolbar + .button:backdrop { border-radius: 2px; border-width: 1px; } - .primary-toolbar .button, .primary-toolbar .header-bar .button.titlebutton, .header-bar .primary-toolbar .button.titlebutton, + .primary-toolbar button, .primary-toolbar + .button, .primary-toolbar .header-bar .button.titlebutton, .header-bar .primary-toolbar .button.titlebutton, .primary-toolbar .titlebar .button.titlebutton, .titlebar .primary-toolbar .button.titlebutton { icon-shadow: none; } -.stack-switcher > .button.needs-attention > label, .stack-switcher > .button.needs-attention > image, .sidebar-item.needs-attention > label { +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .stack-switcher > +.button.needs-attention > label, .stack-switcher > +.button.needs-attention > image, .sidebar-item.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .stack-switcher > .button.needs-attention > label:backdrop, .stack-switcher > .button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop { + .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .stack-switcher > + .button.needs-attention > label:backdrop, .stack-switcher > + .button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > label:dir(rtl), .stack-switcher > .button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .stack-switcher > + .button.needs-attention > label:dir(rtl), .stack-switcher > + .button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar GtkToolButton > .button, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton, @@ -1060,16 +1356,25 @@ entry { .inline-toolbar .header-bar GtkToolButton:backdrop > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > entry, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, +.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > entry, .linked:not(.vertical) > .entry, .inline-toolbar button, .inline-toolbar button:backdrop, .inline-toolbar +.button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, .inline-toolbar .titlebar .button.titlebutton, -.titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop, .linked > .button, .header-bar .linked > .button.titlebutton, -.titlebar .linked > .button.titlebutton, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), +.titlebar .inline-toolbar .button.titlebutton, .inline-toolbar +.button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > +.button, .header-bar .linked > .button.titlebutton, +.titlebar .linked > .button.titlebutton, .linked > +.button:hover, .linked > +.button:active, .linked > +.button:checked, .linked > +.button:backdrop, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .header-bar .linked > .button.titlebutton:first-child, +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > .entry:first-child, .inline-toolbar button:first-child, .inline-toolbar +.button:first-child, .linked > button:first-child, .linked > +.button:first-child, .header-bar .linked > .button.titlebutton:first-child, .titlebar .linked > .button.titlebutton:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:first-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, @@ -1088,7 +1393,9 @@ entry { .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .header-bar .linked > .button.titlebutton:last-child, +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > .entry:last-child, .inline-toolbar button:last-child, .inline-toolbar +.button:last-child, .linked > button:last-child, .linked > +.button:last-child, .header-bar .linked > .button.titlebutton:last-child, .titlebar .linked > .button.titlebutton:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, @@ -1108,7 +1415,9 @@ entry { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .header-bar .linked > .button.titlebutton:only-child, +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > .entry:only-child, .inline-toolbar button:only-child, .inline-toolbar +.button:only-child, .linked > button:only-child, .linked > +.button:only-child, .header-bar .linked > .button.titlebutton:only-child, .titlebar .linked > .button.titlebutton:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:only-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, @@ -1128,24 +1437,32 @@ entry { border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > .button, .header-bar .linked.vertical > .button.titlebutton, -.titlebar .linked.vertical > .button.titlebutton, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, +.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > +.button, .header-bar .linked.vertical > .button.titlebutton, +.titlebar .linked.vertical > .button.titlebutton, .linked.vertical > +.button:hover, .linked.vertical > +.button:active, .linked.vertical > +.button:checked, .linked.vertical > +.button:backdrop, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > +.button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, .titlebar .linked.vertical > .button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > +.button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, .titlebar .linked.vertical > .button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > +.button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, .titlebar .linked.vertical > .button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; @@ -4340,17 +4657,17 @@ decoration { .titlebar.selection-mode .titlebutton.button:backdrop { icon-shadow: none; } -.view:selected, calendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, +.view:selected, calendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, .titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected { background-color: #215d9c; color: #ffffff; } - .view:insensitive:selected, calendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, + .view:insensitive:selected, calendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, entry:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, .titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label { color: #90aece; } - .view:backdrop:selected, calendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, + .view:backdrop:selected, calendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, entry:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected { color: #ffffff; } - .view:backdrop:insensitive:selected, calendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, + .view:backdrop:insensitive:selected, calendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, .titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive label { color: #648eba; } diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 294c3e8afb..d3a4a89322 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -152,7 +152,7 @@ spinner { /**************** * Text Entries * ****************/ -entry { +entry, .entry { border: 1px solid; padding: 5px 8px 6px; border-radius: 3px; @@ -162,13 +162,13 @@ entry { color: black; border-color: #a1a1a1; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; } - entry image.left { + entry image.left, .entry image.left { padding-left: 0; padding-right: 6px; } - entry image.right { + entry image.right, .entry image.right { padding-left: 6px; padding-right: 0; } - entry.flat, entry.flat:focus { + entry.flat, entry.flat:focus, .entry.flat, .entry.flat:focus { padding: 2px; background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); @@ -177,33 +177,33 @@ entry { box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); border: none; border-radius: 0; } - entry:focus { + entry:focus, .entry:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); box-shadow: inset 0 0 0 1px #4a90d9, 0 1px white; border-color: #4a90d9; } - entry:insensitive { + entry:insensitive, .entry:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); box-shadow: 0 1px white; } - entry:backdrop { + entry:backdrop, .entry:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #333333; border-color: darkgray; background-image: linear-gradient(to bottom, white); box-shadow: 0 1px rgba(255, 255, 255, 0); } - entry:backdrop:insensitive { + entry:backdrop:insensitive, .entry:backdrop:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); box-shadow: 0 1px rgba(255, 255, 255, 0); } - entry progress { + entry progress, .entry progress { margin: 1px; border-radius: 0; border-width: 0 0 2px; @@ -212,39 +212,39 @@ entry { background-image: none; background-color: transparent; box-shadow: none; } - entry progress:backdrop { + entry progress:backdrop, .entry progress:backdrop { background-color: transparent; } - .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > entry:focus + .button, .linked:not(.vertical) > entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > entry:focus + GtkComboBoxText > .the-button-in-the-combobox { + .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > entry:focus + .button, .linked:not(.vertical) > entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > entry:focus + GtkComboBoxText > .the-button-in-the-combobox, .linked:not(.vertical) > .entry:focus + entry, .linked:not(.vertical) > .entry:focus + .button, .linked:not(.vertical) > .entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > .entry:focus + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #4a90d9; } - entry.error { + entry.error, .entry.error { color: #cc0000; border-color: #cc0000; } - entry.error:focus { + entry.error:focus, .entry.error:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); box-shadow: inset 0 0 0 1px #cc0000, 0 1px white; border-color: #cc0000; } - entry.error:selected, entry.error:selected:focus { + entry.error:selected, entry.error:selected:focus, .entry.error:selected, .entry.error:selected:focus { background-color: #cc0000; } - entry.warning { + entry.warning, .entry.warning { color: #f57900; border-color: #f57900; } - entry.warning:focus { + entry.warning:focus, .entry.warning:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); box-shadow: inset 0 0 0 1px #f57900, 0 1px white; border-color: #f57900; } - entry.warning:selected, entry.warning:selected:focus { + entry.warning:selected, entry.warning:selected:focus, .entry.warning:selected, .entry.warning:selected:focus { background-color: #f57900; } - entry image { + entry image, .entry image { color: #585d5e; } - entry image:hover { + entry image:hover, .entry image:hover { color: #2e3436; } - entry image:active { + entry image:active, .entry image:active { color: #4a90d9; } - entry image:backdrop { + entry image:backdrop, .entry image:backdrop { color: #a5a7a8; } - .osd entry { + .osd entry, .osd .entry { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: white; @@ -254,7 +254,7 @@ entry { box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd entry:focus { + .osd entry:focus, .osd .entry:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: white; @@ -264,7 +264,7 @@ entry { box-shadow: inset 0 0 0 1px #4a90d9; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd entry:backdrop { + .osd entry:backdrop, .osd .entry:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: white; @@ -274,7 +274,7 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd entry:insensitive { + .osd entry:insensitive, .osd .entry:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #878a89; @@ -314,7 +314,9 @@ entry { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4a90d9), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)); } } -.button, .header-bar .button.titlebutton, +button, +.button, +.header-bar .button.titlebutton, .titlebar .button.titlebutton { border: 1px solid; border-radius: 3px; @@ -327,7 +329,10 @@ entry { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; } - .button.flat, .sidebar-button.button, .header-bar .titlebutton.button, + button.flat, + .button.flat, + .sidebar-button.button, + .header-bar .titlebutton.button, .titlebar .titlebutton.button { border-color: transparent; background-color: transparent; @@ -336,14 +341,22 @@ entry { text-shadow: none; icon-shadow: none; transition: none; } - .button.flat:hover, .sidebar-button.button:hover, .header-bar .titlebutton.button:hover, + button.flat:hover, + .button.flat:hover, + .sidebar-button.button:hover, + .header-bar .titlebutton.button:hover, .titlebar .titlebutton.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - .button.flat:hover:active, .sidebar-button.button:hover:active, .header-bar .titlebutton.button:hover:active, + button.flat:hover:active, + .button.flat:hover:active, + .sidebar-button.button:hover:active, + .header-bar .titlebutton.button:hover:active, .titlebar .titlebutton.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .button:hover, .header-bar .button.titlebutton:hover, + button:hover, + .button:hover, + .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); @@ -353,8 +366,12 @@ entry { icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; -gtk-image-effect: highlight; } - .button:active, .header-bar .button.titlebutton:active, - .titlebar .button.titlebutton:active, .button:checked, .header-bar .button.titlebutton:checked, + button:active, button:checked, + .button:active, + .header-bar .button.titlebutton:active, + .titlebar .button.titlebutton:active, + .button:checked, + .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); @@ -364,8 +381,13 @@ entry { icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; transition-duration: 50ms; } - .button:backdrop, .header-bar .button.titlebutton:backdrop, - .titlebar .button.titlebutton:backdrop, .button.flat:backdrop, .sidebar-button.button:backdrop, .header-bar .titlebutton.button:backdrop, + button:backdrop, button.flat:backdrop, + .button:backdrop, + .header-bar .button.titlebutton:backdrop, + .titlebar .button.titlebutton:backdrop, + .button.flat:backdrop, + .sidebar-button.button:backdrop, + .header-bar .titlebutton.button:backdrop, .titlebar .titlebutton.button:backdrop { color: #8e9192; border-color: darkgray; @@ -374,14 +396,26 @@ entry { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); -gtk-image-effect: none; } - .button:backdrop:active, .button:backdrop:checked, .button.flat:backdrop:active, .sidebar-button.button:backdrop:active, .header-bar .titlebutton.button:backdrop:active, - .titlebar .titlebutton.button:backdrop:active, .button.flat:backdrop:checked, .sidebar-button.button:backdrop:checked, .header-bar .titlebutton.button:backdrop:checked, + button:backdrop:active, button:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, + .button:backdrop:active, + .button:backdrop:checked, + .button.flat:backdrop:active, + .sidebar-button.button:backdrop:active, + .header-bar .titlebutton.button:backdrop:active, + .titlebar .titlebutton.button:backdrop:active, + .button.flat:backdrop:checked, + .sidebar-button.button:backdrop:checked, + .header-bar .titlebutton.button:backdrop:checked, .titlebar .titlebutton.button:backdrop:checked { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #d5d5d5); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button:backdrop:insensitive, .button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive, + button:backdrop:insensitive, button.flat:backdrop:insensitive, + .button:backdrop:insensitive, + .button.flat:backdrop:insensitive, + .sidebar-button.button:backdrop:insensitive, + .header-bar .titlebutton.button:backdrop:insensitive, .titlebar .titlebutton.button:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; @@ -389,26 +423,58 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button:backdrop:insensitive > .label, .header-bar .button.titlebutton:backdrop:insensitive > .label, - .titlebar .button.titlebutton:backdrop:insensitive > .label, .button.flat:backdrop:insensitive > .label, .sidebar-button.button:backdrop:insensitive > .label, .header-bar .titlebutton.button:backdrop:insensitive > .label, + button:backdrop:insensitive > .label, button.flat:backdrop:insensitive > .label, + .button:backdrop:insensitive > .label, + .header-bar .button.titlebutton:backdrop:insensitive > .label, + .titlebar .button.titlebutton:backdrop:insensitive > .label, + .button.flat:backdrop:insensitive > .label, + .sidebar-button.button:backdrop:insensitive > .label, + .header-bar .titlebutton.button:backdrop:insensitive > .label, .titlebar .titlebutton.button:backdrop:insensitive > .label { color: inherit; } - .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked, .button.flat:backdrop:insensitive:active, .sidebar-button.button:backdrop:insensitive:active, .header-bar .titlebutton.button:backdrop:insensitive:active, - .titlebar .titlebutton.button:backdrop:insensitive:active, .button.flat:backdrop:insensitive:checked, .sidebar-button.button:backdrop:insensitive:checked, .header-bar .titlebutton.button:backdrop:insensitive:checked, + button:backdrop:insensitive:active, button:backdrop:insensitive:checked, button.flat:backdrop:insensitive:active, button.flat:backdrop:insensitive:checked, + .button:backdrop:insensitive:active, + .button:backdrop:insensitive:checked, + .button.flat:backdrop:insensitive:active, + .sidebar-button.button:backdrop:insensitive:active, + .header-bar .titlebutton.button:backdrop:insensitive:active, + .titlebar .titlebutton.button:backdrop:insensitive:active, + .button.flat:backdrop:insensitive:checked, + .sidebar-button.button:backdrop:insensitive:checked, + .header-bar .titlebutton.button:backdrop:insensitive:checked, .titlebar .titlebutton.button:backdrop:insensitive:checked { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #e7e7e7); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button:backdrop:insensitive:active > .label, .header-bar .button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .button.flat:backdrop:insensitive:checked > .label, .sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, + button:backdrop:insensitive:active > .label, button:backdrop:insensitive:checked > .label, button.flat:backdrop:insensitive:active > .label, button.flat:backdrop:insensitive:checked > .label, + .button:backdrop:insensitive:active > .label, + .header-bar .button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .button.titlebutton:backdrop:insensitive:active > .label, + .button:backdrop:insensitive:checked > .label, + .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, + .button.flat:backdrop:insensitive:active > .label, + .sidebar-button.button:backdrop:insensitive:active > .label, + .header-bar .titlebutton.button:backdrop:insensitive:active > .label, + .titlebar .titlebutton.button:backdrop:insensitive:active > .label, + .button.flat:backdrop:insensitive:checked > .label, + .sidebar-button.button:backdrop:insensitive:checked > .label, + .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } - .button.flat:backdrop, .sidebar-button.button:backdrop, .header-bar .titlebutton.button:backdrop, - .titlebar .titlebutton.button:backdrop, .button.flat:insensitive, .sidebar-button.button:insensitive, .header-bar .titlebutton.button:insensitive, - .titlebar .titlebutton.button:insensitive, .button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive, + button.flat:backdrop, button.flat:insensitive, button.flat:backdrop:insensitive, + .button.flat:backdrop, + .sidebar-button.button:backdrop, + .header-bar .titlebutton.button:backdrop, + .titlebar .titlebutton.button:backdrop, + .button.flat:insensitive, + .sidebar-button.button:insensitive, + .header-bar .titlebutton.button:insensitive, + .titlebar .titlebutton.button:insensitive, + .button.flat:backdrop:insensitive, + .sidebar-button.button:backdrop:insensitive, + .header-bar .titlebutton.button:backdrop:insensitive, .titlebar .titlebutton.button:backdrop:insensitive { border-color: transparent; background-color: transparent; @@ -416,7 +482,9 @@ entry { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } - .button:insensitive, .header-bar .button.titlebutton:insensitive, + button:insensitive, + .button:insensitive, + .header-bar .button.titlebutton:insensitive, .titlebar .button.titlebutton:insensitive { color: #8e9192; border-color: #a1a1a1; @@ -424,19 +492,29 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button:insensitive > .label, .header-bar .button.titlebutton:insensitive > .label, + button:insensitive > .label, + .button:insensitive > .label, + .header-bar .button.titlebutton:insensitive > .label, .titlebar .button.titlebutton:insensitive > .label { color: inherit; } - .button:insensitive:active, .button:insensitive:checked { + button:insensitive:active, button:insensitive:checked, + .button:insensitive:active, + .button:insensitive:checked { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ececec, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button:insensitive:active > .label, .header-bar .button.titlebutton:insensitive:active > .label, - .titlebar .button.titlebutton:insensitive:active > .label, .button:insensitive:checked > .label, .header-bar .button.titlebutton:insensitive:checked > .label, + button:insensitive:active > .label, button:insensitive:checked > .label, + .button:insensitive:active > .label, + .header-bar .button.titlebutton:insensitive:active > .label, + .titlebar .button.titlebutton:insensitive:active > .label, + .button:insensitive:checked > .label, + .header-bar .button.titlebutton:insensitive:checked > .label, .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } - .button.osd, .header-bar .osd.button.titlebutton, + button.osd, + .button.osd, + .header-bar .osd.button.titlebutton, .titlebar .osd.button.titlebutton { color: #eeeeec; border-radius: 5px; @@ -451,10 +529,15 @@ entry { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - .button.osd.image-button, GtkScaleButton.button.osd, - GtkVolumeButton.button.osd, .header-bar .osd.titlebutton.button, + button.osd.image-button, .header-bar button.osd.titlebutton.button, + .titlebar button.osd.titlebutton.button, + .button.osd.image-button, + GtkScaleButton.button.osd, + GtkVolumeButton.button.osd, + .header-bar .osd.titlebutton.button, .titlebar .osd.titlebutton.button { padding: 13px; } + button.osd:hover, .button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -466,7 +549,9 @@ entry { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - .button.osd:active, .button.osd:checked { + button.osd:active, button.osd:checked, + .button.osd:active, + .button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -477,7 +562,9 @@ entry { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - .button.osd:insensitive, .button.osd:backdrop:insensitive { + button.osd:insensitive, button.osd:backdrop:insensitive, + .button.osd:insensitive, + .button.osd:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -486,6 +573,7 @@ entry { text-shadow: none; icon-shadow: none; border: none; } + button.osd:backdrop, .button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); @@ -495,7 +583,8 @@ entry { text-shadow: none; icon-shadow: none; border: none; } - .osd .button, .osd .header-bar .button.titlebutton, .header-bar .osd .button.titlebutton, + .osd button, .osd + .button, .osd .header-bar .button.titlebutton, .header-bar .osd .button.titlebutton, .osd .titlebar .button.titlebutton, .titlebar .osd .button.titlebutton { color: #eeeeec; @@ -506,7 +595,8 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button:hover { + .osd button:hover, .osd + .button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); @@ -515,7 +605,11 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button:active, .osd .button:checked, .osd .button:backdrop:active, .osd .button:backdrop:checked { + .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked, .osd + .button:active, .osd + .button:checked, .osd + .button:backdrop:active, .osd + .button:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -524,7 +618,9 @@ entry { text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button:insensitive, .osd .button:backdrop:insensitive { + .osd button:insensitive, .osd button:backdrop:insensitive, .osd + .button:insensitive, .osd + .button:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -532,7 +628,8 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .button:backdrop { + .osd button:backdrop, .osd + .button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); @@ -540,7 +637,9 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .button.flat, .osd .sidebar-button.button, .osd .header-bar .titlebutton.button, .header-bar .osd .titlebutton.button, + .osd button.flat, .osd + .button.flat, .osd + .sidebar-button.button, .osd .header-bar .titlebutton.button, .header-bar .osd .titlebutton.button, .osd .titlebar .titlebutton.button, .titlebar .osd .titlebutton.button { border-color: transparent; @@ -552,7 +651,9 @@ entry { box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd .button.flat:hover, .osd .sidebar-button.button:hover, .osd .header-bar .titlebutton.button:hover, .header-bar .osd .titlebutton.button:hover, + .osd button.flat:hover, .osd + .button.flat:hover, .osd + .sidebar-button.button:hover, .osd .header-bar .titlebutton.button:hover, .header-bar .osd .titlebutton.button:hover, .osd .titlebar .titlebutton.button:hover, .titlebar .osd .titlebutton.button:hover { color: white; @@ -566,7 +667,9 @@ entry { background-clip: padding-box; border-color: transparent; box-shadow: none; } - .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive, .osd .header-bar .titlebutton.button:insensitive, .header-bar .osd .titlebutton.button:insensitive, + .osd button.flat:insensitive, .osd + .button.flat:insensitive, .osd + .sidebar-button.button:insensitive, .osd .header-bar .titlebutton.button:insensitive, .header-bar .osd .titlebutton.button:insensitive, .osd .titlebar .titlebutton.button:insensitive, .titlebar .osd .titlebutton.button:insensitive { color: #878a89; @@ -579,7 +682,9 @@ entry { background-image: none; border-color: transparent; box-shadow: none; } - .osd .button.flat:backdrop, .osd .sidebar-button.button:backdrop, .osd .header-bar .titlebutton.button:backdrop, .header-bar .osd .titlebutton.button:backdrop, + .osd button.flat:backdrop, .osd + .button.flat:backdrop, .osd + .sidebar-button.button:backdrop, .osd .header-bar .titlebutton.button:backdrop, .header-bar .osd .titlebutton.button:backdrop, .osd .titlebar .titlebutton.button:backdrop, .titlebar .osd .titlebutton.button:backdrop { border-color: transparent; @@ -588,9 +693,13 @@ entry { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } - .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .header-bar .titlebutton.button:active, .header-bar .osd .titlebutton.button:active, + .osd button.flat:active, .osd button.flat:checked, .osd + .button.flat:active, .osd + .sidebar-button.button:active, .osd .header-bar .titlebutton.button:active, .header-bar .osd .titlebutton.button:active, .osd .titlebar .titlebutton.button:active, - .titlebar .osd .titlebutton.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked, .osd .header-bar .titlebutton.button:checked, .header-bar .osd .titlebutton.button:checked, + .titlebar .osd .titlebutton.button:active, .osd + .button.flat:checked, .osd + .sidebar-button.button:checked, .osd .header-bar .titlebutton.button:checked, .header-bar .osd .titlebutton.button:checked, .osd .titlebar .titlebutton.button:checked, .titlebar .osd .titlebutton.button:checked { color: white; @@ -604,7 +713,9 @@ entry { background-clip: padding-box; border-color: transparent; box-shadow: none; } - .button.suggested-action, .header-bar .suggested-action.button.titlebutton, + button.suggested-action, + .button.suggested-action, + .header-bar .suggested-action.button.titlebutton, .titlebar .suggested-action.button.titlebutton { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -613,7 +724,10 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } - .button.suggested-action.flat, .suggested-action.sidebar-button.button, .header-bar .suggested-action.titlebutton.button, + button.suggested-action.flat, + .button.suggested-action.flat, + .suggested-action.sidebar-button.button, + .header-bar .suggested-action.titlebutton.button, .titlebar .suggested-action.titlebutton.button { border-color: transparent; background-color: transparent; @@ -622,6 +736,7 @@ entry { text-shadow: none; icon-shadow: none; color: #4a90d9; } + button.suggested-action:hover, .button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -630,7 +745,9 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } - .button.suggested-action:active, .button.suggested-action:checked { + button.suggested-action:active, button.suggested-action:checked, + .button.suggested-action:active, + .button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; @@ -638,7 +755,11 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .suggested-action.sidebar-button.button:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop, + button.suggested-action:backdrop, button.suggested-action.flat:backdrop, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop, + .suggested-action.sidebar-button.button:backdrop, + .header-bar .suggested-action.titlebutton.button:backdrop, .titlebar .suggested-action.titlebutton.button:backdrop { color: #dbe9f7; border-color: #4a90d9; @@ -646,14 +767,26 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .suggested-action.sidebar-button.button:backdrop:active, .header-bar .suggested-action.titlebutton.button:backdrop:active, - .titlebar .suggested-action.titlebutton.button:backdrop:active, .button.suggested-action.flat:backdrop:checked, .suggested-action.sidebar-button.button:backdrop:checked, .header-bar .suggested-action.titlebutton.button:backdrop:checked, + button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active, + .suggested-action.sidebar-button.button:backdrop:active, + .header-bar .suggested-action.titlebutton.button:backdrop:active, + .titlebar .suggested-action.titlebutton.button:backdrop:active, + .button.suggested-action.flat:backdrop:checked, + .suggested-action.sidebar-button.button:backdrop:checked, + .header-bar .suggested-action.titlebutton.button:backdrop:checked, .titlebar .suggested-action.titlebutton.button:backdrop:checked { color: #d4e4f4; border-color: #2a76c6; background-image: linear-gradient(to bottom, #2a76c6); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .suggested-action.sidebar-button.button:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, + button.suggested-action:backdrop:insensitive, button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive, + .suggested-action.sidebar-button.button:backdrop:insensitive, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; @@ -661,26 +794,58 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:insensitive > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .suggested-action.sidebar-button.button:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, + button.suggested-action:backdrop:insensitive > .label, button.suggested-action.flat:backdrop:insensitive > .label, + .button.suggested-action:backdrop:insensitive > .label, + .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .button.suggested-action.flat:backdrop:insensitive > .label, + .suggested-action.sidebar-button.button:backdrop:insensitive > .label, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive > .label { color: inherit; } - .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .suggested-action.sidebar-button.button:backdrop:insensitive:active, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .suggested-action.sidebar-button.button:backdrop:insensitive:checked, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked, + button.suggested-action:backdrop:insensitive:active, button.suggested-action:backdrop:insensitive:checked, button.suggested-action.flat:backdrop:insensitive:active, button.suggested-action.flat:backdrop:insensitive:checked, + .button.suggested-action:backdrop:insensitive:active, + .button.suggested-action:backdrop:insensitive:checked, + .button.suggested-action.flat:backdrop:insensitive:active, + .suggested-action.sidebar-button.button:backdrop:insensitive:active, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, + .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active, + .button.suggested-action.flat:backdrop:insensitive:checked, + .suggested-action.sidebar-button.button:backdrop:insensitive:checked, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked { color: #8db9e8; border-color: #5094db; background-image: linear-gradient(to bottom, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, + button.suggested-action:backdrop:insensitive:active > .label, button.suggested-action:backdrop:insensitive:checked > .label, button.suggested-action.flat:backdrop:insensitive:active > .label, button.suggested-action.flat:backdrop:insensitive:checked > .label, + .button.suggested-action:backdrop:insensitive:active > .label, + .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, + .button.suggested-action:backdrop:insensitive:checked > .label, + .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, + .button.suggested-action.flat:backdrop:insensitive:active > .label, + .suggested-action.sidebar-button.button:backdrop:insensitive:active > .label, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, + .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, + .button.suggested-action.flat:backdrop:insensitive:checked > .label, + .suggested-action.sidebar-button.button:backdrop:insensitive:checked > .label, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } - .button.suggested-action.flat:backdrop, .suggested-action.sidebar-button.button:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop, - .titlebar .suggested-action.titlebutton.button:backdrop, .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.titlebutton.button:insensitive, - .titlebar .suggested-action.titlebutton.button:insensitive, .button.suggested-action.flat:backdrop:insensitive, .suggested-action.sidebar-button.button:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, + button.suggested-action.flat:backdrop, button.suggested-action.flat:insensitive, button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.flat:backdrop, + .suggested-action.sidebar-button.button:backdrop, + .header-bar .suggested-action.titlebutton.button:backdrop, + .titlebar .suggested-action.titlebutton.button:backdrop, + .button.suggested-action.flat:insensitive, + .suggested-action.sidebar-button.button:insensitive, + .header-bar .suggested-action.titlebutton.button:insensitive, + .titlebar .suggested-action.titlebutton.button:insensitive, + .button.suggested-action.flat:backdrop:insensitive, + .suggested-action.sidebar-button.button:backdrop:insensitive, + .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive { border-color: transparent; background-color: transparent; @@ -689,6 +854,7 @@ entry { text-shadow: none; icon-shadow: none; color: rgba(74, 144, 217, 0.8); } + button.suggested-action:insensitive, .button.suggested-action:insensitive { color: #8e9192; border-color: #a1a1a1; @@ -696,19 +862,28 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.suggested-action:insensitive > .label, .header-bar .suggested-action.button.titlebutton:insensitive > .label, + button.suggested-action:insensitive > .label, + .button.suggested-action:insensitive > .label, + .header-bar .suggested-action.button.titlebutton:insensitive > .label, .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked { + button.suggested-action:insensitive:active, button.suggested-action:insensitive:checked, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked { color: #b9d4f1; border-color: #1c5187; background-image: linear-gradient(to bottom, #4b8dd3, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.suggested-action:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:insensitive:active > .label, - .titlebar .suggested-action.button.titlebutton:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:insensitive:checked > .label, + button.suggested-action:insensitive:active > .label, button.suggested-action:insensitive:checked > .label, + .button.suggested-action:insensitive:active > .label, + .header-bar .suggested-action.button.titlebutton:insensitive:active > .label, + .titlebar .suggested-action.button.titlebutton:insensitive:active > .label, + .button.suggested-action:insensitive:checked > .label, + .header-bar .suggested-action.button.titlebutton:insensitive:checked > .label, .titlebar .suggested-action.button.titlebutton:insensitive:checked > .label { color: inherit; } - .osd .button.suggested-action { + .osd button.suggested-action, .osd + .button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); @@ -717,7 +892,8 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.suggested-action:hover { + .osd button.suggested-action:hover, .osd + .button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7)); @@ -726,7 +902,11 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.suggested-action:active, .osd .button.suggested-action:checked, .osd .button.suggested-action:backdrop:active, .osd .button.suggested-action:backdrop:checked { + .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked, .osd + .button.suggested-action:active, .osd + .button.suggested-action:checked, .osd + .button.suggested-action:backdrop:active, .osd + .button.suggested-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #4a90d9); @@ -735,7 +915,9 @@ entry { text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive { + .osd button.suggested-action:insensitive, .osd button.suggested-action:backdrop:insensitive, .osd + .button.suggested-action:insensitive, .osd + .button.suggested-action:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -743,7 +925,8 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .button.suggested-action:backdrop { + .osd button.suggested-action:backdrop, .osd + .button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); @@ -751,7 +934,9 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .button.destructive-action, .header-bar .destructive-action.button.titlebutton, + button.destructive-action, + .button.destructive-action, + .header-bar .destructive-action.button.titlebutton, .titlebar .destructive-action.button.titlebutton { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -760,7 +945,10 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } - .button.destructive-action.flat, .destructive-action.sidebar-button.button, .header-bar .destructive-action.titlebutton.button, + button.destructive-action.flat, + .button.destructive-action.flat, + .destructive-action.sidebar-button.button, + .header-bar .destructive-action.titlebutton.button, .titlebar .destructive-action.titlebutton.button { border-color: transparent; background-color: transparent; @@ -769,6 +957,7 @@ entry { text-shadow: none; icon-shadow: none; color: #ef2929; } + button.destructive-action:hover, .button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -777,7 +966,9 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.52878); icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } - .button.destructive-action:active, .button.destructive-action:checked { + button.destructive-action:active, button.destructive-action:checked, + .button.destructive-action:active, + .button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #8e0b0b; @@ -785,7 +976,11 @@ entry { text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .destructive-action.sidebar-button.button:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop, + button.destructive-action:backdrop, button.destructive-action.flat:backdrop, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop, + .destructive-action.sidebar-button.button:backdrop, + .header-bar .destructive-action.titlebutton.button:backdrop, .titlebar .destructive-action.titlebutton.button:backdrop { color: #fcd4d4; border-color: #ef2929; @@ -793,14 +988,26 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .destructive-action.sidebar-button.button:backdrop:active, .header-bar .destructive-action.titlebutton.button:backdrop:active, - .titlebar .destructive-action.titlebutton.button:backdrop:active, .button.destructive-action.flat:backdrop:checked, .destructive-action.sidebar-button.button:backdrop:checked, .header-bar .destructive-action.titlebutton.button:backdrop:checked, + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active, + .destructive-action.sidebar-button.button:backdrop:active, + .header-bar .destructive-action.titlebutton.button:backdrop:active, + .titlebar .destructive-action.titlebutton.button:backdrop:active, + .button.destructive-action.flat:backdrop:checked, + .destructive-action.sidebar-button.button:backdrop:checked, + .header-bar .destructive-action.titlebutton.button:backdrop:checked, .titlebar .destructive-action.titlebutton.button:backdrop:checked { color: #f7cfcf; border-color: #d51010; background-image: linear-gradient(to bottom, #d51010); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .destructive-action.sidebar-button.button:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, + button.destructive-action:backdrop:insensitive, button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive, + .destructive-action.sidebar-button.button:backdrop:insensitive, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; @@ -808,26 +1015,58 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:insensitive > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .destructive-action.sidebar-button.button:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, + button.destructive-action:backdrop:insensitive > .label, button.destructive-action.flat:backdrop:insensitive > .label, + .button.destructive-action:backdrop:insensitive > .label, + .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .button.destructive-action.flat:backdrop:insensitive > .label, + .destructive-action.sidebar-button.button:backdrop:insensitive > .label, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive > .label { color: inherit; } - .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .destructive-action.sidebar-button.button:backdrop:insensitive:active, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .destructive-action.sidebar-button.button:backdrop:insensitive:checked, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked, + button.destructive-action:backdrop:insensitive:active, button.destructive-action:backdrop:insensitive:checked, button.destructive-action.flat:backdrop:insensitive:active, button.destructive-action.flat:backdrop:insensitive:checked, + .button.destructive-action:backdrop:insensitive:active, + .button.destructive-action:backdrop:insensitive:checked, + .button.destructive-action.flat:backdrop:insensitive:active, + .destructive-action.sidebar-button.button:backdrop:insensitive:active, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, + .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active, + .button.destructive-action.flat:backdrop:insensitive:checked, + .destructive-action.sidebar-button.button:backdrop:insensitive:checked, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked { color: #f57979; border-color: #ef3131; background-image: linear-gradient(to bottom, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, + button.destructive-action:backdrop:insensitive:active > .label, button.destructive-action:backdrop:insensitive:checked > .label, button.destructive-action.flat:backdrop:insensitive:active > .label, button.destructive-action.flat:backdrop:insensitive:checked > .label, + .button.destructive-action:backdrop:insensitive:active > .label, + .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, + .button.destructive-action:backdrop:insensitive:checked > .label, + .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, + .button.destructive-action.flat:backdrop:insensitive:active > .label, + .destructive-action.sidebar-button.button:backdrop:insensitive:active > .label, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, + .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, + .button.destructive-action.flat:backdrop:insensitive:checked > .label, + .destructive-action.sidebar-button.button:backdrop:insensitive:checked > .label, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } - .button.destructive-action.flat:backdrop, .destructive-action.sidebar-button.button:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop, - .titlebar .destructive-action.titlebutton.button:backdrop, .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.titlebutton.button:insensitive, - .titlebar .destructive-action.titlebutton.button:insensitive, .button.destructive-action.flat:backdrop:insensitive, .destructive-action.sidebar-button.button:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, + button.destructive-action.flat:backdrop, button.destructive-action.flat:insensitive, button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.flat:backdrop, + .destructive-action.sidebar-button.button:backdrop, + .header-bar .destructive-action.titlebutton.button:backdrop, + .titlebar .destructive-action.titlebutton.button:backdrop, + .button.destructive-action.flat:insensitive, + .destructive-action.sidebar-button.button:insensitive, + .header-bar .destructive-action.titlebutton.button:insensitive, + .titlebar .destructive-action.titlebutton.button:insensitive, + .button.destructive-action.flat:backdrop:insensitive, + .destructive-action.sidebar-button.button:backdrop:insensitive, + .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive { border-color: transparent; background-color: transparent; @@ -836,6 +1075,7 @@ entry { text-shadow: none; icon-shadow: none; color: rgba(239, 41, 41, 0.8); } + button.destructive-action:insensitive, .button.destructive-action:insensitive { color: #8e9192; border-color: #a1a1a1; @@ -843,19 +1083,28 @@ entry { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.destructive-action:insensitive > .label, .header-bar .destructive-action.button.titlebutton:insensitive > .label, + button.destructive-action:insensitive > .label, + .button.destructive-action:insensitive > .label, + .header-bar .destructive-action.button.titlebutton:insensitive > .label, .titlebar .destructive-action.button.titlebutton:insensitive > .label { color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { + button.destructive-action:insensitive:active, button.destructive-action:insensitive:checked, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked { color: #f9adad; border-color: #8e0b0b; background-image: linear-gradient(to bottom, #e52d2d, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.destructive-action:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:insensitive:active > .label, - .titlebar .destructive-action.button.titlebutton:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:insensitive:checked > .label, + button.destructive-action:insensitive:active > .label, button.destructive-action:insensitive:checked > .label, + .button.destructive-action:insensitive:active > .label, + .header-bar .destructive-action.button.titlebutton:insensitive:active > .label, + .titlebar .destructive-action.button.titlebutton:insensitive:active > .label, + .button.destructive-action:insensitive:checked > .label, + .header-bar .destructive-action.button.titlebutton:insensitive:checked > .label, .titlebar .destructive-action.button.titlebutton:insensitive:checked > .label { color: inherit; } - .osd .button.destructive-action { + .osd button.destructive-action, .osd + .button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); @@ -864,7 +1113,8 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.destructive-action:hover { + .osd button.destructive-action:hover, .osd + .button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7)); @@ -873,7 +1123,11 @@ entry { text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.destructive-action:active, .osd .button.destructive-action:checked, .osd .button.destructive-action:backdrop:active, .osd .button.destructive-action:backdrop:checked { + .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked, .osd + .button.destructive-action:active, .osd + .button.destructive-action:checked, .osd + .button.destructive-action:backdrop:active, .osd + .button.destructive-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #ef2929); @@ -882,7 +1136,9 @@ entry { text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive { + .osd button.destructive-action:insensitive, .osd button.destructive-action:backdrop:insensitive, .osd + .button.destructive-action:insensitive, .osd + .button.destructive-action:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -890,7 +1146,8 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .button.destructive-action:backdrop { + .osd button.destructive-action:backdrop, .osd + .button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); @@ -898,69 +1155,108 @@ entry { box-shadow: none; text-shadow: none; icon-shadow: none; } - .button.image-button, GtkScaleButton.button, - GtkVolumeButton.button, .header-bar .titlebutton.button, + button.image-button, .header-bar button.titlebutton.button, + .titlebar button.titlebutton.button, + .button.image-button, + GtkScaleButton.button, + GtkVolumeButton.button, + .header-bar .titlebutton.button, .titlebar .titlebutton.button { padding: 8px; } - .button.text-button, GtkScaleButton.button.text-button, - GtkVolumeButton.button.text-button, .header-bar .text-button.button.titlebutton, + button.text-button, + .button.text-button, + GtkScaleButton.button.text-button, + GtkVolumeButton.button.text-button, + .header-bar .text-button.button.titlebutton, .titlebar .text-button.button.titlebutton { padding-left: 16px; padding-right: 16px; } - .button.text-button.image-button, GtkScaleButton.button.text-button, - GtkVolumeButton.button.text-button, .header-bar .text-button.titlebutton.button, + button.text-button.image-button, .header-bar button.text-button.titlebutton.button, + .titlebar button.text-button.titlebutton.button, + .button.text-button.image-button, + GtkScaleButton.button.text-button, + GtkVolumeButton.button.text-button, + .header-bar .text-button.titlebutton.button, .titlebar .text-button.titlebutton.button { padding: 5px 8px 6px; } - .button.text-button.image-button label:first-child, GtkScaleButton.button.text-button label:first-child, - GtkVolumeButton.button.text-button label:first-child, .header-bar .text-button.titlebutton.button label:first-child, + button.text-button.image-button label:first-child, .header-bar button.text-button.titlebutton.button label:first-child, + .titlebar button.text-button.titlebutton.button label:first-child, + .button.text-button.image-button label:first-child, + GtkScaleButton.button.text-button label:first-child, + GtkVolumeButton.button.text-button label:first-child, + .header-bar .text-button.titlebutton.button label:first-child, .titlebar .text-button.titlebutton.button label:first-child { padding-left: 8px; } - .button.text-button.image-button label:last-child, GtkScaleButton.button.text-button label:last-child, - GtkVolumeButton.button.text-button label:last-child, .header-bar .text-button.titlebutton.button label:last-child, + button.text-button.image-button label:last-child, .header-bar button.text-button.titlebutton.button label:last-child, + .titlebar button.text-button.titlebutton.button label:last-child, + .button.text-button.image-button label:last-child, + GtkScaleButton.button.text-button label:last-child, + GtkVolumeButton.button.text-button label:last-child, + .header-bar .text-button.titlebutton.button label:last-child, .titlebar .text-button.titlebutton.button label:last-child { padding-right: 8px; } - .stack-switcher > .button, .header-bar .stack-switcher > .button.titlebutton, + .stack-switcher > button, .stack-switcher > + .button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { outline-offset: -3px; } - .stack-switcher > .button > label, .header-bar .stack-switcher > .button.titlebutton > label, + .stack-switcher > button > label, .stack-switcher > + .button > label, .header-bar .stack-switcher > .button.titlebutton > label, .titlebar .stack-switcher > .button.titlebutton > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > .button > image, .header-bar .stack-switcher > .button.titlebutton > image, + .stack-switcher > button > image, .stack-switcher > + .button > image, .header-bar .stack-switcher > .button.titlebutton > image, .titlebar .stack-switcher > .button.titlebutton > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > .button.text-button, .header-bar .stack-switcher > .text-button.button.titlebutton, + .stack-switcher > button.text-button, .stack-switcher > + .button.text-button, .header-bar .stack-switcher > .text-button.button.titlebutton, .titlebar .stack-switcher > .text-button.button.titlebutton { padding: 5px 10px 6px; } - .stack-switcher > .button.image-button, .stack-switcher > GtkScaleButton.button, + .stack-switcher > button.image-button, .header-bar .stack-switcher > button.titlebutton.button, + .titlebar .stack-switcher > button.titlebutton.button, .stack-switcher > + .button.image-button, .stack-switcher > + GtkScaleButton.button, .stack-switcher > GtkVolumeButton.button, .header-bar .stack-switcher > .titlebutton.button, .titlebar .stack-switcher > .titlebutton.button { padding: 5px 2px; } - .stack-switcher > .button.needs-attention:active > label, .stack-switcher > .button.needs-attention:active > image, .stack-switcher > .button.needs-attention:checked > label, .stack-switcher > .button.needs-attention:checked > image { + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, .stack-switcher > + .button.needs-attention:active > label, .stack-switcher > + .button.needs-attention:active > image, .stack-switcher > + .button.needs-attention:checked > label, .stack-switcher > + .button.needs-attention:checked > image { animation: none; background-image: none; } - .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, + .inline-toolbar button, .inline-toolbar button:backdrop, .inline-toolbar + .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, .inline-toolbar .titlebar .button.titlebutton, - .titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop { + .titlebar .inline-toolbar .button.titlebutton, .inline-toolbar + .button:backdrop { border-radius: 2px; border-width: 1px; } - .primary-toolbar .button, .primary-toolbar .header-bar .button.titlebutton, .header-bar .primary-toolbar .button.titlebutton, + .primary-toolbar button, .primary-toolbar + .button, .primary-toolbar .header-bar .button.titlebutton, .header-bar .primary-toolbar .button.titlebutton, .primary-toolbar .titlebar .button.titlebutton, .titlebar .primary-toolbar .button.titlebutton { icon-shadow: none; } -.stack-switcher > .button.needs-attention > label, .stack-switcher > .button.needs-attention > image, .sidebar-item.needs-attention > label { +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .stack-switcher > +.button.needs-attention > label, .stack-switcher > +.button.needs-attention > image, .sidebar-item.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > label:backdrop, .stack-switcher > .button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop { + .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .stack-switcher > + .button.needs-attention > label:backdrop, .stack-switcher > + .button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > label:dir(rtl), .stack-switcher > .button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .stack-switcher > + .button.needs-attention > label:dir(rtl), .stack-switcher > + .button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar GtkToolButton > .button, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton, @@ -1060,16 +1356,25 @@ entry { .inline-toolbar .header-bar GtkToolButton:backdrop > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > entry, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, +.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > entry, .linked:not(.vertical) > .entry, .inline-toolbar button, .inline-toolbar button:backdrop, .inline-toolbar +.button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, .inline-toolbar .titlebar .button.titlebutton, -.titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop, .linked > .button, .header-bar .linked > .button.titlebutton, -.titlebar .linked > .button.titlebutton, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), +.titlebar .inline-toolbar .button.titlebutton, .inline-toolbar +.button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > +.button, .header-bar .linked > .button.titlebutton, +.titlebar .linked > .button.titlebutton, .linked > +.button:hover, .linked > +.button:active, .linked > +.button:checked, .linked > +.button:backdrop, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .header-bar .linked > .button.titlebutton:first-child, +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > .entry:first-child, .inline-toolbar button:first-child, .inline-toolbar +.button:first-child, .linked > button:first-child, .linked > +.button:first-child, .header-bar .linked > .button.titlebutton:first-child, .titlebar .linked > .button.titlebutton:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:first-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, @@ -1088,7 +1393,9 @@ entry { .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .header-bar .linked > .button.titlebutton:last-child, +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > .entry:last-child, .inline-toolbar button:last-child, .inline-toolbar +.button:last-child, .linked > button:last-child, .linked > +.button:last-child, .header-bar .linked > .button.titlebutton:last-child, .titlebar .linked > .button.titlebutton:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, @@ -1108,7 +1415,9 @@ entry { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .header-bar .linked > .button.titlebutton:only-child, +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > .entry:only-child, .inline-toolbar button:only-child, .inline-toolbar +.button:only-child, .linked > button:only-child, .linked > +.button:only-child, .header-bar .linked > .button.titlebutton:only-child, .titlebar .linked > .button.titlebutton:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:only-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, @@ -1128,24 +1437,32 @@ entry { border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > .button, .header-bar .linked.vertical > .button.titlebutton, -.titlebar .linked.vertical > .button.titlebutton, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, +.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > +.button, .header-bar .linked.vertical > .button.titlebutton, +.titlebar .linked.vertical > .button.titlebutton, .linked.vertical > +.button:hover, .linked.vertical > +.button:active, .linked.vertical > +.button:checked, .linked.vertical > +.button:backdrop, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > +.button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, .titlebar .linked.vertical > .button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > +.button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, .titlebar .linked.vertical > .button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > +.button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, .titlebar .linked.vertical > .button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; @@ -4512,18 +4829,18 @@ decoration { .titlebar.selection-mode .titlebutton.button:backdrop { icon-shadow: none; } -.view:selected, calendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, +.view:selected, calendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, .titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected { background-color: #4a90d9; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } - .view:insensitive:selected, calendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, + .view:insensitive:selected, calendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, entry:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, .titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label { color: #a5c8ec; } - .view:backdrop:selected, calendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, + .view:backdrop:selected, calendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, entry:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected { color: #ffffff; } - .view:backdrop:insensitive:selected, calendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, + .view:backdrop:insensitive:selected, calendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, .titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive label { color: #80b1e4; }