From c6a7ceedc988f84ca6acf9d0dffa12e8490281fb Mon Sep 17 00:00:00 2001 From: Matthias Clasen Date: Fri, 23 Oct 2015 14:52:27 -0400 Subject: [PATCH] Adwaita: Update entry styling Use the new element name instead of the style class. There is some minor fallout for vertical spin buttons that will need a second look. --- gtk/theme/Adwaita/_common.scss | 28 +++---- gtk/theme/Adwaita/gtk-contained-dark.css | 100 +++++++++++------------ gtk/theme/Adwaita/gtk-contained.css | 100 +++++++++++------------ 3 files changed, 114 insertions(+), 114 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 6a88c6be61..97931bf65c 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -219,7 +219,7 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers * Text Entries * ****************/ -.entry { +entry { border: 1px solid; padding: 5px 8px 6px; @@ -263,7 +263,7 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers .linked:not(.vertical) > & { @extend %linked; } - .linked:not(.vertical) > &:focus + .entry, + .linked:not(.vertical) > &:focus + entry, .linked:not(.vertical) > &:focus + .button, .linked:not(.vertical) > &:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > &:focus + GtkComboBoxText > .the-button-in-the-combobox { @@ -299,15 +299,15 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers // Vertically linked entries // FIXME: take care of "colored" entries .linked.vertical { - > .entry { @extend %linked_vertical; } + > entry { @extend %linked_vertical; } // remove the edge hilight and the focus shadow (unfortunatelly) - > .entry:not(:last-child) { box-shadow: none; } + > entry:not(:last-child) { box-shadow: none; } // add back the focus shadow - > .entry:focus:not(:last-child) { box-shadow: entry_focus_shadow(); } + > entry:focus:not(:last-child) { box-shadow: entry_focus_shadow(); } // brighter border between linked entries - > .entry:not(:insensitive) + .entry:not(:insensitive) { + > entry:not(:insensitive) + .entry:not(:insensitive) { border-top-color: mix($borders_color, $base_color, 30%); background-image: linear-gradient(to bottom, $base_color); &:backdrop { @@ -317,22 +317,22 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers } // color back the top border of a linked focused entry following another entry and add back the focus shadow. - > .entry + .entry:focus:not(:last-child) { + > entry + entry:focus:not(:last-child) { border-top-color: entry_focus_border(); box-shadow: entry_focus_shadow(); } // just recolor the top border on the last focused entry, since we don't reset the shadow here letting that be // inherited by the entry styling. - > .entry + .entry:focus:last-child { + > entry + entry:focus:last-child { border-top-color: entry_focus_border(); } // this takes care of coloring the top border of the focused entry subsequent widget. // :not(:only-child) is a specificity bump hack. - > .entry:focus:not(:only-child) + .entry, - > .entry:focus:not(:only-child) + .button, - > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, - > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: entry_focus_border(); } + > entry:focus:not(:only-child) + entry, + > entry:focus:not(:only-child) + .button, + > entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, + > entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: entry_focus_border(); } } @@ -920,7 +920,7 @@ GtkColorButton.button { // Misc GtkTreeView & { - &.entry, &.entry:focus { + & entry, & entry:focus { padding: 1px; border-width: 1px 0; border-color: $selected_bg_color; @@ -960,7 +960,7 @@ GtkComboBox { // always disable separators -GtkWidget-wide-separators: true; } - &.combobox-entry .entry { + &.combobox-entry entry { &:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index fdfe5cadcc..e31630fba1 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -152,7 +152,7 @@ GtkTextView { /**************** * Text Entries * ****************/ -.entry { +entry { border: 1px solid; padding: 5px 8px 6px; border-radius: 3px; @@ -162,11 +162,11 @@ GtkTextView { color: white; border-color: #1c1f1f; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); } - .entry.image.left { + entry.image.left { padding-left: 0; } - .entry.image.right { + entry.image.right { padding-right: 0; } - .entry.flat, .entry.flat:focus { + entry.flat, entry.flat:focus { padding: 2px; background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); @@ -175,33 +175,33 @@ GtkTextView { box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); border: none; border-radius: 0; } - .entry:focus { + entry:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); box-shadow: inset 0 0 0 1px #215d9c, 0 1px rgba(238, 238, 236, 0.1); border-color: #0f2b48; } - .entry:insensitive { + entry:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); box-shadow: 0 1px rgba(238, 238, 236, 0.1); } - .entry:backdrop { + entry:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #d5d5d5; border-color: #1f2222; background-image: linear-gradient(to bottom, #2c2c2c); box-shadow: 0 1px rgba(238, 238, 236, 0); } - .entry:backdrop:insensitive { + entry:backdrop:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); box-shadow: 0 1px rgba(238, 238, 236, 0); } - .entry.progressbar { + entry.progressbar { margin: 1px; border-radius: 0; border-width: 0 0 2px; @@ -210,39 +210,39 @@ GtkTextView { background-image: none; background-color: transparent; box-shadow: none; } - .entry.progressbar:backdrop { + entry.progressbar:backdrop { background-color: transparent; } - .linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) > .entry:focus + .button, .linked:not(.vertical) > .entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > .entry:focus + GtkComboBoxText > .the-button-in-the-combobox { + .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > entry:focus + .button, .linked:not(.vertical) > entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > entry:focus + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #0f2b48; } - .entry.error { + entry.error { color: #cc0000; border-color: #1a0000; } - .entry.error:focus { + entry.error:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); box-shadow: inset 0 0 0 1px #cc0000, 0 1px rgba(238, 238, 236, 0.1); border-color: #1a0000; } - .entry.error:selected, .entry.error:selected:focus { + entry.error:selected, entry.error:selected:focus { background-color: #cc0000; } - .entry.warning { + entry.warning { color: #f57900; border-color: #432100; } - .entry.warning:focus { + entry.warning:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); box-shadow: inset 0 0 0 1px #f57900, 0 1px rgba(238, 238, 236, 0.1); border-color: #432100; } - .entry.warning:selected, .entry.warning:selected:focus { + entry.warning:selected, entry.warning:selected:focus { background-color: #f57900; } - .entry.image { + entry.image { color: #c7c7c5; } - .entry.image:hover { + entry.image:hover { color: #eeeeec; } - .entry.image:active { + entry.image:active { color: #215d9c; } - .entry.image:backdrop { + entry.image:backdrop { color: #7f8281; } - .osd .entry { + .osd entry { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; @@ -252,7 +252,7 @@ GtkTextView { box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd .entry:focus { + .osd entry:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; @@ -262,7 +262,7 @@ GtkTextView { box-shadow: inset 0 0 0 1px #215d9c; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd .entry:backdrop { + .osd entry:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; @@ -272,7 +272,7 @@ GtkTextView { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .entry:insensitive { + .osd entry:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #878a89; @@ -283,25 +283,25 @@ GtkTextView { text-shadow: none; icon-shadow: none; } -.linked.vertical > .entry:not(:last-child) { +.linked.vertical > entry:not(:last-child) { box-shadow: none; } -.linked.vertical > .entry:focus:not(:last-child) { +.linked.vertical > entry:focus:not(:last-child) { box-shadow: inset 0 0 0 1px #215d9c; } -.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive) { +.linked.vertical > entry:not(:insensitive) + .entry:not(:insensitive) { border-top-color: #252626; background-image: linear-gradient(to bottom, #292929); } - .linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop { + .linked.vertical > entry:not(:insensitive) + .entry:not(:insensitive):backdrop { border-top-color: #282929; background-image: linear-gradient(to bottom, #2c2c2c); } -.linked.vertical > .entry + .entry:focus:not(:last-child) { +.linked.vertical > entry + entry:focus:not(:last-child) { border-top-color: #0f2b48; box-shadow: inset 0 0 0 1px #215d9c; } -.linked.vertical > .entry + .entry:focus:last-child { +.linked.vertical > entry + entry:focus:last-child { border-top-color: #0f2b48; } -.linked.vertical > .entry:focus:not(:only-child) + .entry, -.linked.vertical > .entry:focus:not(:only-child) + .button, -.linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, -.linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + .button, +.linked.vertical > entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, +.linked.vertical > entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #0f2b48; } /*********** @@ -1058,7 +1058,7 @@ GtkTextView { .inline-toolbar .header-bar GtkToolButton:backdrop > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > .entry, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, +.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > entry, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, .inline-toolbar .titlebar .button.titlebutton, .titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop, .linked > .button, .header-bar .linked > .button.titlebutton, .titlebar .linked > .button.titlebutton, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), @@ -1067,7 +1067,7 @@ GtkTextView { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > .entry:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .header-bar .linked > .button.titlebutton:first-child, +.linked:not(.vertical) > entry:first-child, .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.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:first-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, @@ -1086,7 +1086,7 @@ GtkTextView { .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > .entry:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .header-bar .linked > .button.titlebutton:last-child, +.linked:not(.vertical) > entry:last-child, .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.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, @@ -1106,7 +1106,7 @@ GtkTextView { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > .entry:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .header-bar .linked > .button.titlebutton:only-child, +.linked:not(.vertical) > entry:only-child, .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.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:only-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, @@ -1126,24 +1126,24 @@ GtkTextView { border-radius: 3px; border-style: solid; } -.linked.vertical > .entry, .linked.vertical > .button, .header-bar .linked.vertical > .button.titlebutton, +.linked.vertical > entry, .linked.vertical > .button, .header-bar .linked.vertical > .button.titlebutton, .titlebar .linked.vertical > .button.titlebutton, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, +.linked.vertical > entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, .titlebar .linked.vertical > .button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, +.linked.vertical > entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, .titlebar .linked.vertical > .button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, +.linked.vertical > entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, .titlebar .linked.vertical > .button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; @@ -1430,7 +1430,7 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, box-shadow: none; text-shadow: none; icon-shadow: none; } -GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { +GtkTreeView .spinbutton entry, GtkTreeView .spinbutton entry:focus { padding: 1px; border-width: 1px 0; border-color: #215d9c; @@ -1462,10 +1462,10 @@ GtkComboBox { text-shadow: none; } GtkComboBox .separator.vertical { -GtkWidget-wide-separators: true; } - GtkComboBox.combobox-entry .entry:dir(ltr) { + GtkComboBox.combobox-entry entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } - GtkComboBox.combobox-entry .entry:dir(rtl) { + GtkComboBox.combobox-entry entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(ltr) { @@ -4334,17 +4334,17 @@ decoration { .titlebar.selection-mode .titlebutton.button:backdrop { icon-shadow: none; } -.view:selected, GtkCalendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, +.view:selected, GtkCalendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, .titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected { background-color: #215d9c; color: #ffffff; } - .view:insensitive:selected, GtkCalendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, + .view:insensitive:selected, GtkCalendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, .titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label { color: #90aece; } - .view:backdrop:selected, GtkCalendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, + .view:backdrop:selected, GtkCalendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected { color: #ffffff; } - .view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, + .view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, .titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive label { color: #648eba; } diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 31ada6abae..5bc82034db 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -152,7 +152,7 @@ GtkTextView { /**************** * Text Entries * ****************/ -.entry { +entry { border: 1px solid; padding: 5px 8px 6px; border-radius: 3px; @@ -162,11 +162,11 @@ GtkTextView { color: black; border-color: #a1a1a1; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; } - .entry.image.left { + entry.image.left { padding-left: 0; } - .entry.image.right { + entry.image.right { padding-right: 0; } - .entry.flat, .entry.flat:focus { + entry.flat, entry.flat:focus { padding: 2px; background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); @@ -175,33 +175,33 @@ GtkTextView { box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); border: none; border-radius: 0; } - .entry:focus { + entry:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); box-shadow: inset 0 0 0 1px #4a90d9, 0 1px white; border-color: #4a90d9; } - .entry:insensitive { + entry:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); box-shadow: 0 1px white; } - .entry:backdrop { + entry:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #333333; border-color: darkgray; background-image: linear-gradient(to bottom, white); box-shadow: 0 1px rgba(255, 255, 255, 0); } - .entry:backdrop:insensitive { + entry:backdrop:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); box-shadow: 0 1px rgba(255, 255, 255, 0); } - .entry.progressbar { + entry.progressbar { margin: 1px; border-radius: 0; border-width: 0 0 2px; @@ -210,39 +210,39 @@ GtkTextView { background-image: none; background-color: transparent; box-shadow: none; } - .entry.progressbar:backdrop { + entry.progressbar:backdrop { background-color: transparent; } - .linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) > .entry:focus + .button, .linked:not(.vertical) > .entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > .entry:focus + GtkComboBoxText > .the-button-in-the-combobox { + .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > entry:focus + .button, .linked:not(.vertical) > entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > entry:focus + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #4a90d9; } - .entry.error { + entry.error { color: #cc0000; border-color: #cc0000; } - .entry.error:focus { + entry.error:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); box-shadow: inset 0 0 0 1px #cc0000, 0 1px white; border-color: #cc0000; } - .entry.error:selected, .entry.error:selected:focus { + entry.error:selected, entry.error:selected:focus { background-color: #cc0000; } - .entry.warning { + entry.warning { color: #f57900; border-color: #f57900; } - .entry.warning:focus { + entry.warning:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); box-shadow: inset 0 0 0 1px #f57900, 0 1px white; border-color: #f57900; } - .entry.warning:selected, .entry.warning:selected:focus { + entry.warning:selected, entry.warning:selected:focus { background-color: #f57900; } - .entry.image { + entry.image { color: #585d5e; } - .entry.image:hover { + entry.image:hover { color: #2e3436; } - .entry.image:active { + entry.image:active { color: #4a90d9; } - .entry.image:backdrop { + entry.image:backdrop { color: #a5a7a8; } - .osd .entry { + .osd entry { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: white; @@ -252,7 +252,7 @@ GtkTextView { box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd .entry:focus { + .osd entry:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: white; @@ -262,7 +262,7 @@ GtkTextView { box-shadow: inset 0 0 0 1px #4a90d9; text-shadow: 0 1px black; icon-shadow: 0 1px black; } - .osd .entry:backdrop { + .osd entry:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: white; @@ -272,7 +272,7 @@ GtkTextView { box-shadow: none; text-shadow: none; icon-shadow: none; } - .osd .entry:insensitive { + .osd entry:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #878a89; @@ -283,25 +283,25 @@ GtkTextView { text-shadow: none; icon-shadow: none; } -.linked.vertical > .entry:not(:last-child) { +.linked.vertical > entry:not(:last-child) { box-shadow: none; } -.linked.vertical > .entry:focus:not(:last-child) { +.linked.vertical > entry:focus:not(:last-child) { box-shadow: inset 0 0 0 1px #4a90d9; } -.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive) { +.linked.vertical > entry:not(:insensitive) + .entry:not(:insensitive) { border-top-color: #e3e3e3; background-image: linear-gradient(to bottom, #ffffff); } - .linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop { + .linked.vertical > entry:not(:insensitive) + .entry:not(:insensitive):backdrop { border-top-color: #e5e5e5; background-image: linear-gradient(to bottom, white); } -.linked.vertical > .entry + .entry:focus:not(:last-child) { +.linked.vertical > entry + entry:focus:not(:last-child) { border-top-color: #4a90d9; box-shadow: inset 0 0 0 1px #4a90d9; } -.linked.vertical > .entry + .entry:focus:last-child { +.linked.vertical > entry + entry:focus:last-child { border-top-color: #4a90d9; } -.linked.vertical > .entry:focus:not(:only-child) + .entry, -.linked.vertical > .entry:focus:not(:only-child) + .button, -.linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, -.linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + .button, +.linked.vertical > entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, +.linked.vertical > entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #4a90d9; } /*********** @@ -1058,7 +1058,7 @@ GtkTextView { .inline-toolbar .header-bar GtkToolButton:backdrop > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > .entry, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, +.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > entry, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, .inline-toolbar .titlebar .button.titlebutton, .titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop, .linked > .button, .header-bar .linked > .button.titlebutton, .titlebar .linked > .button.titlebutton, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), @@ -1067,7 +1067,7 @@ GtkTextView { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > .entry:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .header-bar .linked > .button.titlebutton:first-child, +.linked:not(.vertical) > entry:first-child, .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.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:first-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, @@ -1086,7 +1086,7 @@ GtkTextView { .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > .entry:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .header-bar .linked > .button.titlebutton:last-child, +.linked:not(.vertical) > entry:last-child, .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.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, @@ -1106,7 +1106,7 @@ GtkTextView { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > .entry:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .header-bar .linked > .button.titlebutton:only-child, +.linked:not(.vertical) > entry:only-child, .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.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:only-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, @@ -1126,24 +1126,24 @@ GtkTextView { border-radius: 3px; border-style: solid; } -.linked.vertical > .entry, .linked.vertical > .button, .header-bar .linked.vertical > .button.titlebutton, +.linked.vertical > entry, .linked.vertical > .button, .header-bar .linked.vertical > .button.titlebutton, .titlebar .linked.vertical > .button.titlebutton, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, +.linked.vertical > entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, .titlebar .linked.vertical > .button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, +.linked.vertical > entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, .titlebar .linked.vertical > .button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, +.linked.vertical > entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, .titlebar .linked.vertical > .button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; @@ -1430,7 +1430,7 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, box-shadow: none; text-shadow: none; icon-shadow: none; } -GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { +GtkTreeView .spinbutton entry, GtkTreeView .spinbutton entry:focus { padding: 1px; border-width: 1px 0; border-color: #4a90d9; @@ -1462,10 +1462,10 @@ GtkComboBox { text-shadow: none; } GtkComboBox .separator.vertical { -GtkWidget-wide-separators: true; } - GtkComboBox.combobox-entry .entry:dir(ltr) { + GtkComboBox.combobox-entry entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } - GtkComboBox.combobox-entry .entry:dir(rtl) { + GtkComboBox.combobox-entry entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(ltr) { @@ -4506,18 +4506,18 @@ decoration { .titlebar.selection-mode .titlebutton.button:backdrop { icon-shadow: none; } -.view:selected, GtkCalendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, +.view:selected, GtkCalendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, .titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected { background-color: #4a90d9; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } - .view:insensitive:selected, GtkCalendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, + .view:insensitive:selected, GtkCalendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, .titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label { color: #a5c8ec; } - .view:backdrop:selected, GtkCalendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, + .view:backdrop:selected, GtkCalendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected { color: #ffffff; } - .view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, + .view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, .titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive label { color: #80b1e4; }