From bf383acd5de9defaa0bb04a96d6e8a705090c6ec Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Wed, 17 Dec 2014 18:29:02 +0100 Subject: [PATCH] Adwaita: fix treeview progressbar issue See https://bugzilla.gnome.org/show_bug.cgi?id=741569 --- gtk/theme/Adwaita/_common.scss | 38 +- gtk/theme/Adwaita/gtk-contained-dark.css | 557 +++++++++++++---------- gtk/theme/Adwaita/gtk-contained.css | 554 ++++++++++++---------- 3 files changed, 652 insertions(+), 497 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index fc04b0c99e..ed8e57ff2c 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -103,13 +103,13 @@ $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); .view { color: $text_color; background-color: $base_color; + &:backdrop { color: $backdrop_text_color; background-color: $backdrop_base_color; } - &:selected, - &:selected:focus, - &:selected:hover { + + &:selected { border-radius: 3px; @extend %selected_items; } @@ -1047,17 +1047,15 @@ GtkColorButton.button { border-style: none solid solid solid; } } -/* This is to fix spinbuttons in entries, but I feel like hiding code issues - * hence it's commented atm. - * GtkTreeView & { - * &.entry, &.entry:focus { - * padding: 1px; - * border-width: 1px 0; - * border-color: $selected_bg_color; - * border-radius: 0; - * box-shadow: none; - * } - * } */ + GtkTreeView & { + &.entry, &.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: $selected_bg_color; + border-radius: 0; + box-shadow: none; + } + } } /************** @@ -1380,9 +1378,7 @@ GtkTreeView.view { border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color, border-top-color: $bg_color; // while this is the grid lines color, better then nothing - &:selected, - &:selected:focus, - &:selected:hover { border-radius: 0; } // rest border radius in lists + &:selected { border-radius: 0; } // rest border radius in lists &:selected, &:backdrop:selected { border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); @@ -1427,8 +1423,9 @@ GtkTreeView.view { &.progressbar { // progress bar in treeviews @if $variant == light { color: $base_color; } + + border: 1px solid $selected_borders_color; border-radius: 4px; - border-color: $selected_borders_color; background-image: linear-gradient(to bottom, $selected_bg_color, darken($selected_bg_color,10%)); @@ -1450,7 +1447,10 @@ GtkTreeView.view { darken($base_color,10%)); &:backdrop { - @if $variant == 'light' { color: $selected_bg_color; } + @if $variant == 'light' { + color: $selected_bg_color; + border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) + } @else { border-color: $backdrop_base_color; } background-color: $backdrop_base_color; } diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index de6028a774..6c881a29ba 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -68,7 +68,7 @@ .view:backdrop { color: #d4d4d4; background-color: #2c2c2c; } - .view:selected, GtkCalendar:selected, .view:selected:focus, GtkCalendar:focus:selected, .view:selected:hover, GtkCalendar:hover:selected { + .view:selected, GtkCalendar:selected { border-radius: 3px; } .rubberband { @@ -560,7 +560,8 @@ GtkTextView { 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, .button.flat:backdrop:insensitive > .label, .header-bar .titlebutton.button: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, .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, .header-bar .titlebutton.button:backdrop:insensitive:active, @@ -570,7 +571,9 @@ GtkTextView { border-color: #1e2222; background-image: linear-gradient(to bottom, #262929); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .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, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .button.flat:backdrop:insensitive:checked > .label, .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -592,14 +595,17 @@ GtkTextView { 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 { + .button:insensitive > .label, .header-bar .button.titlebutton:insensitive > .label, + .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: #939695; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #2f3333, #323636); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .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, .titlebar .osd.button.titlebutton { @@ -841,7 +847,8 @@ GtkTextView { 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, .button.suggested-action.flat:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button: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, .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, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, @@ -851,7 +858,9 @@ GtkTextView { border-color: #0b1e33; background-image: linear-gradient(to bottom, #1d4876); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .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, .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, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -873,14 +882,17 @@ GtkTextView { 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 { + .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 { color: #a4b5c8; border-color: #0b1e33; background-image: linear-gradient(to bottom, #1b436f, #1d4876); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .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 { color: #eeeeec; @@ -982,7 +994,8 @@ GtkTextView { 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, .button.destructive-action.flat:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button: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, .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, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, @@ -992,7 +1005,9 @@ GtkTextView { border-color: #5e0707; background-image: linear-gradient(to bottom, #a41111); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .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, .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, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -1014,14 +1029,17 @@ GtkTextView { 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 { + .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 { color: #da9f9f; border-color: #5e0707; background-image: linear-gradient(to bottom, #9d1010, #a41111); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .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 { color: #eeeeec; @@ -1094,7 +1112,8 @@ GtkTextView { padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .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, .header-bar .stack-switcher > .titlebutton.button, .titlebar .stack-switcher > .titlebutton.button { @@ -1133,7 +1152,8 @@ GtkTextView { 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); } - .inline-toolbar GtkToolButton > .button:hover { + .inline-toolbar GtkToolButton > .button:hover, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:hover, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -1141,7 +1161,9 @@ GtkTextView { text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); 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); } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:active, .inline-toolbar GtkToolButton > .button:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -1149,7 +1171,8 @@ GtkTextView { text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); 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); } - .inline-toolbar GtkToolButton > .button:insensitive { + .inline-toolbar GtkToolButton > .button:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive { color: #939695; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #323636); @@ -1158,26 +1181,32 @@ GtkTextView { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar GtkToolButton > .button:insensitive > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:checked { color: #939695; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #2f3333, #323636); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar GtkToolButton > .button:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:insensitive:checked > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop { + .inline-toolbar GtkToolButton > .button:backdrop, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop { color: #939695; border-color: #1e2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked { + .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:checked { color: #939695; border-color: #1e2222; background-image: linear-gradient(to bottom, #2f3434); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive { + .inline-toolbar GtkToolButton > .button:backdrop:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive { color: #5d6767; border-color: #1e2222; background-image: linear-gradient(to bottom, #323636); @@ -1186,7 +1215,9 @@ GtkTextView { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } .inline-toolbar GtkToolButton > .button:backdrop:insensitive > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked { + .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked { color: #5d6767; border-color: #1e2222; background-image: linear-gradient(to bottom, #262929); @@ -1225,12 +1256,14 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .header-bar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, - .titlebar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .osd .button:dir(rtl):backdrop, .osd .button.suggested-action:dir(rtl), .osd .button.destructive-action:dir(rtl), .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .titlebar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .osd .button:dir(rtl):backdrop, .osd .button.suggested-action:dir(rtl), .osd .button.destructive-action:dir(rtl), .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), .header-bar .linked > .button.titlebutton:dir(rtl), + .titlebar .linked > .button.titlebutton:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: solid; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .button:first-child, .linked > .button: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 .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .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 .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, .inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .button.flat, @@ -1243,7 +1276,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button { border-radius: 3px 0 0 3px; border-left-style: solid; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .button:last-child, .linked > .button: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 .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .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 .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, .inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .button.flat, @@ -1255,7 +1289,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button { border-radius: 0 3px 3px 0; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .osd .button:last-child:dir(rtl):backdrop, .osd .button.suggested-action:last-child:dir(rtl), .osd .button.destructive-action:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .osd .button:last-child:dir(rtl):backdrop, .osd .button.suggested-action:last-child:dir(rtl), .osd .button.destructive-action:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .header-bar .linked > .button.titlebutton:last-child:dir(rtl), + .titlebar .linked > .button.titlebutton:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .inline-toolbar GtkToolButton:backdrop:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.titlebutton, @@ -1270,7 +1305,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl) { border-right-style: solid; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .button:only-child, .linked > .button: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 .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .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 .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, .inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .button.flat, @@ -1284,20 +1320,24 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, border-radius: 3px; border-style: solid; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .entry:insensitive:backdrop, .linked.vertical > .entry:backdrop, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .entry:insensitive:backdrop, .linked.vertical > .entry: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 > .button, .linked.vertical > GtkComboBox > .button { border-left-style: solid; border-top-style: none; border-radius: 0; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry: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 > .button, .linked.vertical > GtkComboBox:first-child > .button { border-style: solid; border-radius: 3px 3px 0 0; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, +.linked.vertical > .entry: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 > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, +.linked.vertical > .entry: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 > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } @@ -1392,48 +1432,51 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, /***************** * GtkSpinButton * *****************/ -.spinbutton { - /* This is to fix spinbuttons in entries, but I feel like hiding code issues - * hence it's commented atm. - * GtkTreeView & { - * &.entry, &.entry:focus { - * padding: 1px; - * border-width: 1px 0; - * border-color: $selected_bg_color; - * border-radius: 0; - * box-shadow: none; - * } - * } */ } - .spinbutton .button, .spinbutton .header-bar .button.titlebutton, .header-bar .spinbutton .button.titlebutton, - .spinbutton .titlebar .button.titlebutton, - .titlebar .spinbutton .button.titlebutton { +.spinbutton .button, .spinbutton .header-bar .button.titlebutton, .header-bar .spinbutton .button.titlebutton, +.spinbutton .titlebar .button.titlebutton, +.titlebar .spinbutton .button.titlebutton { + background-image: none; + border-style: none none none solid; + border-color: rgba(28, 31, 31, 0.3); + color: #dadad8; + border-radius: 0; + box-shadow: none; } + .spinbutton .button:dir(rtl) { + border-style: none solid none none; } + .spinbutton .button:hover { + color: #eeeeec; + background-color: rgba(238, 238, 236, 0.05); } + .spinbutton .button:insensitive { + color: rgba(147, 150, 149, 0.3); } + .spinbutton .button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.1); } + .spinbutton .button:backdrop { + color: #888b8a; + border-color: rgba(30, 34, 34, 0.3); + background-color: transparent; } + .spinbutton .button:backdrop:insensitive { background-image: none; - border-style: none none none solid; - border-color: rgba(28, 31, 31, 0.3); - color: #dadad8; - border-radius: 0; - box-shadow: none; } - .spinbutton .button:dir(rtl) { + color: rgba(93, 103, 103, 0.3); + border-style: none none none solid; } + .spinbutton .button:backdrop:insensitive:dir(rtl) { border-style: none solid none none; } - .spinbutton .button:hover { - color: #eeeeec; - background-color: rgba(238, 238, 236, 0.05); } - .spinbutton .button:insensitive { - color: rgba(147, 150, 149, 0.3); } - .spinbutton .button:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.1); } - .spinbutton .button:backdrop { - color: #888b8a; - border-color: rgba(30, 34, 34, 0.3); - background-color: transparent; } - .spinbutton .button:backdrop:insensitive { - background-image: none; - color: rgba(93, 103, 103, 0.3); - border-style: none none none solid; } - .spinbutton .button:backdrop:insensitive:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton .button { +.osd .spinbutton .button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + icon-shadow: none; + color: #eeeeec; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + icon-shadow: 0 1px black; } + .osd .spinbutton .button:dir(rtl) { + border-style: none solid none none; } + .osd .spinbutton .button:hover { border-color: transparent; background-color: transparent; background-image: none; @@ -1441,153 +1484,150 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, text-shadow: none; icon-shadow: none; color: #eeeeec; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - border-radius: 0; - box-shadow: none; - icon-shadow: 0 1px black; } - .osd .spinbutton .button:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton .button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(238, 238, 236, 0.1); - icon-shadow: 0 1px black; - box-shadow: none; } - .osd .spinbutton .button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.5); - icon-shadow: none; - box-shadow: none; } - .osd .spinbutton .button:insensitive { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; - color: #878989; - border-color: rgba(0, 0, 0, 0.5); - icon-shadow: none; - box-shadow: none; } - .osd .spinbutton .button:last-child { - border-radius: 0 3px 3px 0; } - .osd .spinbutton .button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } - .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { - padding-top: 8px; - padding-bottom: 8px; } - .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(238, 238, 236, 0.1); + icon-shadow: 0 1px black; + box-shadow: none; } + .osd .spinbutton .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + icon-shadow: none; + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.5); + icon-shadow: none; + box-shadow: none; } + .osd .spinbutton .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + icon-shadow: none; + color: #878989; + border-color: rgba(0, 0, 0, 0.5); + icon-shadow: none; + box-shadow: none; } + .osd .spinbutton .button:last-child { + border-radius: 0 3px 3px 0; } + .osd .spinbutton .button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { + padding-top: 8px; + padding-bottom: 8px; } + .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + 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); } + .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + background-image: linear-gradient(to bottom, #232727, #2d3232); + text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + 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); } + .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); + text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - 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); } - .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: #939695; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #323636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - color: #939695; - border-color: #1e2222; - background-image: linear-gradient(to bottom, #393f3f); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); + .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { + color: #939695; border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - 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); } - .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - 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); } - .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - 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); } - .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: #939695; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #323636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - color: #939695; - border-color: #1e2222; - background-image: linear-gradient(to bottom, #393f3f); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { - color: #5d6767; - border-color: #1e2222; background-image: linear-gradient(to bottom, #323636); text-shadow: none; icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:first-child:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:first-child:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:first-child:insensitive > .label { color: inherit; } - .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { - border-radius: 0; - padding-left: 3px; - padding-right: 3px; } - .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } - .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } + .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { + color: #939695; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + 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); } + .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #232727, #2d3232); + text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + 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); } + .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); + text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + 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); } + .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #323636); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } + .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:last-child:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:last-child:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:last-child:insensitive > .label { + color: inherit; } + .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { + color: #939695; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { + color: #5d6767; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #323636); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:backdrop:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:backdrop:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:backdrop:insensitive > .label { + color: inherit; } +.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { + border-radius: 0; + padding-left: 3px; + padding-right: 3px; } +.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: #215d9c; + border-radius: 0; + box-shadow: none; } /************** * ComboBoxes * @@ -1781,11 +1821,13 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } - .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, + .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive > .label, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive > .label, .header-bar.selection-mode .button:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label { + .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:checked, .titlebar.selection-mode .button.flat:backdrop:insensitive:active, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked, @@ -1801,15 +1843,19 @@ GtkComboBox { background-image: linear-gradient(to bottom, #1d4876); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } - .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, + .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:active > .label, + .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar.selection-mode .button:backdrop:insensitive:active > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .header-bar.selection-mode .button:backdrop:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive:active > .label, .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label { + .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode .button.flat:backdrop, .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode .button.flat:insensitive, @@ -1835,8 +1881,9 @@ GtkComboBox { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); } - .titlebar.selection-mode .button:insensitive > .label, - .header-bar.selection-mode .button:insensitive > .label { + .titlebar.selection-mode .button:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive > .label, + .header-bar.selection-mode .button:insensitive > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode .button:insensitive:active, .titlebar.selection-mode .button:insensitive:checked, .header-bar.selection-mode .button:insensitive:active, @@ -1845,9 +1892,11 @@ GtkComboBox { border-color: #0b1e33; background-image: linear-gradient(to bottom, #1b436f, #1d4876); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); } - .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, + .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:checked > .label, .header-bar.selection-mode .button:insensitive:active > .label, - .header-bar.selection-mode .button:insensitive:checked > .label { + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:active > .label, + .header-bar.selection-mode .button:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action, .header-bar.selection-mode .button.suggested-action { @@ -1888,8 +1937,9 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); border-color: #0f2b48; } - .titlebar.selection-mode .button.suggested-action:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:insensitive > .label { + .titlebar.selection-mode .button.suggested-action:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:insensitive > .label, + .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action:backdrop, .header-bar.selection-mode .button.suggested-action:backdrop { @@ -1909,8 +1959,9 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } - .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label { + .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, .header-bar.selection-mode .selection-menu, @@ -1977,7 +2028,7 @@ GtkTreeView.view { -GtkTreeView-expander-size: 16; border-left-color: #8b8b8a; border-top-color: #393f3f; } - GtkTreeView.view:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected:hover { + GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view:selected, GtkTreeView.view:backdrop:selected { border-left-color: #90aecd; @@ -2015,8 +2066,8 @@ GtkTreeView.view { GtkTreeView.view.expander:backdrop { color: #747675; } GtkTreeView.view.progressbar { + border: 1px solid #0f2b48; border-radius: 4px; - border-color: #0f2b48; background-image: linear-gradient(to bottom, #215d9c, #184472); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } GtkTreeView.view.progressbar:selected { @@ -3650,7 +3701,8 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, + .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive > .label, .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive > .label { color: inherit; } @@ -3663,7 +3715,9 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { border-color: #1e2222; background-image: linear-gradient(to bottom, #262929); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, + .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:active > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked > .label, @@ -3686,14 +3740,17 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:insensitive > .label { + .list-row:selected .button:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:insensitive > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { color: #939695; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #2f3333, #323636); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { + .list-row:selected .button:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:active > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:checked > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .list-row, list-row.button, .header-bar list-row.button.titlebutton, @@ -3867,7 +3924,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:insensitive > .label { + .message-dialog.csd .dialog-action-area .button:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button:backdrop { color: #939695; @@ -3883,7 +3941,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.suggested-action { color: white; @@ -3923,7 +3982,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive { color: #939695; @@ -3932,7 +3992,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.destructive-action { color: white; @@ -3972,7 +4033,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { color: #939695; @@ -3981,7 +4043,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .button:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action, .message-dialog.csd .dialog-action-area .button.suggested-action:hover, .message-dialog.csd .dialog-action-area .button.suggested-action:active, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action, .message-dialog.csd .dialog-action-area .button.destructive-action:hover, .message-dialog.csd .dialog-action-area .button.destructive-action:active, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { border-left-style: solid; @@ -4135,10 +4198,17 @@ GtkInfoBar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .info .button:insensitive > .label, + .info .button:insensitive > .label, .info .header-bar .button.titlebutton:insensitive > .label, + .info .titlebar .button.titlebutton:insensitive > .label, .question .button:insensitive > .label, + .question .header-bar .button.titlebutton:insensitive > .label, + .question .titlebar .button.titlebutton:insensitive > .label, .warning .button:insensitive > .label, - .error .button:insensitive > .label { + .warning .header-bar .button.titlebutton:insensitive > .label, + .warning .titlebar .button.titlebutton:insensitive > .label, + .error .button:insensitive > .label, + .error .header-bar .button.titlebutton:insensitive > .label, + .error .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .info .button:backdrop, .question .button:backdrop, @@ -4162,10 +4232,17 @@ GtkInfoBar { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0b1e33; } - .info .button:backdrop:insensitive > .label, + .info .button:backdrop:insensitive > .label, .info .header-bar .button.titlebutton:backdrop:insensitive > .label, + .info .titlebar .button.titlebutton:backdrop:insensitive > .label, .question .button:backdrop:insensitive > .label, + .question .header-bar .button.titlebutton:backdrop:insensitive > .label, + .question .titlebar .button.titlebutton:backdrop:insensitive > .label, .warning .button:backdrop:insensitive > .label, - .error .button:backdrop:insensitive > .label { + .warning .header-bar .button.titlebutton:backdrop:insensitive > .label, + .warning .titlebar .button.titlebutton:backdrop:insensitive > .label, + .error .button:backdrop:insensitive > .label, + .error .header-bar .button.titlebutton:backdrop:insensitive > .label, + .error .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } /************ @@ -4331,11 +4408,11 @@ GtkVolumeButton.button, .header-bar GtkVolumeButton.button.titlebutton, .titlebar.selection-mode .titlebutton.button:backdrop { icon-shadow: none; } -.view:selected, GtkCalendar:selected, .view:selected:focus, GtkCalendar:focus:selected, .view:selected:hover, GtkCalendar:hover:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .header-bar .menuitem.titlebutton.button:selected, +.view:selected, GtkCalendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .header-bar .menuitem.titlebutton.button:selected, .titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected, GtkPlacesSidebar.sidebar .view:selected, GtkPlacesSidebar.sidebar GtkCalendar:selected { background-color: #215d9c; color: #ffffff; } - .view:backdrop:selected, GtkCalendar:backdrop:selected, GtkCalendar:backdrop:focus:selected, GtkCalendar:backdrop:hover:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, + .view:backdrop:selected, GtkCalendar:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected, GtkPlacesSidebar.sidebar GtkCalendar:backdrop:selected { color: #ffffff; } diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index deb3184bf4..3d0b9fefc8 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -68,7 +68,7 @@ .view:backdrop { color: #323232; background-color: white; } - .view:selected, GtkCalendar:selected, .view:selected:focus, GtkCalendar:focus:selected, .view:selected:hover, GtkCalendar:hover:selected { + .view:selected, GtkCalendar:selected { border-radius: 3px; } .rubberband { @@ -560,7 +560,8 @@ GtkTextView { 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, .button.flat:backdrop:insensitive > .label, .header-bar .titlebutton.button: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, .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, .header-bar .titlebutton.button:backdrop:insensitive:active, @@ -570,7 +571,9 @@ GtkTextView { border-color: #a8a8a8; 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, .button:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .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, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .button.flat:backdrop:insensitive:checked > .label, .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -592,14 +595,17 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .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 { color: #8d9091; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .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, .titlebar .osd.button.titlebutton { @@ -841,7 +847,8 @@ GtkTextView { 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, .button.suggested-action.flat:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button: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, .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, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, @@ -851,7 +858,9 @@ GtkTextView { border-color: #5093da; background-image: linear-gradient(to bottom, #5093da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .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, .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, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -873,14 +882,17 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .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 { color: #b9d3f0; border-color: #1c5187; background-image: linear-gradient(to bottom, #4a8cd1, #5093da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .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 { color: #eeeeec; @@ -982,7 +994,8 @@ GtkTextView { 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, .button.destructive-action.flat:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button: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, .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, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, @@ -992,7 +1005,9 @@ GtkTextView { 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, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .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, .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, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -1014,14 +1029,17 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .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 { color: #f8acac; 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, .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 { color: #eeeeec; @@ -1094,7 +1112,8 @@ GtkTextView { padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .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, .header-bar .stack-switcher > .titlebutton.button, .titlebar .stack-switcher > .titlebutton.button { @@ -1133,7 +1152,8 @@ GtkTextView { 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; } - .inline-toolbar GtkToolButton > .button:hover { + .inline-toolbar GtkToolButton > .button:hover, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:hover, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; @@ -1141,7 +1161,9 @@ GtkTextView { 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; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:active, .inline-toolbar GtkToolButton > .button:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; @@ -1149,7 +1171,8 @@ GtkTextView { 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 rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } - .inline-toolbar GtkToolButton > .button:insensitive { + .inline-toolbar GtkToolButton > .button:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive { color: #8d9091; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); @@ -1158,26 +1181,32 @@ GtkTextView { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } .inline-toolbar GtkToolButton > .button:insensitive > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:checked { color: #8d9091; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } .inline-toolbar GtkToolButton > .button:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:insensitive:checked > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop { + .inline-toolbar GtkToolButton > .button:backdrop, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop { color: #8d9091; border-color: #a8a8a8; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked { + .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:checked { color: #8d9091; border-color: #a8a8a8; background-image: linear-gradient(to bottom, #d4d4d4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive { + .inline-toolbar GtkToolButton > .button:backdrop:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive { color: #c7c7c7; border-color: #a8a8a8; background-image: linear-gradient(to bottom, #f4f4f4); @@ -1186,7 +1215,9 @@ GtkTextView { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } .inline-toolbar GtkToolButton > .button:backdrop:insensitive > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked { + .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked { color: #c7c7c7; border-color: #a8a8a8; background-image: linear-gradient(to bottom, #e7e7e7); @@ -1225,12 +1256,14 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .header-bar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, - .titlebar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .osd .button:dir(rtl):backdrop, .osd .button.suggested-action:dir(rtl), .osd .button.destructive-action:dir(rtl), .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .titlebar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .osd .button:dir(rtl):backdrop, .osd .button.suggested-action:dir(rtl), .osd .button.destructive-action:dir(rtl), .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), .header-bar .linked > .button.titlebutton:dir(rtl), + .titlebar .linked > .button.titlebutton:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: solid; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .button:first-child, .linked > .button: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 .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .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 .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, .inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .button.flat, @@ -1243,7 +1276,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button { border-radius: 3px 0 0 3px; border-left-style: solid; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .button:last-child, .linked > .button: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 .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .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 .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, .inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .button.flat, @@ -1255,7 +1289,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button { border-radius: 0 3px 3px 0; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .osd .button:last-child:dir(rtl):backdrop, .osd .button.suggested-action:last-child:dir(rtl), .osd .button.destructive-action:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .osd .button:last-child:dir(rtl):backdrop, .osd .button.suggested-action:last-child:dir(rtl), .osd .button.destructive-action:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .header-bar .linked > .button.titlebutton:last-child:dir(rtl), + .titlebar .linked > .button.titlebutton:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .inline-toolbar GtkToolButton:backdrop:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.titlebutton, @@ -1270,7 +1305,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl) { border-right-style: solid; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .button:only-child, .linked > .button: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 .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .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 .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, .inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .button.flat, @@ -1284,20 +1320,24 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, border-radius: 3px; border-style: solid; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .entry:insensitive:backdrop, .linked.vertical > .entry:backdrop, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .entry:insensitive:backdrop, .linked.vertical > .entry: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 > .button, .linked.vertical > GtkComboBox > .button { border-left-style: solid; border-top-style: none; border-radius: 0; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry: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 > .button, .linked.vertical > GtkComboBox:first-child > .button { border-style: solid; border-radius: 3px 3px 0 0; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, +.linked.vertical > .entry: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 > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, +.linked.vertical > .entry: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 > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } @@ -1392,48 +1432,51 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, /***************** * GtkSpinButton * *****************/ -.spinbutton { - /* This is to fix spinbuttons in entries, but I feel like hiding code issues - * hence it's commented atm. - * GtkTreeView & { - * &.entry, &.entry:focus { - * padding: 1px; - * border-width: 1px 0; - * border-color: $selected_bg_color; - * border-radius: 0; - * box-shadow: none; - * } - * } */ } - .spinbutton .button, .spinbutton .header-bar .button.titlebutton, .header-bar .spinbutton .button.titlebutton, - .spinbutton .titlebar .button.titlebutton, - .titlebar .spinbutton .button.titlebutton { +.spinbutton .button, .spinbutton .header-bar .button.titlebutton, .header-bar .spinbutton .button.titlebutton, +.spinbutton .titlebar .button.titlebutton, +.titlebar .spinbutton .button.titlebutton { + background-image: none; + border-style: none none none solid; + border-color: rgba(161, 161, 161, 0.3); + color: #42484a; + border-radius: 0; + box-shadow: none; } + .spinbutton .button:dir(rtl) { + border-style: none solid none none; } + .spinbutton .button:hover { + color: #2e3436; + background-color: rgba(46, 52, 54, 0.05); } + .spinbutton .button:insensitive { + color: rgba(141, 144, 145, 0.3); } + .spinbutton .button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.1); } + .spinbutton .button:backdrop { + color: #989b9c; + border-color: rgba(168, 168, 168, 0.3); + background-color: transparent; } + .spinbutton .button:backdrop:insensitive { background-image: none; - border-style: none none none solid; - border-color: rgba(161, 161, 161, 0.3); - color: #42484a; - border-radius: 0; - box-shadow: none; } - .spinbutton .button:dir(rtl) { + color: rgba(199, 199, 199, 0.3); + border-style: none none none solid; } + .spinbutton .button:backdrop:insensitive:dir(rtl) { border-style: none solid none none; } - .spinbutton .button:hover { - color: #2e3436; - background-color: rgba(46, 52, 54, 0.05); } - .spinbutton .button:insensitive { - color: rgba(141, 144, 145, 0.3); } - .spinbutton .button:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.1); } - .spinbutton .button:backdrop { - color: #989b9c; - border-color: rgba(168, 168, 168, 0.3); - background-color: transparent; } - .spinbutton .button:backdrop:insensitive { - background-image: none; - color: rgba(199, 199, 199, 0.3); - border-style: none none none solid; } - .spinbutton .button:backdrop:insensitive:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton .button { +.osd .spinbutton .button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #eeeeec; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + icon-shadow: 0 1px black; } + .osd .spinbutton .button:dir(rtl) { + border-style: none solid none none; } + .osd .spinbutton .button:hover { border-color: transparent; background-color: transparent; background-image: none; @@ -1441,153 +1484,150 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, text-shadow: none; icon-shadow: none; color: #eeeeec; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - border-radius: 0; - box-shadow: none; - icon-shadow: 0 1px black; } - .osd .spinbutton .button:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton .button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(238, 238, 236, 0.1); - icon-shadow: 0 1px black; - box-shadow: none; } - .osd .spinbutton .button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.5); - icon-shadow: none; - box-shadow: none; } - .osd .spinbutton .button:insensitive { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: #878989; - border-color: rgba(0, 0, 0, 0.5); - icon-shadow: none; - box-shadow: none; } - .osd .spinbutton .button:last-child { - border-radius: 0 3px 3px 0; } - .osd .spinbutton .button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } - .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { - padding-top: 8px; - padding-bottom: 8px; } - .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(238, 238, 236, 0.1); + icon-shadow: 0 1px black; + box-shadow: none; } + .osd .spinbutton .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.5); + icon-shadow: none; + box-shadow: none; } + .osd .spinbutton .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #878989; + border-color: rgba(0, 0, 0, 0.5); + icon-shadow: none; + box-shadow: none; } + .osd .spinbutton .button:last-child { + border-radius: 0 3px 3px 0; } + .osd .spinbutton .button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { + padding-top: 8px; + padding-bottom: 8px; } + .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { + color: #2e3436; + outline-color: rgba(46, 52, 54, 0.3); + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); + 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; } + .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); + background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0); + 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 rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { + color: #2e3436; + outline-color: rgba(46, 52, 54, 0.3); + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); 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; } - .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0); - 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 rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - 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; } - .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: #8d9091; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - color: #8d9091; - border-color: #a8a8a8; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); + .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { + color: #8d9091; border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - 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; } - .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0); - 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 rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } - .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - 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; } - .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: #8d9091; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - color: #8d9091; - border-color: #a8a8a8; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { - color: #c7c7c7; - border-color: #a8a8a8; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:first-child:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:first-child:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:first-child:insensitive > .label { color: inherit; } - .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { - border-radius: 0; - padding-left: 3px; - padding-right: 3px; } - .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } - .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } + .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { + color: #8d9091; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { + color: #2e3436; + outline-color: rgba(46, 52, 54, 0.3); + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); + 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; } + .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { + color: #2e3436; + outline-color: rgba(46, 52, 54, 0.3); + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0); + 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 rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } + .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { + color: #2e3436; + outline-color: rgba(46, 52, 54, 0.3); + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); + 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; } + .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } + .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:last-child:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:last-child:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:last-child:insensitive > .label { + color: inherit; } + .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { + color: #8d9091; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:backdrop:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:backdrop:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:backdrop:insensitive > .label { + color: inherit; } +.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { + border-radius: 0; + padding-left: 3px; + padding-right: 3px; } +.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: #4a90d9; + border-radius: 0; + box-shadow: none; } /************** * ComboBoxes * @@ -1781,11 +1821,13 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0); border-color: #184472; } - .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, + .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive > .label, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive > .label, .header-bar.selection-mode .button:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label { + .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:checked, .titlebar.selection-mode .button.flat:backdrop:insensitive:active, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked, @@ -1801,15 +1843,19 @@ GtkComboBox { background-image: linear-gradient(to bottom, #5093da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0); border-color: #184472; } - .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, + .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:active > .label, + .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar.selection-mode .button:backdrop:insensitive:active > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .header-bar.selection-mode .button:backdrop:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive:active > .label, .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label { + .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode .button.flat:backdrop, .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode .button.flat:insensitive, @@ -1835,8 +1881,9 @@ GtkComboBox { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a4c7ec; } - .titlebar.selection-mode .button:insensitive > .label, - .header-bar.selection-mode .button:insensitive > .label { + .titlebar.selection-mode .button:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive > .label, + .header-bar.selection-mode .button:insensitive > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode .button:insensitive:active, .titlebar.selection-mode .button:insensitive:checked, .header-bar.selection-mode .button:insensitive:active, @@ -1845,9 +1892,11 @@ GtkComboBox { border-color: #1c5187; background-image: linear-gradient(to bottom, #4a8cd1, #5093da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a4c7ec; } - .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, + .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:checked > .label, .header-bar.selection-mode .button:insensitive:active > .label, - .header-bar.selection-mode .button:insensitive:checked > .label { + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:active > .label, + .header-bar.selection-mode .button:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action, .header-bar.selection-mode .button.suggested-action { @@ -1888,8 +1937,9 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a4c7ec; border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:insensitive > .label { + .titlebar.selection-mode .button.suggested-action:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:insensitive > .label, + .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action:backdrop, .header-bar.selection-mode .button.suggested-action:backdrop { @@ -1909,8 +1959,9 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0); border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label { + .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, .header-bar.selection-mode .selection-menu, @@ -1977,7 +2028,7 @@ GtkTreeView.view { -GtkTreeView-expander-size: 16; border-left-color: #96999a; border-top-color: #ededed; } - GtkTreeView.view:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected:hover { + GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view:selected, GtkTreeView.view:backdrop:selected { border-left-color: #a4c7ec; @@ -2016,8 +2067,8 @@ GtkTreeView.view { color: #afb1b2; } GtkTreeView.view.progressbar { color: #ffffff; + border: 1px solid #184472; border-radius: 4px; - border-color: #184472; background-image: linear-gradient(to bottom, #4a90d9, #2a76c6); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } GtkTreeView.view.progressbar:selected { @@ -2026,6 +2077,7 @@ GtkTreeView.view { background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } GtkTreeView.view.progressbar:selected:backdrop { color: #4a90d9; + border-color: #184472; background-color: white; } GtkTreeView.view.progressbar:backdrop { color: white; @@ -3817,7 +3869,8 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, + .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive > .label, .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive > .label { color: inherit; } @@ -3831,7 +3884,9 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { background-image: linear-gradient(to bottom, #e7e7e7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, + .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:active > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked > .label, @@ -3855,14 +3910,17 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } - .list-row:selected .button:insensitive > .label { + .list-row:selected .button:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:insensitive > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { color: #8d9091; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { + .list-row:selected .button:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:active > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:checked > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .list-row, list-row.button, .header-bar list-row.button.titlebutton, @@ -4036,7 +4094,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:insensitive > .label { + .message-dialog.csd .dialog-action-area .button:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button:backdrop { color: #8d9091; @@ -4052,7 +4111,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.suggested-action { color: white; @@ -4092,7 +4152,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive { color: #8d9091; @@ -4101,7 +4162,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.destructive-action { color: white; @@ -4141,7 +4203,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { color: #8d9091; @@ -4150,7 +4213,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .button:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action, .message-dialog.csd .dialog-action-area .button.suggested-action:hover, .message-dialog.csd .dialog-action-area .button.suggested-action:active, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action, .message-dialog.csd .dialog-action-area .button.destructive-action:hover, .message-dialog.csd .dialog-action-area .button.destructive-action:active, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { border-left-style: solid; @@ -4304,10 +4368,17 @@ GtkInfoBar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .info .button:insensitive > .label, + .info .button:insensitive > .label, .info .header-bar .button.titlebutton:insensitive > .label, + .info .titlebar .button.titlebutton:insensitive > .label, .question .button:insensitive > .label, + .question .header-bar .button.titlebutton:insensitive > .label, + .question .titlebar .button.titlebutton:insensitive > .label, .warning .button:insensitive > .label, - .error .button:insensitive > .label { + .warning .header-bar .button.titlebutton:insensitive > .label, + .warning .titlebar .button.titlebutton:insensitive > .label, + .error .button:insensitive > .label, + .error .header-bar .button.titlebutton:insensitive > .label, + .error .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .info .button:backdrop, .question .button:backdrop, @@ -4331,10 +4402,17 @@ GtkInfoBar { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1c5187; } - .info .button:backdrop:insensitive > .label, + .info .button:backdrop:insensitive > .label, .info .header-bar .button.titlebutton:backdrop:insensitive > .label, + .info .titlebar .button.titlebutton:backdrop:insensitive > .label, .question .button:backdrop:insensitive > .label, + .question .header-bar .button.titlebutton:backdrop:insensitive > .label, + .question .titlebar .button.titlebutton:backdrop:insensitive > .label, .warning .button:backdrop:insensitive > .label, - .error .button:backdrop:insensitive > .label { + .warning .header-bar .button.titlebutton:backdrop:insensitive > .label, + .warning .titlebar .button.titlebutton:backdrop:insensitive > .label, + .error .button:backdrop:insensitive > .label, + .error .header-bar .button.titlebutton:backdrop:insensitive > .label, + .error .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } /************ @@ -4500,12 +4578,12 @@ GtkVolumeButton.button, .header-bar GtkVolumeButton.button.titlebutton, .titlebar.selection-mode .titlebutton.button:backdrop { icon-shadow: none; } -.view:selected, GtkCalendar:selected, .view:selected:focus, GtkCalendar:focus:selected, .view:selected:hover, GtkCalendar:hover:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .header-bar .menuitem.titlebutton.button:selected, +.view:selected, GtkCalendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .header-bar .menuitem.titlebutton.button:selected, .titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected, GtkPlacesSidebar.sidebar .view:selected, GtkPlacesSidebar.sidebar GtkCalendar:selected { background-color: #4a90d9; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } - .view:backdrop:selected, GtkCalendar:backdrop:selected, GtkCalendar:backdrop:focus:selected, GtkCalendar:backdrop:hover:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, + .view:backdrop:selected, GtkCalendar:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected, GtkPlacesSidebar.sidebar GtkCalendar:backdrop:selected { color: #ffffff; }