AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity
35e4421bb8
gtk2/gtk/resources/theme/Adwaita/gtk-contained-dark.css

3034 lines
117 KiB
CSS
Raw Normal View History

Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/* GTK NAMED COLORS */
@define-color theme_fg_color #eeeeec;
@define-color theme_bg_color #393f3f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
@define-color theme_base_color #292929;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
@define-color theme_selected_bg_color #215d9c;
@define-color theme_selected_fg_color white;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
@define-color insensitive_bg_color #323636;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
@define-color insensitive_fg_color #939695;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
@define-color insensitive_base_color #292929;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
@define-color theme_unfocused_fg_color #c9cbc9;
@define-color theme_unfocused_bg_color #393f3f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
@define-color theme_unfocused_base_color #2c2c2c;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
@define-color theme_unfocused_selected_bg_color #215d9c;
@define-color theme_unfocused_selected_fg_color white;
@define-color borders #1c1f1f;
@define-color unfocused_borders #1e2222;
@define-color warning_color #f57900;
@define-color error_color #cc0000;
@define-color success_color #5aa411;
@define-color wm_title shade(#eeeeec, 1.8);
@define-color wm_unfocused_title #c9cbc9;
Adwaita: export the right color for the wm hilight dark var
2014-06-27 14:23:12 +00:00
@define-color wm_highlight transparent;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
@define-color wm_borders_edge rgba(238, 238, 236, 0.1);
@define-color wm_bg_a shade(#393f3f, 1.2);
@define-color wm_bg_b #393f3f;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
@define-color wm_button_hover_color_a shade(#393f3f, 1.3);
@define-color wm_button_hover_color_b #393f3f;
@define-color wm_button_active_color_a shade(#393f3f, 0.85);
@define-color wm_button_active_color_b shade(#393f3f, 0.89);
@define-color wm_button_active_color_c shade(#393f3f, 0.9);
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
@define-color content_view_bg #292929;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #cc0000;
-GtkPaned-handle-size: 1;
-GtkCheckButton-indicator-size: 16;
-GtkCheckMenuItem-indicator-size: 16;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkScrolledWindow-scrollbars-within-bevel: 1;
-GtkToolItemGroup-expander-size: 11;
-GtkExpander-expander-size: 16;
-GtkTreeView-expander-size: 11;
-GtkTreeView-horizontal-separator: 4;
-GtkMenu-horizontal-padding: 0;
-GtkMenu-vertical-padding: 0;
-GtkWidget-link-color: #184472;
-GtkWidget-visited-link-color: #184472;
-GtkWidget-focus-padding: 2;
-GtkWidget-focus-line-width: 1;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
Adwaita: Neuter frames in statusbars Too much.
2014-06-28 05:34:25 +00:00
-GtkStatusbar-shadow-type: none;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
outline-color: rgba(238, 238, 236, 0.3);
outline-style: dashed;
outline-offset: -3px;
outline-width: 1px;
outline-radius: 2px; }
/***************
* Base States *
***************/
.background {
color: #eeeeec;
background-color: #393f3f; }
.background:backdrop {
text-shadow: none;
icon-shadow: none;
color: white;
background-color: #393f3f; }
/*
These wildcard seems unavoidable, need to investigate.
Wildcards are bad and troublesome, use them with care,
or better, just don't.
Everytime a wildcard is used a kitten dies, painfully.
*/
*:insensitive {
-gtk-image-effect: dim; }
.gtkstyle-fallback {
background-color: #393f3f;
color: #eeeeec; }
.gtkstyle-fallback:prelight {
background-color: #515a5a;
color: #eeeeec; }
.gtkstyle-fallback:active {
background-color: #212424;
color: #eeeeec; }
.gtkstyle-fallback:insensitive {
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #323636;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #939695; }
.gtkstyle-fallback:selected {
background-color: #215d9c;
color: white; }
.view {
color: #eeeeec;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #292929; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.view:backdrop {
color: #c9cbc9;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #2c2c2c; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: fix rubberband selection
2014-06-19 17:11:02 +00:00
.rubberband {
border: 1px solid #215d9c;
background-color: rgba(33, 93, 156, 0.2); }
Adwaita: Add comment around the .overshoot style class And document the oddities around it, as requested by Lapo
2014-07-10 14:55:00 +00:00
/* This is used by GtkScrolledWindow, when rendering the edge
* gradient shown when content is touch-dragged past boundaries.
* The color is used as a base for such gradient, which is then
* stretched/modified as a direct result of user interaction.
*/
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
.overshoot {
background-color: rgba(33, 93, 156, 0.2); }
Adwaita: style .subtitle like .dim-label
2014-07-07 12:17:51 +00:00
.dim-label, .titlebar .subtitle,
.header-bar .subtitle {
Adwaita: use opacity on dim-labels istead of a hack
2014-07-07 12:04:37 +00:00
opacity: 0.55;
text-shadow: none; }
Adwaita: .dim-label
2014-07-07 11:30:24 +00:00
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/*********************
* Spinner Animation *
*********************/
@keyframes spin {
to {
-gtk-icon-transform: rotate(1turn); } }
.spinner {
background-image: none;
background-color: blue;
opacity: 0;
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
.spinner:active {
opacity: 1;
animation: spin 1s linear infinite; }
.spinner:active:insensitive {
opacity: 0.5; }
/****************
* Text Entries *
****************/
.entry {
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
padding: 5px 8px 6px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-radius: 3px;
transition: all 200ms ease-out;
background-color: transparent;
border-style: solid;
border-width: 1px;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #212121, #292929 90%);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1c1f1f;
Adwaita: non csd message dialog and entry shadow fix Made the non csd message dialog more similar to the csd one (to match the csd one we need mutter theme changes), little shadow fix for entry.
2014-07-07 17:51:27 +00:00
box-shadow: inset 0 2px 2px -2px #141414, inset 0 0 2px 1px rgba(39, 51, 64, 0), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
.entry.flat, .entry.flat:focus {
padding: 2px;
background-color: transparent;
border-style: solid;
border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
border-color: #1c1f1f;
Adwaita: non csd message dialog and entry shadow fix Made the non csd message dialog more similar to the csd one (to match the csd one we need mutter theme changes), little shadow fix for entry.
2014-07-07 17:51:27 +00:00
box-shadow: inset 0 2px 2px -2px #141414, inset 0 0 2px 1px rgba(39, 51, 64, 0);
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
border: none;
border-radius: 0; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.entry:focus {
background-color: transparent;
border-style: solid;
border-width: 1px;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #212121, #292929 90%);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #0f2b48;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
box-shadow: inset 0 2px 2px -2px #141414, inset 0 0 1px 1px #215d9c, 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.entry:insensitive {
background-color: transparent;
border-style: solid;
border-width: 1px;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #212121, #292929 90%);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: non csd message dialog and entry shadow fix Made the non csd message dialog more similar to the csd one (to match the csd one we need mutter theme changes), little shadow fix for entry.
2014-07-07 17:51:27 +00:00
box-shadow: inset 0 2px 2px -2px rgba(20, 20, 20, 0), inset 0 0 2px 1px rgba(39, 51, 64, 0), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.entry:backdrop {
background-color: transparent;
border-style: solid;
border-width: 1px;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #212121, #292929 90%);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #c9cbc9;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
border-color: #1e2222;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #2c2c2c);
Adwaita: non csd message dialog and entry shadow fix Made the non csd message dialog more similar to the csd one (to match the csd one we need mutter theme changes), little shadow fix for entry.
2014-07-07 17:51:27 +00:00
box-shadow: inset 0 2px 2px -2px rgba(20, 20, 20, 0), inset 0 0 2px 1px rgba(39, 51, 64, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.entry:backdrop:insensitive {
background-color: transparent;
border-style: solid;
border-width: 1px;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #212121, #292929 90%);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #454c4c;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
Adwaita: non csd message dialog and entry shadow fix Made the non csd message dialog more similar to the csd one (to match the csd one we need mutter theme changes), little shadow fix for entry.
2014-07-07 17:51:27 +00:00
box-shadow: inset 0 2px 2px -2px rgba(20, 20, 20, 0), inset 0 0 2px 1px rgba(39, 51, 64, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.entry:selected, .entry:backdrop:selected {
background-color: #215d9c;
color: white; }
.entry.progressbar {
margin: 1px;
border-radius: 0;
border-width: 0 0 2px;
border-color: #215d9c;
border-style: solid;
background-image: none;
background-color: transparent;
box-shadow: none; }
.entry.progressbar:backdrop {
background-color: transparent; }
.linked .entry:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.linked .entry:first-child:dir(rtl) {
border-right-style: none; }
.linked .entry:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-style: none; }
.linked .entry:last-child:dir(rtl) {
border-left-style: solid; }
Adwaita: style entry.warning and entry.error Fixes https://bugzilla.gnome.org/show_bug.cgi?id=724084
2014-07-03 10:29:25 +00:00
.entry.error {
color: #cc0000;
border-color: #cc0000; }
.entry.error:focus {
background-color: transparent;
border-style: solid;
border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
border-color: #1a0000;
box-shadow: inset 0 2px 2px -2px #141414, inset 0 0 1px 1px #cc0000, 0 1px rgba(238, 238, 236, 0.1); }
.entry.error:selected, .entry.error:selected:focus {
background-color: #cc0000; }
.entry.error:selected:focus {
color: #292929; }
.entry.error:selected:backdrop {
color: #2c2c2c; }
.entry.warning {
color: #f57900;
border-color: #f57900; }
.entry.warning:focus {
background-color: transparent;
border-style: solid;
border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
border-color: #432100;
box-shadow: inset 0 2px 2px -2px #141414, inset 0 0 1px 1px #f57900, 0 1px rgba(238, 238, 236, 0.1); }
.entry.warning:selected, .entry.warning:selected:focus {
background-color: #f57900; }
.entry.warning:selected:focus {
color: #292929; }
.entry.warning:selected:backdrop {
color: #2c2c2c; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/***********
* Buttons *
***********/
Adwaita: stack switcher needs-attention class style
2014-07-16 17:42:17 +00:00
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#215d9c), to(transparent)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), to(transparent)); } }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.button {
border-radius: 3px;
Adwaita: transition :active buttons faster than the other states https://bugzilla.gnome.org/show_bug.cgi?id=732134
2014-07-01 15:46:24 +00:00
transition: all 200ms ease-out;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
padding: 5px 8px 6px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
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); }
Adwaita: .flat button styling
2014-06-27 11:15:54 +00:00
.button:hover, .button.flat:hover {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #eeeeec;
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);
Adwaita: remove wildcard for image effect -gtk-image-effect: hilight now is set for .button:hover
2014-06-18 17:29:33 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
Adwaita: highligh not hilight...
2014-06-18 17:38:14 +00:00
-gtk-image-effect: highlight; }
Adwaita: .flat button styling
2014-06-27 11:15:54 +00:00
.button:active, .button.flat:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #232727, #2d3232);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1);
Adwaita: transition :active buttons faster than the other states https://bugzilla.gnome.org/show_bug.cgi?id=732134
2014-07-01 15:46:24 +00:00
transition-duration: 50ms; }
Adwaita: selected list rows inhert in backdrop
2014-07-15 08:24:08 +00:00
.button:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
icon-shadow: none;
Adwaita: remove the image effect for buttons icons in backdrop
2014-07-08 14:42:10 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
-gtk-image-effect: none; }
Adwaita: selected list rows inhert in backdrop
2014-07-15 08:24:08 +00:00
.button:backdrop:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #2f3434);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: selected list rows inhert in backdrop
2014-07-15 08:24:08 +00:00
.button:backdrop:insensitive {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: selected list rows inhert in backdrop
2014-07-15 08:24:08 +00:00
.button:backdrop:insensitive:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #303434);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button:insensitive {
border-style: solid;
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: .flat button styling
2014-06-27 11:15:54 +00:00
.button:insensitive:active, .button:insensitive.flat:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #2f3333);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
.button.osd {
border-radius: 6px;
padding: 12px;
border-width: 1px 1px 2px 1px;
color: white;
text-shadow: none;
icon-shadow: none;
border-style: solid;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6));
border-color: rgba(102, 102, 102, 0.8);
box-shadow: none; }
.button.osd:hover {
border-style: solid;
background-image: linear-gradient(to bottom, rgba(26, 26, 26, 0.6));
border-color: rgba(102, 102, 102, 0.8);
box-shadow: none; }
.button.osd:active {
border-style: solid;
background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.6));
border-color: rgba(102, 102, 102, 0.8);
box-shadow: none; }
.button.osd:insensitive {
border-style: solid;
border-color: rgba(102, 102, 102, 0.8);
color: #939695; }
.button.osd:backdrop {
border-style: solid; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.osd .button {
padding: 6px;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px 1px 2px 1px;
color: white;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6));
border-color: rgba(102, 102, 102, 0.8);
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.osd .button:hover {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
background-image: linear-gradient(to bottom, rgba(26, 26, 26, 0.6));
border-color: rgba(102, 102, 102, 0.8);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: none; }
.osd .button:active {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.6));
border-color: rgba(102, 102, 102, 0.8);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: none; }
.osd .button:insensitive {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-color: rgba(102, 102, 102, 0.8);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #939695; }
.osd .button:backdrop {
border-style: solid; }
.button.suggested-action {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: white;
background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
border-color: #0b1e33;
text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
Adwaita: bright outline on suggested/destructive action buttons
2014-07-21 17:22:24 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
outline-color: rgba(255, 255, 255, 0.3); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.button.suggested-action:hover {
border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
.button.suggested-action:active {
border-style: solid;
color: white;
border-color: #0b1e33;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #194776, #1c5187);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.button.suggested-action:backdrop {
border-style: solid;
Adwaita: selection mode buttons to have borders and fill
2014-06-17 13:55:58 +00:00
color: white;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c);
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 {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.button.suggested-action:insensitive {
border-style: solid;
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
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 {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: white;
background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e);
border-color: #5e0707;
text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
Adwaita: bright outline on suggested/destructive action buttons
2014-07-21 17:22:24 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
outline-color: rgba(255, 255, 255, 0.3); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.button.destructive-action:hover {
border-style: solid;
color: white;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010);
text-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
.button.destructive-action:active {
border-style: solid;
color: white;
border-color: #5e0707;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.button.destructive-action:backdrop {
border-style: solid;
Adwaita: selection mode buttons to have borders and fill
2014-06-17 13:55:58 +00:00
color: white;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010);
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 {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.button.destructive-action:insensitive {
border-style: solid;
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
.button.image-button, .button.image-button {
Adwaita: header bar buttons padding fix
2014-07-21 13:24:08 +00:00
padding: 8px; }
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
.button.text-button {
padding-left: 16px;
padding-right: 16px; }
Adwaita: stack switcher needs-attention class style
2014-07-16 17:42:17 +00:00
.action-bar .stack-switcher .button.image-button, .header-bar .stack-switcher .button.image-button {
padding: 5px 2px; }
Adwaita: increase padding on header-bar and action-bar text buttons
2014-07-16 17:47:54 +00:00
.action-bar .stack-switcher .button.text-button, .header-bar .stack-switcher .button.text-button {
padding-left: 10px;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
padding-right: 10px;
padding-top: 5px;
Adwaita: stack switcher button fixes Paddings and outline offset are ok now.
2014-07-21 17:26:41 +00:00
padding-bottom: 6px;
outline-offset: -3px; }
Adwaita: stack switcher needs-attention class style
2014-07-16 17:42:17 +00:00
.stack-switcher > .button {
Adwaita: stack switcher button fixes Paddings and outline offset are ok now.
2014-07-21 17:26:41 +00:00
padding-left: 2px;
padding-right: 2px; }
Adwaita: stack switcher needs-attention class style
2014-07-16 17:42:17 +00:00
.stack-switcher > .button > GtkLabel {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > .button > GtkImage {
padding: 3px 6px; }
.stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(white), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
Adwaita: stack switcher button needs-attention fix. Don't draw the dot when the stack switcher button is active.
2014-07-22 07:42:22 +00:00
background-position: right 3px, right 4px; }
Adwaita: stack switcher needs-attention class style
2014-07-16 17:42:17 +00:00
.stack-switcher > .button.needs-attention > GtkLabel:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop {
background-size: 6px 6px, 0 0; }
Adwaita: stack switcher button needs-attention fix. Don't draw the dot when the stack switcher button is active.
2014-07-22 07:42:22 +00:00
.stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage {
animation: none;
background-image: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.inline-toolbar .button, .inline-toolbar .button:backdrop {
border-radius: 2px;
border-width: 1px; }
.primary-toolbar .button {
icon-shadow: none; }
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
.inline-toolbar GtkToolButton > .button {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
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); }
.inline-toolbar GtkToolButton > .button:hover {
border-style: solid;
color: #eeeeec;
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); }
.inline-toolbar GtkToolButton > .button:active {
border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #232727, #2d3232);
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
.inline-toolbar GtkToolButton > .button:insensitive {
border-style: solid;
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); }
.inline-toolbar GtkToolButton > .button:insensitive:active {
border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #2f3333);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop {
border-style: solid;
color: #c9cbc9;
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(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:active {
border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #2f3434);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:insensitive {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
.inline-toolbar GtkToolButton > .button:backdrop:insensitive:active {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #303434);
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: generalize inline and search bars So the style get applied not only to say .toolbar.search-bar, but .search-bar. Need to figure out something for possible missing borders.
2014-07-08 09:22:59 +00:00
.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat {
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
border-radius: 0;
border-left-style: none; }
Adwaita: generalize inline and search bars So the style get applied not only to say .toolbar.search-bar, but .search-bar. Need to figure out something for possible missing borders.
2014-07-08 09:22:59 +00:00
.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat {
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
border-radius: 3px 0 0 3px;
border-left-style: solid; }
Adwaita: generalize inline and search bars So the style get applied not only to say .toolbar.search-bar, but .search-bar. Need to figure out something for possible missing borders.
2014-07-08 09:22:59 +00:00
.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat {
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
border-radius: 0 3px 3px 0; }
Adwaita: generalize inline and search bars So the style get applied not only to say .toolbar.search-bar, but .search-bar. Need to figure out something for possible missing borders.
2014-07-08 09:22:59 +00:00
.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat {
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
border-right-style: solid; }
Adwaita: generalize inline and search bars So the style get applied not only to say .toolbar.search-bar, but .search-bar. Need to figure out something for possible missing borders.
2014-07-08 09:22:59 +00:00
.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat {
Adwaita: button work - finally fixed +|- buttons on inline toolbars - commented out :focus and :selected for normal buttons since it makes flat buttons background blue...
2014-06-28 13:05:06 +00:00
border-radius: 3px;
border-style: solid; }
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
.osd .button, .osd .button:hover, .osd .button:active, .osd .button:insensitive, .osd .button:backdrop, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked .button, .linked .button:hover, .linked .button:active, .linked .button:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-radius: 0;
border-left-style: none; }
.osd .button:dir(rtl), .inline-toolbar .button:dir(rtl), .linked .button:dir(rtl) {
border-right-style: none;
border-left-style: solid; }
.osd .button:first-child, .inline-toolbar .button:first-child, .linked .button:first-child {
border-radius: 3px 0 0 3px;
border-left-style: solid; }
.osd .button:last-child, .inline-toolbar .button:last-child, .linked .button:last-child {
border-radius: 0 3px 3px 0; }
.osd .button:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked .button:last-child:dir(rtl) {
border-right-style: solid; }
.osd .button:only-child, .inline-toolbar .button:only-child, .linked .button:only-child {
border-radius: 3px;
border-style: solid; }
Adwaita: vertically linked buttons
2014-07-09 17:37:41 +00:00
.linked.vertical .button, .linked.vertical .button:hover, .linked.vertical .button:active, .linked.vertical .button:backdrop {
border-left-style: solid;
border-top-style: none; }
.linked.vertical .button:first-child {
border-style: solid;
border-radius: 3px 3px 0 0; }
.linked.vertical .button:last-child {
border-radius: 0 0 3px 3px; }
.linked.vertical .button:only-child {
border-radius: 3px;
border-style: solid; }
Adwaita: fix backdrop insensitie flat button
2014-07-15 11:01:48 +00:00
.button.flat, .button.flat:backdrop, .button.flat:backdrop:insensitive, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:visited:hover, .button:visited:active, .button:link:backdrop, .button:visited:backdrop, .notebook tab .button, .list-row.button, .list-row.button:backdrop:hover, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover, .scale-popup .button:hover, .scale-popup .button:backdrop, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: transparent;
background-color: transparent;
background-image: none;
Adwaita: fix popover buttons. Unfortunatelly labels doesn't change color wrt states. See https://bugzilla.gnome.org/show_bug.cgi?id=732494
2014-07-02 15:27:12 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/* menu buttons */
Adwaita: fix popover buttons. Unfortunatelly labels doesn't change color wrt states. See https://bugzilla.gnome.org/show_bug.cgi?id=732494
2014-07-02 15:27:12 +00:00
.menuitem.button.flat {
outline-offset: -1px; }
.menuitem.button.flat:hover {
background-color: #4b5050; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkColorButton.button {
padding: 4px; }
Adwaita: better colorswatches for the dark theme ...which reveals a "nice" border/fill border radius issue.
2014-07-18 21:48:33 +00:00
GtkColorButton.button GtkColorSwatch {
border-radius: 1.5px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(238, 238, 236, 0.1); }
GtkColorButton.button GtkColorSwatch:backdrop {
box-shadow: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/*********
* Links *
*********/
Adwaita: more links styling
2014-06-18 14:07:59 +00:00
*:link {
color: #215d9c; }
*:link:hover, *:link:active, *:link:visited {
color: #7397bc; }
*:link:backdrop, *:link:backdrop:hover {
color: #215d9c; }
.button:link, .button:visited {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #215d9c;
text-shadow: none; }
Adwaita: more links styling
2014-06-18 14:07:59 +00:00
.button:link:hover, .button:link:active, .button:visited:hover, .button:visited:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #7397bc;
text-shadow: none; }
Adwaita: more links styling
2014-06-18 14:07:59 +00:00
.button:link:backdrop, .button:visited:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #215d9c; }
/*****************
* GtkSpinButton *
*****************/
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
.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 {
Adwaita: remove bg from insensitive backdrop spinbutton buttons
2014-06-18 11:26:35 +00:00
background-image: none;
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
border-width: 0 0 0 1px;
border-color: rgba(28, 31, 31, 0.3);
color: #e4e4e2;
border-radius: 0;
box-shadow: none; }
.spinbutton .button:dir(rtl) {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-width: 0 1px 0 0; }
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
.spinbutton .button:hover {
color: #eeeeec;
Adwaita: darker hover state again for spinbuttons button in the dark variant. And for hovered list rows, since it works better and it's less distracting.
2014-07-15 07:11:56 +00:00
background-color: rgba(0, 0, 0, 0.05); }
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
.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);
Adwaita: darker hover state again for spinbuttons button in the dark variant. And for hovered list rows, since it works better and it's less distracting.
2014-07-15 07:11:56 +00:00
background-color: rgba(0, 0, 0, 0.1); }
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
.spinbutton .button:backdrop {
Adwaita: spinbutton button inhert in backdrop
2014-07-08 14:54:00 +00:00
border-color: rgba(30, 34, 34, 0.3);
background-color: transparent; }
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
.spinbutton .button:backdrop:insensitive {
background-image: none;
color: rgba(69, 76, 76, 0.3);
border-width: 0 0 0 1px; }
.spinbutton .button:backdrop:insensitive:dir(rtl) {
border-width: 0 1px 0 0; }
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
.spinbutton.vertical .button {
padding-top: 8px;
padding-bottom: 8px; }
.spinbutton.vertical .button:first-child {
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
border-style: solid;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
border-width: 1px;
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
color: #eeeeec;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
border-color: #1c1f1f;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
.spinbutton.vertical .button:first-child:active {
border-style: solid;
color: #eeeeec;
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 2px 1px -2px rgba(0, 0, 0, 0.6); }
.spinbutton.vertical .button:first-child:hover {
border-style: solid;
color: #eeeeec;
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 {
border-style: solid;
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:backdrop {
border-style: solid;
color: #c9cbc9;
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(255, 255, 255, 0); }
.spinbutton.vertical .button:last-child {
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
border-style: solid;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
border-width: 1px;
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
color: #eeeeec;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
border-color: #1c1f1f;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
.spinbutton.vertical .button:last-child:active {
border-style: solid;
color: #eeeeec;
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 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
.spinbutton.vertical .button:last-child:hover {
border-style: solid;
color: #eeeeec;
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 {
border-style: solid;
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:backdrop {
border-style: solid;
color: #c9cbc9;
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(255, 255, 255, 0); }
.spinbutton.vertical .button:backdrop:insensitive {
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
border-style: solid;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
color: #454c4c;
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
border-color: #1e2222;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.spinbutton.vertical.entry {
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
border-radius: 0;
padding-left: 3px;
padding-right: 3px; }
Adwaita: initial flat entry styling.
2014-06-27 12:24:53 +00:00
.spinbutton.vertical .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop {
border-radius: 3px 3px 0 0;
border-bottom-width: 0; }
.spinbutton.vertical .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop {
border-radius: 0 0 3px 3px;
border-top-width: 0; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/**************
* ComboBoxes *
**************/
GtkComboBox {
-GtkComboBox-arrow-scaling: 0.5;
-GtkComboBox-shadow-type: none;
box-shadow: 0 1px rgba(238, 238, 236, 0.1);
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); }
Adwaita: fix combos and buttons padding issues. For some strage reason (bug?) combobox buttons needs -2px vertical padding wrt buttons to have the same size as buttons.
2014-07-07 09:45:13 +00:00
GtkComboBox > .button {
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
padding-top: 3px;
padding-bottom: 4px; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkComboBox:insensitive {
color: #939695;
text-shadow: none;
icon-shadow: none; }
GtkComboBox:backdrop {
color: #c9cbc9;
text-shadow: none;
icon-shadow: none; }
GtkComboBox:backdrop:insensitive {
color: #454c4c; }
GtkComboBox .menuitem {
text-shadow: none; }
GtkComboBox .separator {
-GtkWidget-wide-separators: true;
-GtkWidget-horizontal-separator: 0;
-GtkWidget-vertical-separator: 0; }
GtkComboBox.combobox-entry .entry {
border-radius: 3px 0 0 3px; }
GtkComboBox.combobox-entry .entry:dir(rtl) {
border-radius: 0 3px 3px 0; }
GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop {
border-radius: 0 3px 3px 0;
border-left-style: none; }
GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:backdrop:dir(rtl) {
border-radius: 3px 0 0 3px;
border-left-style: solid;
border-right-style: none; }
/************
* Toolbars *
************/
Adwaita: generalize inline and search bars So the style get applied not only to say .toolbar.search-bar, but .search-bar. Need to figure out something for possible missing borders.
2014-07-08 09:22:59 +00:00
.toolbar, .inline-toolbar, .search-bar {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
padding: 6px;
background-color: #393f3f; }
Adwaita: Work towards working touch selection popups This fixes some of the confusion around toolbars inside .osd. The look is not perfect, but less broken than before.
2014-07-13 18:38:43 +00:00
.osd .toolbar, .osd .inline-toolbar, .osd .search-bar {
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
background-color: rgba(0, 0, 0, 0.6);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-radius: 6px;
padding: 12px; }
Adwaita: generalize inline and search bars So the style get applied not only to say .toolbar.search-bar, but .search-bar. Need to figure out something for possible missing borders.
2014-07-08 09:22:59 +00:00
.inline-toolbar {
border-width: 0 1px 1px;
padding: 3px;
border-radius: 0 0 4px 4px; }
.search-bar {
border-width: 0 0 1px;
padding: 3px; }
.inline-toolbar, .search-bar {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
border-color: #1c1f1f;
background-color: #303535;
box-shadow: inset 0 2px 3px -1px #242727; }
Adwaita: generalize inline and search bars So the style get applied not only to say .toolbar.search-bar, but .search-bar. Need to figure out something for possible missing borders.
2014-07-08 09:22:59 +00:00
.inline-toolbar:backdrop, .search-bar:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1e2222;
background-color: #2f3434;
box-shadow: none; }
/***************
* Header bars *
***************/
.titlebar,
.header-bar {
border-width: 0 0 1px;
border-style: solid;
border-color: #1c1f1f;
border-radius: 7px 7px 0 0;
background-color: transparent;
background-image: linear-gradient(to bottom, #434a4a, #393f3f);
box-shadow: inset 0 -1px #303535, inset 0 1px rgba(238, 238, 236, 0.1);
padding: 6px; }
.titlebar:backdrop,
.header-bar:backdrop {
border-color: #1e2222;
background-color: #393f3f;
background-image: none;
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar .title,
.header-bar .title {
font: Bold;
padding: 0px 12px; }
.titlebar .subtitle,
.header-bar .subtitle {
font-size: 80%;
padding: 0 12px; }
.titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical,
.header-bar .header-bar-separator,
.header-bar > GtkBox > .separator.vertical {
-GtkWidget-wide-separators: true;
-GtkWidget-separator-width: 1px;
border-width: 0 1px;
border-image: linear-gradient(to bottom, rgba(28, 31, 31, 0), #1c1f1f 30%, #1c1f1f 70%, rgba(28, 31, 31, 0) 100%) 0 1/0 1px stretch; }
.titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop,
.header-bar .header-bar-separator:backdrop,
.header-bar > GtkBox > .separator.vertical:backdrop {
border-image: linear-gradient(to bottom, rgba(30, 34, 34, 0.5)) 0 1/1px 1px; }
.titlebar.selection-mode,
.header-bar.selection-mode {
color: #14375d;
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
border-color: #0f2b48;
Adwaita: selection mode and selection menu tweaks
2014-07-08 10:52:25 +00:00
background-image: linear-gradient(to bottom, #256ab1, #215d9c);
box-shadow: inset 0 -1px #1a4b7e, inset 0 1px rgba(48, 103, 161, 0.46); }
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
.titlebar.selection-mode:backdrop,
.header-bar.selection-mode:backdrop {
background-image: linear-gradient(to bottom, #215d9c);
box-shadow: inset 0 1px rgba(48, 103, 161, 0.46); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar.selection-mode .button,
.header-bar.selection-mode .button {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: white;
background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
border-color: #0b1e33;
text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.titlebar.selection-mode .button:hover,
.header-bar.selection-mode .button:hover {
border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.titlebar.selection-mode .button:active,
.header-bar.selection-mode .button:active {
border-style: solid;
color: white;
border-color: #0b1e33;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #194776, #1c5187);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar.selection-mode .button:insensitive,
.header-bar.selection-mode .button:insensitive {
border-style: solid;
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.titlebar.selection-mode .button:backdrop,
.header-bar.selection-mode .button:backdrop {
border-style: solid;
Adwaita: selection mode buttons to have borders and fill
2014-06-17 13:55:58 +00:00
color: white;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
icon-shadow: none;
Adwaita: selection mode buttons to have borders and fill
2014-06-17 13:55:58 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
border-color: #0f2b48; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar.selection-mode .button:backdrop:insensitive,
.header-bar.selection-mode .button:backdrop:insensitive {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar.selection-mode .button.suggested-action,
.header-bar.selection-mode .button.suggested-action {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
border-color: #0f2b48; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar.selection-mode .button.suggested-action:hover,
.header-bar.selection-mode .button.suggested-action:hover {
border-style: solid;
color: #eeeeec;
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);
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
border-color: #0f2b48; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar.selection-mode .button.suggested-action:active,
.header-bar.selection-mode .button.suggested-action:active {
border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #232727, #2d3232);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
border-color: #0f2b48; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar.selection-mode .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
border-style: solid;
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: none;
icon-shadow: none;
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar.selection-mode .button.suggested-action:backdrop,
.header-bar.selection-mode .button.suggested-action:backdrop {
border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
icon-shadow: none;
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
.header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
Adwaita: fix selection mode toolbar Selection menu button still needs fixing
2014-07-07 18:32:16 +00:00
border-color: #0f2b48; }
Adwaita: selection mode and selection menu tweaks
2014-07-08 10:52:25 +00:00
.titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop,
Adwaita: selection menu button style fixes
2014-07-08 08:46:39 +00:00
.header-bar.selection-mode .selection-menu,
Adwaita: selection mode and selection menu tweaks
2014-07-08 10:52:25 +00:00
.header-bar.selection-mode .selection-menu:backdrop {
Adwaita: selection menu button style fixes
2014-07-08 08:46:39 +00:00
border-color: rgba(33, 93, 156, 0);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0));
Adwaita: selection mode and selection menu tweaks
2014-07-08 10:52:25 +00:00
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
.titlebar.selection-mode .selection-menu GtkArrow, .titlebar.selection-mode .selection-menu:backdrop GtkArrow,
.header-bar.selection-mode .selection-menu GtkArrow,
.header-bar.selection-mode .selection-menu:backdrop GtkArrow {
-GtkArrow-arrow-scaling: 1; }
.titlebar.selection-mode .selection-menu .arrow,
.header-bar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
color: rgba(255, 255, 255, 0.5);
icon-shadow: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.tiled .titlebar, .maximized .titlebar, .tiled
.header-bar, .maximized
.header-bar {
border-radius: 0; }
/**************
* Tree Views *
**************/
Adwaita: initial and hopefully temporary treeview separation lines style
2014-07-10 11:53:37 +00:00
GtkTreeView.view {
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
Adwaita: saner treeview lines style plus treeview expander style
2014-07-10 12:59:08 +00:00
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
border-color: #393f3f; }
Adwaita: initial and hopefully temporary treeview separation lines style
2014-07-10 11:53:37 +00:00
GtkTreeView.view:backdrop {
Adwaita: saner treeview lines style plus treeview expander style
2014-07-10 12:59:08 +00:00
border-color: #393f3f; }
GtkTreeView.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #b2b2b1; }
GtkTreeView.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
GtkTreeView.view.expander:hover {
color: #eeeeec; }
GtkTreeView.view.expander:selected {
color: #bccee1; }
GtkTreeView.view.expander:selected:hover {
color: white; }
GtkTreeView.view.expander:selected:backdrop {
color: #283a4d; }
GtkTreeView.view.expander:active {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
GtkTreeView.view.expander:backdrop {
color: #999b99; }
Adwaita: initial and hopefully temporary treeview separation lines style
2014-07-10 11:53:37 +00:00
Adwaita: column headers visual simplification
2014-06-16 14:45:24 +00:00
column-header .button {
color: #8b8b8a;
Adwaita: Set background color of header buttons Without a background, one can see titles shine through when resizable columns are squeezed.
2014-07-10 23:36:26 +00:00
background-color: #292929;
Adwaita: column headers visual simplification
2014-06-16 14:45:24 +00:00
font-weight: bold;
text-shadow: none;
box-shadow: none; }
column-header .button:hover {
color: #bcbcbb;
Adwaita: column header dnd style. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=731663
2014-07-08 12:35:06 +00:00
box-shadow: none;
transition: none; }
Adwaita: column headers visual simplification
2014-06-16 14:45:24 +00:00
column-header .button:active {
Adwaita: column header dnd style. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=731663
2014-07-08 12:35:06 +00:00
color: #eeeeec;
transition: none; }
Adwaita: no border-right on treeview-derived widgets I fear to be opening a can of worms, but it does seem like something the system theme should deal with. https://bugzilla.gnome.org/show_bug.cgi?id=731463
2014-07-01 13:42:32 +00:00
column-header:last-child .button, column-header:last-child.button {
Adwaita: column headers visual simplification
2014-06-16 14:45:24 +00:00
border-right-style: none; }
Adwaita: column header dnd style. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=731663
2014-07-08 12:35:06 +00:00
column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover {
transition: none;
color: #215d9c;
box-shadow: inset 1px 1px 0 1px #215d9c, inset -1px 0 0 1px #215d9c, inset 1px 1px #292929, inset -1px 0 #292929; }
Adwaita: column headers visual simplification
2014-06-16 14:45:24 +00:00
column-header .button, column-header .button:hover, column-header .button:active {
Adwaita: decrease column headers paddings
2014-07-22 07:58:58 +00:00
padding: 3px 6px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-width: 0 1px 1px 0;
border-radius: 0;
background-image: none;
Adwaita: column headers visual simplification
2014-06-16 14:45:24 +00:00
border-color: #393f3f;
text-shadow: none; }
column-header .button:insensitive {
border-color: #393f3f;
background-image: none; }
column-header .button:backdrop {
border-color: #393f3f;
Adwaita: fix column-header backdrop state
2014-06-16 15:07:27 +00:00
border-width: 0 1px 1px 0;
color: #818584;
Adwaita: correct background color for backdrop treeview column headers
2014-07-15 15:58:13 +00:00
background-image: none;
background-color: #2c2c2c; }
Adwaita: column headers visual simplification
2014-06-16 14:45:24 +00:00
column-header .button:backdrop:insensitive {
border-color: #393f3f;
background-image: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: style progressbars in treeview cells. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=732298
2014-07-03 08:30:14 +00:00
GtkTreeView.view.progressbar {
border-radius: 4px;
Adwaita: treeview progressbar fix
2014-07-10 13:47:57 +00:00
border-color: #0f2b48;
Adwaita: more progressbar shadows
2014-07-19 07:59:10 +00:00
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); }
Adwaita: style progressbars in treeview cells. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=732298
2014-07-03 08:30:14 +00:00
GtkTreeView.view.progressbar:selected {
Adwaita: more progressbar shadows
2014-07-19 07:59:10 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
Adwaita: style progressbars in treeview cells. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=732298
2014-07-03 08:30:14 +00:00
background-image: linear-gradient(to bottom, #292929, #101010); }
GtkTreeView.view.progressbar:selected:backdrop {
Adwaita: more progressbar shadows
2014-07-19 07:59:10 +00:00
border-color: #2c2c2c;
Adwaita: style progressbars in treeview cells. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=732298
2014-07-03 08:30:14 +00:00
background-color: #2c2c2c; }
GtkTreeView.view.progressbar:backdrop {
border-color: #2c2c2c;
Adwaita: more progressbar shadows
2014-07-19 07:59:10 +00:00
background-image: none;
box-shadow: none; }
Adwaita: style progressbars in treeview cells. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=732298
2014-07-03 08:30:14 +00:00
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/*********
* Menus *
*********/
.menubar {
padding: 0px;
background-color: #424747; }
.menubar:backdrop {
background-color: #393f3f; }
.menubar > .menuitem {
padding: 4px 8px; }
.menubar > .menuitem:hover {
box-shadow: inset 0 -3px #215d9c;
color: #215d9c; }
.menubar > .menuitem:insensitive {
color: #939695;
box-shadow: none; }
.menu {
Adwaita: Add back a margin of 4px to .menu This had originally been added to Adwaita in the gnome-themes-standard commit 7bf01517bc2 but was lost during 3.13 theme changes, causing bug 591258 to reappear.
2014-07-16 11:25:22 +00:00
margin: 4px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
padding: 0px;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #292929; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.menu .menuitem {
Adwaita: minor fixes
2014-07-08 19:33:48 +00:00
text-shadow: none;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
padding: 4px; }
.menu .menuitem:hover {
color: white;
background-color: #215d9c; }
.menu .menuitem:insensitive {
color: #939695; }
.menu .menuitem:insensitive:backdrop {
color: #454c4c; }
.menu .menuitem:backdrop, .menu .menuitem:backdrop:hover {
color: #c9cbc9;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #2c2c2c; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.menu .menuitem.arrow {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
Adwaita: Use rtl variants of pan-end when needed The -gtk-icontheme() function not have any automatism for symbolic or rtl variants built-in, instead, we expect the theme to use selectors to provide the right icon for each situation.
2014-06-22 18:12:29 +00:00
.menu .menuitem.arrow:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/***************
* Popovers *
***************/
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
margin: 10px;
padding: 2px;
border-color: #1c1f1f;
border-width: 1px;
border-style: solid;
border-radius: 5px;
background-color: #393f3f;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: none; }
Adwaita: Work towards working touch selection popups This fixes some of the confusion around toolbars inside .osd. The look is not perfect, but less broken than before.
2014-07-13 18:38:43 +00:00
.popover > .list, .popover > .view, .popover > .toolbar
.popover.osd > .toolbar, .popover > .inline-toolbar
.popover.osd > .toolbar, .popover > .search-bar
.popover.osd > .toolbar, .popover > .toolbar
.popover.osd > .inline-toolbar, .popover > .inline-toolbar
.popover.osd > .inline-toolbar, .popover > .search-bar
.popover.osd > .inline-toolbar, .popover > .toolbar
.popover.osd > .search-bar, .popover > .inline-toolbar
.popover.osd > .search-bar, .popover > .search-bar
.popover.osd > .search-bar {
border-style: none;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
background-color: transparent; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover .separator {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
font-size: 80%;
font-weight: bold;
color: #5d6261;
text-shadow: none;
background-color: transparent;
icon-shadow: none;
border: 0; }
Adwaita: add transition to non flat popover buttons.
2014-07-03 07:31:51 +00:00
.popover .button.flat,
.popover .button.flat:hover {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: none;
transition: none; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover.osd {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
background-image: none;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
background-color: rgba(0, 0, 0, 0.6);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border: 1px solid #1c1f1f;
color: white; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover.osd .button {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: white;
text-shadow: none;
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6));
border-color: rgba(102, 102, 102, 0.8);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: none; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover.osd .button:hover {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
background-image: linear-gradient(to bottom, rgba(26, 26, 26, 0.6));
border-color: rgba(102, 102, 102, 0.8);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: none; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover.osd .button:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.6));
border-color: rgba(102, 102, 102, 0.8);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: none; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover.osd .button:insensitive {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-color: rgba(102, 102, 102, 0.8);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #939695; }
Adwaita: Try to fix up selection touch handles The text handles reuse the style context from their parent widget, and just add .cursor-handle. That means that the more specific entry selectors override the .cursor-handle theming unless we select for .entry.cursor-handle. We also need to work harder to keep the .entry styling from drawing decorations around the outlines.
2014-07-13 17:34:59 +00:00
.entry.cursor-handle,
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.cursor-handle {
background-color: transparent;
Adwaita: Try to fix up selection touch handles The text handles reuse the style context from their parent widget, and just add .cursor-handle. That means that the more specific entry selectors override the .cursor-handle theming unless we select for .entry.cursor-handle. We also need to work harder to keep the .entry styling from drawing decorations around the outlines.
2014-07-13 17:34:59 +00:00
background-image: none;
box-shadow: none;
border-style: none; }
.entry.cursor-handle.top,
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.cursor-handle.top {
-gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
Adwaita: Try to fix up selection touch handles The text handles reuse the style context from their parent widget, and just add .cursor-handle. That means that the more specific entry selectors override the .cursor-handle theming unless we select for .entry.cursor-handle. We also need to work harder to keep the .entry styling from drawing decorations around the outlines.
2014-07-13 17:34:59 +00:00
.entry.cursor-handle.bottom,
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.cursor-handle.bottom {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
/*****************
* Notebooks and *
* Tabs *
*****************/
.notebook {
padding: 0;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #292929;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
-GtkNotebook-initial-gap: 10;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
Adwaita: fix Gedit style tabs color. I also introduced a gab between tabs as in the mockups.
2014-07-02 15:52:36 +00:00
-GtkNotebook-tab-overlap: -8;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
transition: all 200ms ease-out; }
.notebook:backdrop {
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #2c2c2c; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.notebook.frame {
border: 1px solid #1c1f1f; }
.notebook.frame.top {
border-top-width: 0; }
.notebook.frame.bottom {
border-bottom-width: 0; }
.notebook.frame.right {
border-right-width: 0; }
.notebook.frame.left {
border-left-width: 0; }
.notebook.frame:backdrop {
border-color: #1e2222; }
.notebook.header {
background-color: #303535; }
.notebook.header.frame {
border: 1px solid #1c1f1f; }
.notebook.header.frame.top {
border-bottom-width: 0; }
.notebook.header.frame.bottom {
border-top-width: 0; }
.notebook.header.frame.right {
border-left-width: 0; }
.notebook.header.frame.left {
border-right-width: 0; }
.notebook.header.frame:backdrop {
border-color: #1e2222; }
.notebook.header.top {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #1c1f1f; }
.notebook.header.top:backdrop {
box-shadow: inset 0 -1px #1e2222; }
.notebook.header.bottom {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #1c1f1f; }
.notebook.header.bottom:backdrop {
box-shadow: inset 0 1px #1e2222; }
.notebook.header.right {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #1c1f1f; }
.notebook.header.right:backdrop {
box-shadow: inset 1px 0 #1e2222; }
.notebook.header.left {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #1c1f1f; }
.notebook.header.left:backdrop {
box-shadow: inset -1px 0 #1e2222; }
.notebook.header:backdrop {
background-color: #2f3434;
box-shadow: none; }
.notebook tab {
border-width: 0;
border-style: solid;
border-color: transparent;
background-color: transparent;
Adwaita: only side borders for reorderable tabs
2014-06-24 11:42:13 +00:00
outline-offset: 0;
/* works for testnotebookdnd, but there's a superfluous border
in gedit or web, commented out for now, needs gtk fixes
&.reorderable-page {
&.top {
padding-top: ($vt_vpadding - 1px);
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}
&.bottom {
padding-bottom: ($vt_vpadding - 1px);
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}
&.left {
padding-left: ($ht_hpadding - 1px);
border-left-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
}
&.right {
padding-right: ($ht_hpadding - 1px);
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
}
}
*/ }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.notebook tab.top, .notebook tab.bottom {
padding: 8px 20px; }
.notebook tab.left, .notebook tab.right {
padding: 5px 20px; }
Adwaita: only side borders for reorderable tabs
2014-06-24 11:42:13 +00:00
.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
Adwaita: some more notebook work... ...to try to make tab with close buttons to look better.
2014-07-03 11:19:11 +00:00
padding-left: 12px;
padding-right: 12px;
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
border-left-width: 1px;
border-right-width: 1px; }
Adwaita: only side borders for reorderable tabs
2014-06-24 11:42:13 +00:00
.notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
border-bottom-width: 1px;
Adwaita: only side borders for reorderable tabs
2014-06-24 11:42:13 +00:00
border-top-width: 1px; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.notebook tab.top {
border-bottom-width: 3px; }
.notebook tab.bottom {
border-top-width: 3px; }
.notebook tab.left {
border-right-width: 3px; }
.notebook tab.right {
border-left-width: 3px; }
Adwaita: set the correct indicator color for reorderable hover tabs
2014-06-24 12:04:26 +00:00
.notebook tab:hover, .notebook tab.prelight-page {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1c1f1f; }
Adwaita: set the correct indicator color for reorderable hover tabs
2014-06-24 12:04:26 +00:00
.notebook tab:active, .notebook tab.active-page, .notebook tab:backdrop:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #215d9c; }
.notebook tab:backdrop {
background-color: transparent;
border-color: transparent; }
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
.notebook tab.reorderable-page.top {
border-color: transparent; }
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: rgba(28, 31, 31, 0.3);
Adwaita: set the correct indicator color for reorderable hover tabs
2014-06-24 12:04:26 +00:00
border-bottom-color: #1c1f1f;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
background-color: rgba(57, 63, 63, 0.2); }
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
background-color: rgba(57, 63, 63, 0.5);
border-color: rgba(28, 31, 31, 0.5);
border-bottom-color: #215d9c; }
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
.notebook tab.reorderable-page.top:active:hover, .notebook tab.reorderable-page.top.active-page:hover {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
background-color: rgba(57, 63, 63, 0.7); }
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
.notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop {
border-color: #1e2222;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
background-color: #393f3f;
border-bottom-color: #215d9c; }
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
.notebook tab.reorderable-page.top:backdrop {
border-color: transparent;
background-color: transparent; }
.notebook tab.reorderable-page.bottom {
border-color: transparent; }
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
border-color: rgba(28, 31, 31, 0.3);
Adwaita: set the correct indicator color for reorderable hover tabs
2014-06-24 12:04:26 +00:00
border-top-color: #1c1f1f;
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
background-color: rgba(57, 63, 63, 0.2); }
.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
background-color: rgba(57, 63, 63, 0.5);
border-color: rgba(28, 31, 31, 0.5);
border-top-color: #215d9c; }
.notebook tab.reorderable-page.bottom:active:hover, .notebook tab.reorderable-page.bottom.active-page:hover {
background-color: rgba(57, 63, 63, 0.7); }
.notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop {
border-color: #1e2222;
background-color: #393f3f;
border-top-color: #215d9c; }
.notebook tab.reorderable-page.bottom:backdrop {
border-color: transparent;
background-color: transparent; }
.notebook tab.reorderable-page.left {
border-color: transparent; }
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
border-color: rgba(28, 31, 31, 0.3);
Adwaita: set the correct indicator color for reorderable hover tabs
2014-06-24 12:04:26 +00:00
border-right-color: #1c1f1f;
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
background-color: rgba(57, 63, 63, 0.2); }
.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
background-color: rgba(57, 63, 63, 0.5);
border-color: rgba(28, 31, 31, 0.5);
border-right-color: #215d9c; }
.notebook tab.reorderable-page.left:active:hover, .notebook tab.reorderable-page.left.active-page:hover {
background-color: rgba(57, 63, 63, 0.7); }
.notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop {
border-color: #1e2222;
background-color: #393f3f;
border-right-color: #215d9c; }
.notebook tab.reorderable-page.left:backdrop {
border-color: transparent;
background-color: transparent; }
.notebook tab.reorderable-page.right {
border-color: transparent; }
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
border-color: rgba(28, 31, 31, 0.3);
Adwaita: set the correct indicator color for reorderable hover tabs
2014-06-24 12:04:26 +00:00
border-left-color: #1c1f1f;
Adwaita: reorderable tabs correctly styled for every notebook layout
2014-06-18 10:08:04 +00:00
background-color: rgba(57, 63, 63, 0.2); }
.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
background-color: rgba(57, 63, 63, 0.5);
border-color: rgba(28, 31, 31, 0.5);
border-left-color: #215d9c; }
.notebook tab.reorderable-page.right:active:hover, .notebook tab.reorderable-page.right.active-page:hover {
background-color: rgba(57, 63, 63, 0.7); }
.notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop {
border-color: #1e2222;
background-color: #393f3f;
border-left-color: #215d9c; }
.notebook tab.reorderable-page.right:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: transparent;
background-color: transparent; }
.notebook tab GtkLabel {
padding: 0 2px;
font-weight: bold;
Adwaita: fix reorderable tab label color once again
2014-07-08 08:17:02 +00:00
color: #939695; }
Adwaita: fix Gedit style tabs color. I also introduced a gab between tabs as in the mockups.
2014-07-02 15:52:36 +00:00
.notebook tab GtkLabel:backdrop, .notebook tab GtkLabel.prelight-page:backdrop {
Adwaita: set the correct indicator color for reorderable hover tabs
2014-06-24 12:04:26 +00:00
color: #878b8a; }
Adwaita: fix reorderable tab label color once again
2014-07-08 08:17:02 +00:00
.notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page {
Adwaita: fix Gedit style tabs color. I also introduced a gab between tabs as in the mockups.
2014-07-02 15:52:36 +00:00
color: #c0c2c0; }
Adwaita: reorderable tabs inhert in backdrop
2014-07-15 11:28:40 +00:00
.notebook tab .prelight-page GtkLabel:backdrop, .notebook tab GtkLabel.prelight-page:backdrop {
color: #878b8a; }
Adwaita: fix reorderable tab label color once again
2014-07-08 08:17:02 +00:00
.notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page {
Adwaita: fix Gedit style tabs color. I also introduced a gab between tabs as in the mockups.
2014-07-02 15:52:36 +00:00
color: #eeeeec; }
Adwaita: fix reorderable tab label color once again
2014-07-08 08:17:02 +00:00
.notebook tab .active-page GtkLabel:backdrop, .notebook tab GtkLabel.active-page:backdrop {
Adwaita: fix Gedit style tabs color. I also introduced a gab between tabs as in the mockups.
2014-07-02 15:52:36 +00:00
color: #c9cbc9; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.notebook tab .button {
border: 1px solid transparent;
icon-shadow: none;
transition: none;
Adwaita: better tab close button
2014-06-14 06:42:12 +00:00
color: rgba(238, 238, 236, 0.3); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.notebook tab .button:hover {
Adwaita: better tab close button
2014-06-14 06:42:12 +00:00
color: #eeeeec;
border-style: solid;
color: #eeeeec;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1c1f1f;
Adwaita: better tab close button
2014-06-14 06:42:12 +00:00
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);
background-image: none;
box-shadow: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.notebook tab .button:active {
Adwaita: better tab close button
2014-06-14 06:42:12 +00:00
border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #232727, #2d3232);
Adwaita: better tab close button
2014-06-14 06:42:12 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
Adwaita: better tab close button
2014-06-14 06:42:12 +00:00
.notebook tab .button:backdrop {
color: rgba(201, 203, 201, 0.3);
border-color: transparent; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.notebook tab .button > GtkImage {
padding: 2px; }
Adwaita: style notebook tab overflow arrow
2014-07-08 08:06:57 +00:00
.notebook.arrow {
color: #939695; }
.notebook.arrow:hover {
color: #c0c2c0; }
.notebook.arrow:active {
color: #eeeeec; }
.notebook.arrow:insensitive {
color: rgba(147, 150, 149, 0.3); }
.notebook.arrow:backdrop {
color: rgba(201, 203, 201, 0.4); }
.notebook.arrow:backdrop:insensitive {
color: #454c4c; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/**************
* Scrollbars *
**************/
.scrollbar {
background-clip: padding-box;
background-image: none;
border-style: solid;
-GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
-GtkRange-slider-width: 13;
-GtkScrollbar-min-slider-length: 42;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1; }
.scrollbar .button {
border: none; }
.scrollbar.slider {
border-radius: 20px;
border: 3px solid transparent;
background-color: #6f7372; }
.scrollbar.slider:hover {
background-color: #939695; }
.scrollbar.slider:prelight:active {
background-color: #215d9c; }
.scrollbar.slider.fine-tune {
border-width: 5px; }
.scrollbar.slider.fine-tune:prelight:active {
background-color: #215d9c; }
Adwaita: inhert scrollbars in backdrop
2014-07-08 14:36:02 +00:00
.scrollbar.slider:backdrop, .scrollbar.slider:insensitive {
background-color: #4b5050; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: .scrollbars-junction
2014-06-18 07:52:29 +00:00
.scrollbars-junction, .scrollbar.trough {
Adwaita: sidebar scrollbar fix. .scrollbars-junction borders were removed by setting border-stylei: none, it interacted (why?) with the scrollbars on sidebar, making the border transparent seems not to have side effects there.
2014-07-03 09:01:31 +00:00
border-color: transparent;
Adwaita: .scrollbars-junction
2014-06-18 07:52:29 +00:00
background-color: #2d3232; }
.scrollbars-junction:backdrop, .scrollbar.trough:backdrop {
background-color: transparent; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/**********
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 47px;
font: bold condensed 9;
Adwaita: widget edge for switch and progressbars
2014-07-18 21:30:16 +00:00
outline-offset: -4px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkSwitch.trough {
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: #1c1f1f;
background-color: #2d3232;
text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
GtkSwitch.trough:active {
color: white;
border-color: #0f2b48;
background-color: #215d9c;
box-shadow: 0 1px rgba(238, 238, 236, 0.1);
text-shadow: 0 0 2px white; }
GtkSwitch.trough:insensitive {
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #323636;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: 0 1px rgba(238, 238, 236, 0.1);
text-shadow: none; }
GtkSwitch.trough:backdrop {
color: #c9cbc9;
border-color: #1e2222;
Adwaita: some code refactoring
2014-07-19 08:50:01 +00:00
background-color: #2f3434;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: none;
text-shadow: none; }
Adwaita: minor code refactoring
2014-06-28 13:22:23 +00:00
GtkSwitch.trough:backdrop:active {
color: #393f3f;
border-color: #215d9c;
background-color: #215d9c;
box-shadow: none; }
GtkSwitch.trough:backdrop:insensitive {
color: #454c4c;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
border-color: #1e2222;
background-color: #323636; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkSwitch.slider {
border-radius: 3px;
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
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);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2a2f2f; }
Adwaita: added active state to the switch slider
2014-06-24 08:38:03 +00:00
GtkSwitch.slider:hover {
border-style: solid;
color: #eeeeec;
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);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2a2f2f; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkSwitch.slider:active {
border: 1px solid #0f2b48; }
GtkSwitch.slider:insensitive {
border-style: solid;
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
GtkSwitch.slider:backdrop {
border-style: solid;
color: #c9cbc9;
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(255, 255, 255, 0); }
Adwaita: minor code refactoring
2014-06-28 13:22:23 +00:00
GtkSwitch.slider:backdrop:active {
border-color: #215d9c; }
GtkSwitch.slider:backdrop:insensitive {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/*************************
* Check and Radio items *
*************************/
.check {
background-image: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:hover {
background-image: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:selected {
background-image: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:insensitive {
background-image: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:backdrop {
background-image: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:backdrop:insensitive {
background-image: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:inconsistent {
background-image: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: add inconsistent hover check/radios
2014-06-24 18:17:38 +00:00
.check:inconsistent:hover {
background-image: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: add inconsistent hover check/radios
2014-06-24 18:17:38 +00:00
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:inconsistent:selected {
background-image: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:inconsistent:backdrop {
background-image: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:inconsistent:insensitive {
background-image: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:inconsistent:insensitive:backdrop {
background-image: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:active {
background-image: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:active:insensitive {
background-image: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:hover:active {
background-image: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:active:selected {
background-image: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:backdrop:active {
background-image: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.check:backdrop:active:insensitive {
background-image: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.menuitem.check {
color: rgba(238, 238, 236, 0.1);
background-image: none;
-gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
.menuitem.check:hover {
color: rgba(255, 255, 255, 0.1); }
.menuitem.check:active {
color: #eeeeec; }
.menuitem.check:active:hover {
color: white; }
.menuitem.check:active:insensitive {
color: #939695;
background-image: none; }
.menuitem.check:active:insensitive:backdrop {
color: #454c4c; }
.menuitem.check:active:backdrop {
color: #c9cbc9; }
.menuitem.check:insensitive {
color: rgba(147, 150, 149, 0.1); }
.menuitem.check:insensitive:backdrop {
color: transparent; }
.menuitem.check:inconsistent {
-gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
Adwaita: fix popover buttons. Unfortunatelly labels doesn't change color wrt states. See https://bugzilla.gnome.org/show_bug.cgi?id=732494
2014-07-02 15:27:12 +00:00
.menuitem.check:backdrop, .menuitem.check:backdrop:hover {
color: rgba(201, 203, 201, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.check {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: rgba(238, 238, 236, 0.1);
background-image: none;
-gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.check:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.check:active:insensitive {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #939695; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.check:active:insensitive:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #454c4c; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.check:active:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #c9cbc9; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.check:insensitive {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: rgba(147, 150, 149, 0.1); }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.check:insensitive:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: transparent; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.check:inconsistent {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
-gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
Adwaita: fix view check/radio selected state.
2014-06-24 08:25:49 +00:00
.view.check:selected, .view.check:selected:focus {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: rgba(255, 255, 255, 0.1); }
Adwaita: fix view check/radio selected state.
2014-06-24 08:25:49 +00:00
.view.check:selected:active, .view.check:selected:focus:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: white; }
Adwaita: fix view check/radio selected state.
2014-06-24 08:25:49 +00:00
.view.check:selected:active:backdrop, .view.check:selected:focus:active:backdrop {
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
color: #2c2c2c; }
Adwaita: fix view check/radio selected state.
2014-06-24 08:25:49 +00:00
.view.check:backdrop {
color: rgba(201, 203, 201, 0.1); }
.view.check:backdrop:selected {
color: rgba(44, 44, 44, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover .button.check:hover {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: rgba(238, 238, 236, 0.1); }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover .button.check:hover:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover .button.check:hover:active:selected {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: white; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover .button.check:hover:active:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #c9cbc9; }
.radio {
background-image: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:hover {
background-image: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:selected {
background-image: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:insensitive {
background-image: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:backdrop {
background-image: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:backdrop:insensitive {
background-image: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:inconsistent {
background-image: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: add inconsistent hover check/radios
2014-06-24 18:17:38 +00:00
.radio:inconsistent:hover {
background-image: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: add inconsistent hover check/radios
2014-06-24 18:17:38 +00:00
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:inconsistent:selected {
background-image: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:inconsistent:backdrop {
background-image: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:inconsistent:insensitive {
background-image: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:inconsistent:insensitive:backdrop {
background-image: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:active {
background-image: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:active:insensitive {
background-image: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:hover:active {
background-image: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:active:selected {
background-image: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:backdrop:active {
background-image: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.radio:backdrop:active:insensitive {
background-image: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
background-position: center center; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.menuitem.radio {
color: rgba(238, 238, 236, 0.1);
background-image: none;
-gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
.menuitem.radio:hover {
color: rgba(255, 255, 255, 0.1); }
.menuitem.radio:active {
color: #eeeeec; }
.menuitem.radio:active:hover {
color: white; }
.menuitem.radio:active:insensitive {
color: #939695;
background-image: none; }
.menuitem.radio:active:insensitive:backdrop {
color: #454c4c; }
.menuitem.radio:active:backdrop {
color: #c9cbc9; }
.menuitem.radio:insensitive {
color: rgba(147, 150, 149, 0.1); }
.menuitem.radio:insensitive:backdrop {
color: transparent; }
.menuitem.radio:inconsistent {
-gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
Adwaita: fix popover buttons. Unfortunatelly labels doesn't change color wrt states. See https://bugzilla.gnome.org/show_bug.cgi?id=732494
2014-07-02 15:27:12 +00:00
.menuitem.radio:backdrop, .menuitem.radio:backdrop:hover {
color: rgba(201, 203, 201, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.radio {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: rgba(238, 238, 236, 0.1);
background-image: none;
-gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.radio:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.radio:active:insensitive {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #939695; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.radio:active:insensitive:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #454c4c; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.radio:active:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #c9cbc9; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.radio:insensitive {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: rgba(147, 150, 149, 0.1); }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.radio:insensitive:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: transparent; }
Adwaita: check/radio selector simplification
2014-06-20 15:25:19 +00:00
.view.radio:inconsistent {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
-gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
Adwaita: fix view check/radio selected state.
2014-06-24 08:25:49 +00:00
.view.radio:selected, .view.radio:selected:focus {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: rgba(255, 255, 255, 0.1); }
Adwaita: fix view check/radio selected state.
2014-06-24 08:25:49 +00:00
.view.radio:selected:active, .view.radio:selected:focus:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: white; }
Adwaita: fix view check/radio selected state.
2014-06-24 08:25:49 +00:00
.view.radio:selected:active:backdrop, .view.radio:selected:focus:active:backdrop {
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
color: #2c2c2c; }
Adwaita: fix view check/radio selected state.
2014-06-24 08:25:49 +00:00
.view.radio:backdrop {
color: rgba(201, 203, 201, 0.1); }
.view.radio:backdrop:selected {
color: rgba(44, 44, 44, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover .button.radio:hover {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: rgba(238, 238, 236, 0.1); }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover .button.radio:hover:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover .button.radio:hover:active:selected {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: white; }
themes: use .popover class instead of GtkPopover https://bugzilla.gnome.org/show_bug.cgi?id=731834
2014-06-18 11:25:02 +00:00
.popover .button.radio:hover:active:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #c9cbc9; }
Adwaita: checks and radios text focus ring fix.
2014-06-18 08:11:11 +00:00
GtkCheckButton.text-button, GtkRadioButton.text-button {
Adwaita: bit padding overhaul Header-bar and action-bar buttons used to be bigger then others now everything is as big as those, maintaining two different sizes for default widgets depending on the placement is a maintainance nightmare and having controls the same size is good from a usability point of view.
2014-07-21 16:49:15 +00:00
padding: 1px 2px 4px;
Adwaita: checks and radios text focus ring fix.
2014-06-18 08:11:11 +00:00
outline-offset: 0; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/************
* GtkScale *
************/
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale,
.scale.scale-has-marks-above.scale-has-marks-below,
.scale.vertical.scale-has-marks-above.scale-has-marks-below {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 20;
-GtkRange-trough-border: 2;
outline-offset: -9px;
Adwaita: fix GtkScale outline offset and radius
2014-06-14 13:31:05 +00:00
outline-radius: 4px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
margin: 10px; }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.fine-tune,
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
Adwaita: fix GtkScale outline offset and radius
2014-06-14 13:31:05 +00:00
margin: 8px;
outline-offset: -7px;
outline-radius: 6px; }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.fine-tune.trough,
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
border-radius: 4px; }
.scale.slider,
.scale.scale-has-marks-above.scale-has-marks-below.slider,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
Adwaita: GtkScale slider :hover state added
2014-06-14 08:19:15 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-radius: 50%;
border-color: #151717;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #393f3f, inset 0 -1px #2a2f2f; }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.slider:hover,
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
Adwaita: GtkScale slider :hover state added
2014-06-14 08:19:15 +00:00
border-style: solid;
color: #eeeeec;
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);
border-color: #151717;
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
border-radius: 50%;
Adwaita: GtkScale slider :hover state added
2014-06-14 08:19:15 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(255, 255, 255, 0.14), inset 0 -1px #303535; }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.slider:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive {
border-style: solid;
border-radius: 50%;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: none; }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.slider:backdrop,
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
border-style: solid;
border-radius: 50%;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #171a1a;
background-image: linear-gradient(to bottom, #393f3f);
box-shadow: none; }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.slider:backdrop:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.slider:active,
.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
Adwaita: noticiable scale slider active state for the dark variant
2014-06-14 09:30:22 +00:00
border: 1px solid #14375d; }
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
.osd .scale.slider, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
background-image: none;
background-color: #666666;
border-width: 1px;
box-shadow: none;
border-color: rgba(102, 102, 102, 0.8); }
.osd .scale.slider:hover, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
border-color: rgba(128, 128, 128, 0.8); }
.osd .scale.slider:active, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
border-color: rgba(179, 179, 179, 0.8); }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.trough,
.scale.scale-has-marks-above.scale-has-marks-below.trough,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: #1c1f1f;
background-color: #2d3232;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.trough.highlight,
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #0f2b48;
background-color: #215d9c;
box-shadow: 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.trough.highlight:backdrop,
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop {
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
border-color: #0f2b48;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
background-color: #215d9c;
box-shadow: none; }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.trough:insensitive, .scale.trough.hilight:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.trough.hilight:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.hilight:insensitive {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #323636;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.trough:backdrop,
.scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1e2222;
background-color: #2a2f2f;
box-shadow: none; }
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.trough:backdrop:insensitive, .scale.trough .hilight:backdrop:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.trough .hilight:backdrop:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .hilight:backdrop:insensitive {
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
border-color: #1e2222;
background-color: #323636; }
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
.osd .scale.trough, .osd
.scale.scale-has-marks-above.scale-has-marks-below.trough, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
background-image: none;
border-width: 0;
box-shadow: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: Gtkscale - added slider assets for scales with marks - experimental touch friendly fine-tune mode, grow the trough istead of shrinking the slider
2014-06-14 12:49:20 +00:00
.scale.scale-has-marks-below {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2; }
.scale.scale-has-marks-below.slider {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-below.slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-below.slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-below.slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-below.slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-below.slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-above {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2; }
.scale.scale-has-marks-above.slider {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-above.slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-above.slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-above.slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-above.slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-above.slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-below {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2; }
.scale.vertical.scale-has-marks-below.slider {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-below.slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-below.slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-below.slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-below.slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-below.slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-above {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2; }
.scale.vertical.scale-has-marks-above.slider {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-above.slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-above.slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-above.slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-above.slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.vertical.scale-has-marks-above.slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
.scale.scale-has-marks-above {
margin: 14px 10px 10px; }
.fine-tune.scale.scale-has-marks-above {
margin: 12px 8px 8px; }
.scale.scale-has-marks-below {
margin: 10px 10px 14px; }
.fine-tune.scale.scale-has-marks-below {
margin: 8px 8px 12px; }
.scale.vertical.scale-has-marks-above {
margin: 10px 10px 10px 14px; }
.fine-tune.scale.vertical.scale-has-marks-above {
margin: 8px 8px 8px 12px; }
.scale.vertical.scale-has-marks-below {
margin: 10px 14px 10px 10px; }
.fine-tune.scale.vertical.scale-has-marks-below {
margin: 8px 12px 8px 8px; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/*****************
* Progress bars *
*****************/
GtkProgressBar {
padding: 0;
font-size: 83%;
Adwaita: widget edge for switch and progressbars
2014-07-18 21:30:16 +00:00
color: rgba(238, 238, 236, 0.4);
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkProgressBar:backdrop {
color: #454c4c; }
.progressbar {
border-width: 1px;
border-style: solid;
Adwaita: progressbar tweaks
2014-07-19 12:03:28 +00:00
border-radius: 1.5px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #0f2b48;
background-color: #215d9c;
Adwaita: suble gradient on progressbars
2014-07-19 13:42:17 +00:00
background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
Adwaita: more progressbar shadows
2014-07-19 07:59:10 +00:00
box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1); }
.progressbar.left {
Adwaita: progressbar tweaks
2014-07-19 12:03:28 +00:00
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
Adwaita: more progressbar shadows
2014-07-19 07:59:10 +00:00
box-shadow: 1px 0 rgba(0, 0, 0, 0.1); }
.progressbar.right {
Adwaita: progressbar tweaks
2014-07-19 12:03:28 +00:00
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
Adwaita: more progressbar shadows
2014-07-19 07:59:10 +00:00
box-shadow: -1px 0 rgba(0, 0, 0, 0.1); }
.progressbar.left.right {
box-shadow: none; }
.progressbar.vertical {
Adwaita: suble gradient on progressbars
2014-07-19 13:42:17 +00:00
background-image: linear-gradient(to right, #215d9c 2px, #276fba);
Adwaita: more progressbar shadows
2014-07-19 07:59:10 +00:00
box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
.progressbar.vertical.bottom {
Adwaita: progressbar tweaks
2014-07-19 12:03:28 +00:00
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
Adwaita: more progressbar shadows
2014-07-19 07:59:10 +00:00
box-shadow: none; }
Adwaita: progressbar tweaks
2014-07-19 12:03:28 +00:00
.progressbar.vertical.top {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.progressbar:backdrop {
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
border-color: #0f2b48;
Adwaita: suble gradient on progressbars
2014-07-19 13:42:17 +00:00
background-image: none;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
background-color: #215d9c;
box-shadow: none; }
.progressbar.osd {
border-width: 0;
border-radius: 0;
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 2px;
-GtkProgressBar-min-horizontal-bar-height: 2px; }
GtkProgressBar.trough {
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: #1c1f1f;
Adwaita: widget edge for switch and progressbars
2014-07-18 21:30:16 +00:00
background-color: #2e3333; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkProgressBar.trough:backdrop {
border-color: #1e2222;
background-color: #2f3434;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
GtkProgressBar.trough.osd {
background-color: transparent;
box-shadow: none;
border-width: 0; }
/*************
* Level Bar *
*************/
GtkLevelBar {
-GtkLevelBar-min-block-width: 34;
Adwaita: widget edge for level bars
2014-07-19 07:02:07 +00:00
-GtkLevelBar-min-block-height: 3;
box-shadow: 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkLevelBar.vertical {
-GtkLevelBar-min-block-width: 3;
-GtkLevelBar-min-block-height: 34; }
.level-bar.trough {
padding: 2px;
border-radius: 3px;
background-color: transparent;
border-style: solid;
border-width: 1px;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #212121, #292929 90%);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1c1f1f;
Adwaita: non csd message dialog and entry shadow fix Made the non csd message dialog more similar to the csd one (to match the csd one we need mutter theme changes), little shadow fix for entry.
2014-07-07 17:51:27 +00:00
box-shadow: inset 0 2px 2px -2px #141414, inset 0 0 2px 1px rgba(39, 51, 64, 0), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.level-bar.trough:backdrop {
background-color: transparent;
border-style: solid;
border-width: 1px;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #212121, #292929 90%);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #c9cbc9;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
border-color: #1e2222;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #2c2c2c);
Adwaita: non csd message dialog and entry shadow fix Made the non csd message dialog more similar to the csd one (to match the csd one we need mutter theme changes), little shadow fix for entry.
2014-07-07 17:51:27 +00:00
box-shadow: inset 0 2px 2px -2px rgba(20, 20, 20, 0), inset 0 0 2px 1px rgba(39, 51, 64, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.level-bar.fill-block {
border-width: 1px;
border-style: solid;
border-color: #1c5187;
background-color: #215d9c;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 1px; }
.level-bar.fill-block:backdrop {
border-color: #215d9c;
box-shadow: none; }
.level-bar.fill-block.indicator-discrete.horizontal {
margin: 0 1px; }
.level-bar.fill-block.indicator-discrete.vertical {
margin: 1px 0; }
.level-bar.fill-block.level-high {
border-color: #40760c;
background-color: #5aa411; }
.level-bar.fill-block.level-high:backdrop {
border-color: #5aa411; }
.level-bar.fill-block.level-low {
border-color: #c26000;
background-color: #f57900; }
.level-bar.fill-block.level-low:backdrop {
border-color: #f57900; }
.level-bar.fill-block.empty-fill-block {
background-color: transparent;
border-color: rgba(238, 238, 236, 0.1);
box-shadow: none; }
.level-bar.fill-block.empty-fill-block:backdrop {
border-color: rgba(201, 203, 201, 0.15); }
Adwaita: fix popover buttons. Unfortunatelly labels doesn't change color wrt states. See https://bugzilla.gnome.org/show_bug.cgi?id=732494
2014-07-02 15:27:12 +00:00
.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkLabel:backdrop:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
background-color: #215d9c;
Adwaita: style progressbars in treeview cells. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=732298
2014-07-03 08:30:14 +00:00
color: white; }
Adwaita: fix popover buttons. Unfortunatelly labels doesn't change color wrt states. See https://bugzilla.gnome.org/show_bug.cgi?id=732494
2014-07-02 15:27:12 +00:00
.view:backdrop:selected, GtkLabel:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected {
Adwaita: style progressbars in treeview cells. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=732298
2014-07-03 08:30:14 +00:00
color: #c9cbc9; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/**********
* Frames *
**********/
.frame {
border: 1px solid #1c1f1f;
padding: 0; }
Adwaita: remove borders from flat frames
2014-06-27 12:53:31 +00:00
.frame.flat {
border-style: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.frame:backdrop {
border-color: #1e2222; }
Adwaita: actionbars' padding
2014-06-18 10:16:55 +00:00
.frame.action-bar {
padding: 6px;
border-width: 1px 0 0; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkScrolledWindow .frame {
border-radius: 2px; }
GtkScrolledWindow GtkViewport.frame {
border-style: none; }
.separator {
color: rgba(0, 0, 0, 0.1); }
Remove separators from GtkFileChooserButton and GtkFontButton https://bugzilla.gnome.org/show_bug.cgi?id=722633
2014-06-23 18:42:21 +00:00
GtkFileChooserButton .separator, GtkFontButton .separator {
-GtkWidget-wide-separators: true;
-GtkWidget-horizontal-separator: 0;
-GtkWidget-vertical-separator: 0; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/*********
* Lists *
*********/
Adwaita: list-row styling
2014-06-16 17:57:56 +00:00
.list, .list-row {
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #292929;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1c1f1f; }
Adwaita: list-row styling
2014-06-16 17:57:56 +00:00
.list:backdrop, .list-row:backdrop {
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-color: #2c2c2c;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1e2222; }
Adwaita: .grid-child 2px padding
2014-07-07 15:44:01 +00:00
.list-row,
.grid-child {
Adwaita: minor code refactoring
2014-06-28 13:22:23 +00:00
padding: 2px; }
Adwaita: list-row style
2014-07-14 16:29:08 +00:00
.list-row.button {
background-color: rgba(41, 41, 41, 0);
border-style: none;
border-radius: 0;
box-shadow: none; }
.list-row.button:hover {
Adwaita: darker hover state again for spinbuttons button in the dark variant. And for hovered list rows, since it works better and it's less distracting.
2014-07-15 07:11:56 +00:00
background-color: #262626; }
Adwaita: list-row style
2014-07-14 16:29:08 +00:00
.list-row.button:active {
Adwaita: less distracting active list-rows
2014-07-22 08:27:49 +00:00
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
.list-row.button:selected:active {
Adwaita: list-row style
2014-07-14 16:29:08 +00:00
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
Adwaita: less distracting active list-rows
2014-07-22 08:27:49 +00:00
.list-row.button:selected:hover {
Adwaita: darker hover state again for spinbuttons button in the dark variant. And for hovered list rows, since it works better and it's less distracting.
2014-07-15 07:11:56 +00:00
background-color: #1d538c; }
Adwaita: Some theming for activatable list rows
2014-07-13 13:01:11 +00:00
Adwaita: less distracting active list-rows
2014-07-22 08:27:49 +00:00
.list-row:selected {
Adwaita: list-row style
2014-07-14 16:29:08 +00:00
color: white;
background-color: #215d9c; }
Adwaita: less distracting active list-rows
2014-07-22 08:27:49 +00:00
.list-row:selected:backdrop {
Adwaita: list-row styling
2014-06-16 17:57:56 +00:00
color: #2c2c2c; }
Adwaita: list-row style
2014-07-14 16:29:08 +00:00
/*.list-row.button:selected,
.list-row:selected {
background-color: $selected_bg_color;
color: $selected_fg_color;
&:backdrop { color: $backdrop_base_color;}
}*/
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/*********************
* App Notifications *
*********************/
.app-notification {
border-width: 0 1px 1px;
border-style: solid;
border-color: #1c1f1f;
border-radius: 0 0 6px 6px;
background-image: linear-gradient(to bottom, #353b3b 5%, #363c3c);
padding: 0 4px; }
.app-notification .button {
padding: 6px; }
/*************
* Expanders *
*************/
GtkExpander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
Adwaita: Use rtl variants of pan-end when needed The -gtk-icontheme() function not have any automatism for symbolic or rtl variants built-in, instead, we expect the theme to use selectors to provide the right icon for each situation.
2014-06-22 18:12:29 +00:00
GtkExpander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkExpander:hover {
color: white; }
GtkExpander:active {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
/************
* Calendar *
***********/
GtkCalendar {
border: 1px solid #1c1f1f; }
GtkCalendar.button {
padding: 0 4px;
Adwaita: calendar fixes
2014-06-18 16:13:38 +00:00
color: #777777; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkCalendar.button:hover {
color: #eeeeec; }
GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover {
Adwaita: calendar fixes
2014-06-18 16:13:38 +00:00
color: #7a7b7a; }
improve Calendar styling slightly https://bugzilla.gnome.org/show_bug.cgi?id=729620
2014-07-01 12:22:54 +00:00
GtkCalendar.view {
border-radius: 2px; }
GtkCalendar.header {
background: linear-gradient(to bottom, #3e4444, #343a3a);
border-bottom-color: #2a2f2f; }
Adwaita: proper backdrop state for gtkcalendar header
2014-07-02 13:45:43 +00:00
GtkCalendar.header:backdrop {
background-image: linear-gradient(to bottom, #393f3f);
border-bottom-color: #2b3030; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/***********
* Dialogs *
***********/
Adwaita: non csd message dialog and entry shadow fix Made the non csd message dialog more similar to the csd one (to match the csd one we need mutter theme changes), little shadow fix for entry.
2014-07-07 17:51:27 +00:00
.message-dialog .dialog-action-area .button {
padding: 8px; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.message-dialog {
-GtkDialog-button-spacing: 0; }
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
.message-dialog .titlebar {
border-style: none;
box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); }
.message-dialog.csd.background {
Adwaita: csd message dialog fixes. Lighter shadow like popovers and bigger radius then buttons on the background to avoid antialiasing artifacts.
2014-07-07 15:56:29 +00:00
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px; }
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
.message-dialog.csd .dialog-action-area .button {
Adwaita: csd message dialog fixes. Lighter shadow like popovers and bigger radius then buttons on the background to avoid antialiasing artifacts.
2014-07-07 15:56:29 +00:00
padding: 12px;
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
border-radius: 0;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec;
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #1c1f1f;
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
.message-dialog.csd .dialog-action-area .button:hover {
border-style: solid;
color: #eeeeec;
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); }
.message-dialog.csd .dialog-action-area .button:active {
border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #232727, #2d3232);
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
.message-dialog.csd .dialog-action-area .button:insensitive {
border-style: solid;
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); }
.message-dialog.csd .dialog-action-area .button:backdrop {
border-style: solid;
color: #c9cbc9;
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(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button:backdrop:insensitive {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
.message-dialog.csd .dialog-action-area .button.suggested-action {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
color: white;
background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
border-color: #0b1e33;
text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.suggested-action:hover {
border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.suggested-action:active {
border-style: solid;
color: white;
border-color: #0b1e33;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #194776, #1c5187);
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop {
border-style: solid;
color: white;
border-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
.message-dialog.csd .dialog-action-area .button.suggested-action:insensitive {
border-style: solid;
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); }
.message-dialog.csd .dialog-action-area .button.destructive-action {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
color: white;
background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e);
border-color: #5e0707;
text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.destructive-action:hover {
border-style: solid;
color: white;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010);
text-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.destructive-action:active {
border-style: solid;
color: white;
border-color: #5e0707;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e);
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop {
border-style: solid;
color: white;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010);
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: message dialog, destructive and suggested action buttons. ...and generic linked destructive and suggested action button fix.
2014-07-05 16:18:44 +00:00
.message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
border-style: solid;
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); }
.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 {
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
border-right-style: none;
border-bottom-style: none; }
.message-dialog.csd .dialog-action-area .button:last-child {
border-bottom-right-radius: 7px; }
.message-dialog.csd .dialog-action-area .button:first-child {
border-left-style: none;
border-bottom-left-radius: 7px; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: white search bar for the file chooser
2014-07-15 17:09:58 +00:00
GtkFileChooserDialog .search-bar {
background-color: #292929;
border-color: #393f3f;
box-shadow: none; }
GtkFileChooserDialog .search-bar:backdrop {
background-color: #2c2c2c;
border-color: #393f3f; }
Adwaita: added a missing border to GtkFileChooser
2014-06-14 06:45:55 +00:00
GtkFileChooserDialog .dialog-action-box {
border-top: 1px solid #1c1f1f; }
GtkFileChooserDialog .dialog-action-box:backdrop {
border-top-color: #1e2222; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/***********
* Sidebar *
***********/
.sidebar,
.sidebar .view {
border: none;
background-color: #454c4c; }
.sidebar .scrollbar.trough,
.sidebar .view .scrollbar.trough {
background-color: #212424;
border-radius: 6px;
border-width: 2px;
border-color: transparent; }
.sidebar .scrollbar.slider,
.sidebar .view .scrollbar.slider {
background-color: #454c4c; }
.sidebar .scrollbar.slider:hover,
.sidebar .view .scrollbar.slider:hover {
background-color: #515a5a; }
.sidebar:backdrop,
.sidebar .view:backdrop {
background-color: #454c4c; }
Adwaita: sidebar separator and selected item backdrop fix
2014-06-14 07:00:21 +00:00
.sidebar:selected,
.sidebar .view:selected {
background-color: #215d9c; }
.sidebar .separator,
.sidebar .view .separator {
color: #383e3e; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkPaned {
Adwaita: GtkPaned separator invisible border shrinking
2014-06-16 15:12:03 +00:00
margin: 0 8px 8px 0; }
Adwaita: try to make scrollbars near paned separator usable.
2014-06-14 17:06:26 +00:00
GtkPaned:dir(rtl) {
margin-right: 0;
Adwaita: fix a typo
2014-06-16 15:14:20 +00:00
margin-left: 8px; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.pane-separator {
background-image: linear-gradient(to bottom, #1c1f1f); }
.pane-separator:backdrop {
background-image: linear-gradient(to bottom, #1e2222); }
/**************
* GtkInfoBar *
**************/
GtkInfoBar {
border-width: 0;
border-style: none; }
.info,
.question,
.warning,
.error {
background-color: #215d9c;
color: white;
text-shadow: 0 1px #184472;
border-color: #184472; }
.info .button,
.question .button,
.warning .button,
.error .button {
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: white;
background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
border-color: #0b1e33;
text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.info .button:hover,
.question .button:hover,
.warning .button:hover,
.error .button:hover {
border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.info .button:active,
.question .button:active,
.warning .button:active,
.error .button:active {
border-style: solid;
color: white;
border-color: #0b1e33;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #194776, #1c5187);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.info .button:insensitive,
.question .button:insensitive,
.warning .button:insensitive,
.error .button:insensitive {
border-style: solid;
color: #939695;
border-color: #1c1f1f;
Adwaita: darker base color for the dark variant
2014-06-14 09:00:33 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.info .button:backdrop,
.question .button:backdrop,
.warning .button:backdrop,
.error .button:backdrop {
border-style: solid;
Adwaita: selection mode buttons to have borders and fill
2014-06-17 13:55:58 +00:00
color: white;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.info .button:backdrop:insensitive,
.question .button:backdrop:insensitive,
.warning .button:backdrop:insensitive,
.error .button:backdrop:insensitive {
border-style: solid;
color: #454c4c;
border-color: #1e2222;
Adwaita: insensitive backdrop state restyle Make backdrop insensitive state more similar to the focused windows one, mostly to make dark variant more usable and focused -> backdrop transition less distracting.
2014-07-19 09:11:44 +00:00
background-image: linear-gradient(to bottom, #323636);
Adwaita: simplify buttons drawing function
2014-07-10 09:55:51 +00:00
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/************
* Tooltips *
************/
.tooltip {
color: white;
padding: 4px;
/* not working */
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px black; }
.tooltip * {
padding: 4px;
Adwaita: minor fixes.
2014-06-18 08:01:24 +00:00
background-color: transparent;
color: inherit; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/*****************
* Color Chooser *
*****************/
GtkColorSwatch {
Adwaita: better colorswatches for the dark theme ...which reveals a "nice" border/fill border radius issue.
2014-07-18 21:48:33 +00:00
border-width: 1px;
border-style: solid;
border-color: #1c1f1f;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkColorSwatch.color-light:hover {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.4)); }
GtkColorSwatch.color-light:hover:backdrop {
background-image: none; }
GtkColorSwatch.color-dark:hover {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2)); }
GtkColorSwatch.color-dark:hover:backdrop {
background-image: none; }
GtkColorSwatch:hover {
Adwaita: better colorswatches for the dark theme ...which reveals a "nice" border/fill border radius issue.
2014-07-18 21:48:33 +00:00
border-color: #1e2222; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
GtkColorSwatch:backdrop {
Adwaita: better colorswatches for the dark theme ...which reveals a "nice" border/fill border radius issue.
2014-07-18 21:48:33 +00:00
border-color: #1e2222;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
box-shadow: none; }
GtkColorSwatch.top {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
GtkColorSwatch.bottom {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
GtkColorSwatch.left, GtkColorSwatch:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
GtkColorSwatch.right, GtkColorSwatch:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
GtkColorSwatch:only-child {
border-radius: 5px; }
GtkColorSwatch.color-active-badge {
border-width: 2px; }
GtkColorSwatch.color-active-badge:hover {
background-image: none; }
GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover {
color: rgba(0, 0, 0, 0.3);
border-color: rgba(0, 0, 0, 0.3); }
GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5); }
GtkColorChooserWidget #add-color-button {
border-color: #2a2f2f;
background-color: #2a2f2f;
color: #393f3f;
box-shadow: none; }
GtkColorChooserWidget #add-color-button:hover {
border-color: #1c1f1f;
background-color: #1c1f1f; }
GtkColorChooserWidget #add-color-button:backdrop {
border-color: #2b3030;
background-color: #2b3030; }
Adwaita: buttons on gtkvolume popup
2014-07-08 16:24:28 +00:00
/********
* Misc *
********/
.scale-popup .button {
padding: 6px; }
.scale-popup .button:hover {
background-color: rgba(238, 238, 236, 0.1);
border-radius: 4px; }
Adwaita: minor fixes
2014-07-08 19:33:48 +00:00
GtkVolumeButton.button {
padding: 8px; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/**********************
* Window Decorations *
*********************/
.window-frame {
border-radius: 7px 7px 0 0;
border-width: 0px;
New window shadows https://bugzilla.gnome.org/show_bug.cgi?id=731866
2014-06-18 16:09:43 +00:00
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(28, 31, 31, 0.9);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/* this is used for the resize cursor area */
margin: 10px; }
.window-frame:backdrop {
New window shadows https://bugzilla.gnome.org/show_bug.cgi?id=731866
2014-06-18 16:09:43 +00:00
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.window-frame.tiled {
border-radius: 0; }
.window-frame.csd.popup {
border-radius: 0;
New window shadows https://bugzilla.gnome.org/show_bug.cgi?id=731866
2014-06-18 16:09:43 +00:00
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
.window-frame.csd.tooltip {
border-radius: 5px;
box-shadow: none; }
Adwaita: proper message dialog style. Rounded bottom border added, custom style for csd versione only [read: non csd version looks right now].
2014-07-05 14:30:43 +00:00
.window-frame.csd.message-dialog {
Adwaita: csd message dialog fixes. Lighter shadow like popovers and bigger radius then buttons on the background to avoid antialiasing artifacts.
2014-07-07 15:56:29 +00:00
border-radius: 7px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: header bar buttons padding fix
2014-07-21 13:24:08 +00:00
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
padding: 8px;
border-color: transparent;
background-image: none;
transition-property: border, box-shadow, color;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
Adwaita: header bar buttons padding fix
2014-07-21 13:24:08 +00:00
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
Adwaita: flat OSD style
2014-07-07 11:26:09 +00:00
border-width: 1px;
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
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); }
Adwaita: header bar buttons padding fix
2014-07-21 13:24:08 +00:00
.header-bar .button.titlebutton:active,
.titlebar .button.titlebutton:active {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
background-image: linear-gradient(to bottom, #232727, #2d3232);
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
Adwaita: brighter depressed buttons
2014-07-15 15:52:11 +00:00
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
Adwaita: header bar buttons padding fix
2014-07-21 13:24:08 +00:00
.header-bar .button.titlebutton:backdrop,
.titlebar .button.titlebutton:backdrop {
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
border-style: solid;
color: #c9cbc9;
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(255, 255, 255, 0);
border-color: transparent;
transition-property: border, box-shadow, color; }
Reference in New Issue Copy Permalink