[gtk+] Adwaita: Update scale styling
- From: Matthias Clasen <matthiasc src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: Update scale styling
- Date: Fri, 6 Nov 2015 12:05:34 +0000 (UTC)
commit ffd517cc3fbeac9b6b8783568f8973640a1ba2c6
Author: Matthias Clasen <mclasen redhat com>
Date: Fri Nov 6 07:04:14 2015 -0500
Adwaita: Update scale styling
Use :first-child/:last-child on the trough for determining
which slider we need.
gtk/theme/Adwaita/_common.scss | 83 ++--
gtk/theme/Adwaita/gtk-contained-dark.css | 728 +++++++++++++----------------
gtk/theme/Adwaita/gtk-contained.css | 724 +++++++++++++----------------
3 files changed, 690 insertions(+), 845 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index a506041..a1021a7 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2142,12 +2142,10 @@ checkbutton.text-button, radiobutton.text-button {
/************
* GtkScale *
************/
-scale,
-scale.scale-has-marks-above.scale-has-marks-below,
-scale.vertical.scale-has-marks-above.scale-has-marks-below {
+scale {
// FIXME: rationalize
-GtkScale-slider-length: 20;
- -GtkRange-slider-width: 20;
+ -GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
outline-offset: -9px;
outline-radius: 4px;
@@ -2155,14 +2153,32 @@ scale.vertical.scale-has-marks-above.scale-has-marks-below {
&.fine-tune {
outline-offset: -7px;
outline-radius: 6px;
- & trough {
- margin: 8px;
- border-radius: 4px;
+ & trough { border-radius: 4px; }
+ & trough:not(:first-child):not(:last-child),
+ & trough:only-child {
+ margin: 10px;
}
}
- trough {
- slider {
+ & trough:not(:first-child):not(:last-child),
+ & trough:only-child {
+ margin: 12px;
+ & slider { margin: 2px 0; }
+ }
+
+ &.vertical trough:not(:first-child):not(:last-child),
+ &.vertical trough:only-child {
+ margin: 12px;
+ & slider { margin: 0 2px; }
+ }
+
+ & trough {
+ border: 1px solid $borders_color;
+ border-radius: 3px;
+ background-color: mix($bg_color, $borders_color, 60%);
+ box-shadow: inset 1px 1px transparentize(black, 0.9),
+ _widget_edge();
+ & slider {
//FIXME: better gradient on the slider and hover state
@include button(normal);
border: 1px solid;
@@ -2212,14 +2228,6 @@ scale.vertical.scale-has-marks-above.scale-has-marks-below {
&:backdrop { @include button(osd-backdrop); }
}
}
- }
- trough {
- margin: 10px;
- border: 1px solid $borders_color;
- border-radius: 3px;
- background-color: mix($bg_color, $borders_color, 60%);
- box-shadow: inset 1px 1px transparentize(black, 0.9),
- _widget_edge();
&.highlight {
@include progressbar_fill;
border-color: $selected_borders_color;
@@ -2294,15 +2302,12 @@ scale marks {
@each $d,$dn in ('', 'horz'),
('.vertical', 'vert') {
- @each $w,$we in ('scale-has-marks-below','scale_marks_below'),
- ('scale-has-marks-above','scale_marks_above') {
- scale#{$d}.#{$w} {
- -GtkScale-slider-length: 20;
- -GtkRange-slider-width: 24;
- -GtkRange-trough-border: 2;
-
- @extend %#{$we}_#{$dn};
- trough {
+ @each $ws,$w,$we in (':first-child:not(:last-child)','scale-has-marks-below','scale_marks_below'),
+ (':not(:first-child):last-child','scale-has-marks-above','scale_marks_above') {
+ scale#{$d} {
+ &.fine-tune trough#{$ws} { @extend %#{$we}_#{$dn}_ft; }
+ & trough#{$ws} {
+ @extend %#{$we}_#{$dn};
@each $s,$as in ('',''),
(':hover','-hover'),
@@ -2327,22 +2332,14 @@ scale marks {
}
}
-%scale_marks_above_horz {
- trough { margin: 14px 10px 10px; }
- &.fine-tune trough { margin: 12px 8px 8px; }
-}
-%scale_marks_below_horz {
- trough { margin: 10px 10px 14px; }
- &.fine-tune trough { margin: 8px 8px 12px; }
-}
-%scale_marks_above_vert {
- trough { margin: 10px 10px 10px 14px; }
- &.fine-tune trough { margin: 8px 8px 8px 12px; }
-}
-%scale_marks_below_vert {
- trough { margin: 10px 14px 10px 10px; }
- &.fine-tune trough { margin: 8px 12px 8px 8px; }
-}
+%scale_marks_above_horz { margin: 14px 10px 10px 10px; }
+%scale_marks_below_horz { margin: 10px 10px 14px 10px; }
+%scale_marks_above_vert { margin: 10px 10px 10px 14px; }
+%scale_marks_below_vert { margin: 10px 14px 10px 10px; }
+%scale_marks_above_horz_ft { margin: 12px 8px 8px 8px; }
+%scale_marks_below_horz_ft { margin: 8px 8px 12px 8px; }
+%scale_marks_above_vert_ft { margin: 8px 8px 8px 12px; }
+%scale_marks_below_vert_ft { margin: 8px 12px 8px 8px; }
/*****************
* Progress bars *
@@ -2875,7 +2872,7 @@ GtkFileChooserDialog {
background-color: $backdrop_sidebar_bg_color;
}
- &:selected {
+ :selected {
@extend %selected_items;
}
}
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 4c05253..b2a806a 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -2925,473 +2925,397 @@ checkbutton.text-button, radiobutton.text-button {
/************
* GtkScale *
************/
-scale,
-scale.scale-has-marks-above.scale-has-marks-below,
-scale.vertical.scale-has-marks-above.scale-has-marks-below {
+scale {
-GtkScale-slider-length: 20;
- -GtkRange-slider-width: 20;
+ -GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
outline-offset: -9px;
outline-radius: 4px; }
- 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 {
+ scale.fine-tune {
outline-offset: -7px;
outline-radius: 6px; }
- 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 {
- margin: 8px;
+ scale.fine-tune trough {
border-radius: 4px; }
- scale trough slider,
- scale.scale-has-marks-above.scale-has-marks-below trough slider,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider {
- color: #eeeeec;
- outline-color: rgba(238, 238, 236, 0.3);
- border-color: #1c1f1f;
- background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
- icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
- border: 1px solid;
- border-radius: 50%;
- border-color: #151717;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #393f3f, inset 0 -1px #2b2f2f; }
- scale trough slider:hover,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:hover,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:hover {
+ scale.fine-tune trough:not(:first-child):not(:last-child), scale.fine-tune trough:only-child {
+ margin: 10px; }
+ scale trough:not(:first-child):not(:last-child), scale trough:only-child {
+ margin: 12px; }
+ scale trough:not(:first-child):not(:last-child) slider, scale trough:only-child slider {
+ margin: 2px 0; }
+ scale.vertical trough:not(:first-child):not(:last-child), scale.vertical trough:only-child {
+ margin: 12px; }
+ scale.vertical trough:not(:first-child):not(:last-child) slider, scale.vertical trough:only-child slider
{
+ margin: 0 2px; }
+ scale trough {
+ border: 1px solid #1c1f1f;
+ border-radius: 3px;
+ background-color: #2d3232;
+ box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+ scale trough slider {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
- background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
- icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
- border-color: #151717;
- border-radius: 50%;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(255, 255, 255, 0.14), inset 0
-1px #303535; }
- scale trough slider:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:insensitive,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:insensitive {
- border-style: solid;
- border-radius: 50%;
- background-image: linear-gradient(to bottom, #333636);
- box-shadow: none; }
- scale trough slider:backdrop,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop {
- border-style: solid;
+ border: 1px solid;
border-radius: 50%;
- border-color: #181a1a;
- background-image: linear-gradient(to bottom, #393f3f);
- box-shadow: none; }
- scale trough slider:backdrop:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:insensitive,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:insensitive {
- color: #5d6767;
- border-color: #1f2222;
- background-image: linear-gradient(to bottom, #333636);
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- scale trough slider:backdrop:insensitive > .label,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:insensitive > .label,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:insensitive > .label
{
- color: inherit; }
- scale trough slider:active,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:active,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:active {
- color: #eeeeec;
- outline-color: rgba(238, 238, 236, 0.3);
- border-color: #1c1f1f;
- background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
- icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
- box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238,
238, 236, 0.1);
- border: 1px solid #14375d; }
- .osd scale trough slider, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough slider, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
- background-clip: padding-box;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- text-shadow: 0 1px black;
- icon-shadow: 0 1px black;
- outline-color: rgba(238, 238, 236, 0.3);
- background-color: #202526; }
- .osd scale trough slider:hover, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough slider:hover, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
- background-clip: padding-box;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- text-shadow: 0 1px black;
- icon-shadow: 0 1px black;
- outline-color: rgba(238, 238, 236, 0.3); }
- .osd scale trough slider:active, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough slider:active, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:active {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
- background-clip: padding-box;
- box-shadow: none;
+ border-color: #151717;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #393f3f, inset 0 -1px #2b2f2f; }
+ scale trough slider:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
+ border-color: #151717;
+ border-radius: 50%;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(255, 255, 255, 0.14), inset 0
-1px #303535; }
+ scale trough slider:insensitive {
+ border-style: solid;
+ border-radius: 50%;
+ background-image: linear-gradient(to bottom, #333636);
+ box-shadow: none; }
+ scale trough slider:backdrop {
+ border-style: solid;
+ border-radius: 50%;
+ border-color: #181a1a;
+ background-image: linear-gradient(to bottom, #393f3f);
+ box-shadow: none; }
+ scale trough slider:backdrop:insensitive {
+ color: #5d6767;
+ border-color: #1f2222;
+ background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3); }
- .osd scale trough slider:backdrop, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ scale trough slider:backdrop:insensitive > .label {
+ color: inherit; }
+ scale trough slider:active {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px
rgba(238, 238, 236, 0.1);
+ border: 1px solid #14375d; }
+ .osd scale trough slider {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- icon-shadow: none; }
- scale trough,
- scale.scale-has-marks-above.scale-has-marks-below trough,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough {
- margin: 10px;
- border: 1px solid #1c1f1f;
- border-radius: 3px;
- background-color: #2d3232;
- box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
- 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 {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: 0 1px black;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3);
+ background-color: #202526; }
+ .osd scale trough slider:hover {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-clip: padding-box;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: 0 1px black;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3); }
+ .osd scale trough slider:active {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ outline-color: rgba(238, 238, 236, 0.3); }
+ .osd scale trough slider:backdrop {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none; }
+ scale trough.highlight {
background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
border-color: #0f2b48;
box-shadow: 0 1px rgba(238, 238, 236, 0.1); }
- scale trough.highlight.vertical,
- scale.scale-has-marks-above.scale-has-marks-below trough.highlight.vertical,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough.highlight.vertical {
+ scale trough.highlight.vertical {
background-image: linear-gradient(to right, #215d9c 2px, #266cb5); }
- 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 {
+ scale trough.highlight:backdrop {
border-color: #0f2b48;
background-color: #215d9c;
box-shadow: none; }
- scale trough:insensitive, scale trough.vertical:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough.vertical:insensitive,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough:insensitive,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough.vertical:insensitive {
+ scale trough:insensitive, scale trough.vertical:insensitive {
border-color: #1c1f1f;
background-image: none;
background-color: #333636;
box-shadow: 0 1px rgba(238, 238, 236, 0.1); }
- 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 {
+ scale trough:backdrop {
border-color: #1f2222;
background-color: #2b2f2f;
box-shadow: none; }
- scale trough:backdrop:insensitive, scale trough .highlight:backdrop:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough:backdrop:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough .highlight: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 .highlight:backdrop:insensitive {
+ scale trough:backdrop:insensitive, scale trough .highlight:backdrop:insensitive {
border-color: #1f2222;
background-color: #333636; }
- .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 {
+ .osd scale trough {
border-color: rgba(0, 0, 0, 0.7);
box-shadow: none;
margin: 9px;
background-color: rgba(0, 0, 0, 0.5);
outline-color: rgba(238, 238, 236, 0.2);
outline-offset: -8px; }
- .osd scale trough.fine-tune, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough.fine-tune, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough.fine-tune {
+ .osd scale trough.fine-tune {
margin: 7px; }
- .osd scale trough.highlight, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough.highlight, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough.highlight {
+ .osd scale trough.highlight {
background-image: none;
background-color: #215d9c; }
- .osd scale trough:insensitive, .osd scale trough:backdrop:insensitive, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough:insensitive, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough:backdrop:insensitive, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough:insensitive, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough:backdrop:insensitive {
+ .osd scale trough:insensitive, .osd scale trough:backdrop:insensitive {
border-color: transparent;
background-color: transparent; }
- .osd scale trough:backdrop, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough:backdrop, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough:backdrop {
+ .osd scale trough:backdrop {
border-color: rgba(0, 0, 0, 0.7);
background-image: none; }
- row:selected scale, row:selected
- scale.scale-has-marks-above.scale-has-marks-below, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below {
+ row:selected scale {
border-color: #0f2b48;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
- row:selected scale:backdrop, row:selected
- scale.scale-has-marks-above.scale-has-marks-below:backdrop, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below:backdrop {
+ row:selected scale:backdrop {
box-shadow: none; }
- row:selected scale.highlight:backdrop, row:selected
- scale.scale-has-marks-above.scale-has-marks-below.highlight:backdrop, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:backdrop {
+ row:selected scale.highlight:backdrop {
border-color: #0f2b48; }
- row:selected scale:insensitive, row:selected scale.highlight:insensitive, row:selected
- scale.scale-has-marks-above.scale-has-marks-below:insensitive, row:selected
- scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive {
+ row:selected scale:insensitive, row:selected scale.highlight:insensitive {
border-color: #215d9c;
box-shadow: none;
background-color: #90aece;
background-image: none; }
- row:selected scale:insensitive:backdrop, row:selected scale.highlight:insensitive:backdrop,
row:selected
- scale.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, row:selected
- scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop {
+ row:selected scale:insensitive:backdrop, row:selected scale.highlight:insensitive:backdrop {
background-color: #90aece; }
scale marks {
color: alpha(currentColor,0.5); }
-scale.scale-has-marks-below {
- -GtkScale-slider-length: 20;
- -GtkRange-slider-width: 24;
- -GtkRange-trough-border: 2; }
- scale.scale-has-marks-below trough 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 trough 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 trough 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 trough 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 trough 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 trough 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough 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 trough 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 trough 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 trough 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 trough 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 trough 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough 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 trough 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 trough 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 trough 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 trough 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 trough 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough 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 trough 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 trough 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 trough 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 trough 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 trough 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.vertical trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough {
- margin: 14px 10px 10px; }
-scale.fine-tune.scale-has-marks-above trough {
- margin: 12px 8px 8px; }
+scale trough:not(:first-child):last-child {
+ margin: 14px 10px 10px 10px; }
-scale.scale-has-marks-below trough {
- margin: 10px 10px 14px; }
-scale.fine-tune.scale-has-marks-below trough {
- margin: 8px 8px 12px; }
+scale trough:first-child:not(:last-child) {
+ margin: 10px 10px 14px 10px; }
-scale.vertical.scale-has-marks-above trough {
+scale.vertical trough:not(:first-child):last-child {
margin: 10px 10px 10px 14px; }
-scale.fine-tune.vertical.scale-has-marks-above trough {
- margin: 8px 8px 8px 12px; }
-scale.vertical.scale-has-marks-below trough {
+scale.vertical trough:first-child:not(:last-child) {
margin: 10px 14px 10px 10px; }
-scale.fine-tune.vertical.scale-has-marks-below trough {
- margin: 8px 12px 8px 8px; }
+
+scale.fine-tune trough:not(:first-child):last-child {
+ margin: 12px 8px 8px 8px; }
+
+scale.fine-tune trough:first-child:not(:last-child) {
+ margin: 8px 8px 12px 8px; }
+
+scale.vertical.fine-tune trough:not(:first-child):last-child {
+ margin: 8px 8px 8px 12px; }
+
+scale.vertical.fine-tune trough:first-child:not(:last-child) {
+ margin: 8px 12px 8px 8px; }
/*****************
* Progress bars *
@@ -4534,23 +4458,23 @@ headerbar.selection-mode button.titlebutton,
textview text:selected,
.view:selected,
calendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected,
entry:selected, spinbutton:selected, entry:selected:focus, spinbutton:selected:focus,
modelbutton.flat:selected,
-.menuitem.button.flat:selected, row:selected, .sidebar:selected {
+.menuitem.button.flat:selected, row:selected, .sidebar :selected {
background-color: #215d9c;
color: #ffffff; }
textview text:insensitive:selected,
.view:insensitive:selected,
calendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected,
entry:insensitive:selected, spinbutton:insensitive:selected, modelbutton.flat:insensitive:selected,
- .menuitem.button.flat:insensitive:selected, row:insensitive:selected, .sidebar:insensitive:selected,
placessidebar row:selected:insensitive label {
+ .menuitem.button.flat:insensitive:selected, row:insensitive:selected, .sidebar :insensitive:selected,
placessidebar row:selected:insensitive label {
color: #90aece; }
textview text:backdrop:selected,
.view:backdrop:selected,
calendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected,
entry:backdrop:selected, spinbutton:backdrop:selected, modelbutton.flat:backdrop:selected,
- .menuitem.button.flat:backdrop:selected, row:backdrop:selected, .sidebar:backdrop:selected {
+ .menuitem.button.flat:backdrop:selected, row:backdrop:selected, .sidebar :backdrop:selected {
color: #ffffff; }
textview text:backdrop:insensitive:selected,
.view:backdrop:insensitive:selected,
calendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected,
.grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected,
spinbutton:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected,
- .menuitem.button.flat:backdrop:insensitive:selected, row:backdrop:insensitive:selected,
.sidebar:backdrop:insensitive:selected, placessidebar row:selected:insensitive label:backdrop, placessidebar
row:selected:backdrop:insensitive label {
+ .menuitem.button.flat:backdrop:insensitive:selected, row:backdrop:insensitive:selected, .sidebar
:backdrop:insensitive:selected, placessidebar row:selected:insensitive label:backdrop, placessidebar
row:selected:backdrop:insensitive label {
color: #648eba; }
.monospace {
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 71d2520..bcd2677 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -3087,473 +3087,397 @@ checkbutton.text-button, radiobutton.text-button {
/************
* GtkScale *
************/
-scale,
-scale.scale-has-marks-above.scale-has-marks-below,
-scale.vertical.scale-has-marks-above.scale-has-marks-below {
+scale {
-GtkScale-slider-length: 20;
- -GtkRange-slider-width: 20;
+ -GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
outline-offset: -9px;
outline-radius: 4px; }
- 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 {
+ scale.fine-tune {
outline-offset: -7px;
outline-radius: 6px; }
- 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 {
- margin: 8px;
+ scale.fine-tune trough {
border-radius: 4px; }
- scale trough slider,
- scale.scale-has-marks-above.scale-has-marks-below trough slider,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider {
- color: #2e3436;
- outline-color: rgba(46, 52, 54, 0.3);
- border-color: #a1a1a1;
- background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
- text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- box-shadow: inset 0 1px white, 0 1px white;
- border: 1px solid;
- border-radius: 50%;
- border-color: #999999;
- box-shadow: inset 0 1px white, inset 0 -2px #ededed, inset 0 -1px #c7c7c7; }
- scale trough slider:hover,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:hover,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:hover {
+ scale.fine-tune trough:not(:first-child):not(:last-child), scale.fine-tune trough:only-child {
+ margin: 10px; }
+ scale trough:not(:first-child):not(:last-child), scale trough:only-child {
+ margin: 12px; }
+ scale trough:not(:first-child):not(:last-child) slider, scale trough:only-child slider {
+ margin: 2px 0; }
+ scale.vertical trough:not(:first-child):not(:last-child), scale.vertical trough:only-child {
+ margin: 12px; }
+ scale.vertical trough:not(:first-child):not(:last-child) slider, scale.vertical trough:only-child slider
{
+ margin: 0 2px; }
+ scale trough {
+ border: 1px solid #a1a1a1;
+ border-radius: 3px;
+ background-color: #cfcfcf;
+ box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
+ scale trough slider {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #a1a1a1;
- background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+ background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px white;
- border-color: #999999;
- border-radius: 50%;
- box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #d6d6d6; }
- scale trough slider:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:insensitive,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:insensitive {
- border-style: solid;
- border-radius: 50%;
- background-image: linear-gradient(to bottom, #f4f4f4);
- box-shadow: none; }
- scale trough slider:backdrop,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop {
- border-style: solid;
+ border: 1px solid;
border-radius: 50%;
- border-color: #a1a1a1;
- background-image: linear-gradient(to bottom, #ededed);
- box-shadow: none; }
- scale trough slider:backdrop:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:insensitive,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:insensitive {
- color: #c7c7c7;
- border-color: darkgray;
- background-image: linear-gradient(to bottom, #f4f4f4);
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- scale trough slider:backdrop:insensitive > .label,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:insensitive > .label,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop:insensitive > .label
{
- color: inherit; }
- scale trough slider:active,
- scale.scale-has-marks-above.scale-has-marks-below trough slider:active,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:active {
- color: #2e3436;
- outline-color: rgba(46, 52, 54, 0.3);
- border-color: #a1a1a1;
- background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
- text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white;
- border: 1px solid #153d65; }
- .osd scale trough slider, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough slider, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
- background-clip: padding-box;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- text-shadow: 0 1px black;
- icon-shadow: 0 1px black;
- outline-color: rgba(238, 238, 236, 0.3);
- background-color: #202526; }
- .osd scale trough slider:hover, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough slider:hover, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
- background-clip: padding-box;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- text-shadow: 0 1px black;
- icon-shadow: 0 1px black;
- outline-color: rgba(238, 238, 236, 0.3); }
- .osd scale trough slider:active, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough slider:active, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:active {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
- background-clip: padding-box;
- box-shadow: none;
+ border-color: #999999;
+ box-shadow: inset 0 1px white, inset 0 -2px #ededed, inset 0 -1px #c7c7c7; }
+ scale trough slider:hover {
+ color: #2e3436;
+ outline-color: rgba(46, 52, 54, 0.3);
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px white, 0 1px white;
+ border-color: #999999;
+ border-radius: 50%;
+ box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #d6d6d6; }
+ scale trough slider:insensitive {
+ border-style: solid;
+ border-radius: 50%;
+ background-image: linear-gradient(to bottom, #f4f4f4);
+ box-shadow: none; }
+ scale trough slider:backdrop {
+ border-style: solid;
+ border-radius: 50%;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #ededed);
+ box-shadow: none; }
+ scale trough slider:backdrop:insensitive {
+ color: #c7c7c7;
+ border-color: darkgray;
+ background-image: linear-gradient(to bottom, #f4f4f4);
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3); }
- .osd scale trough slider:backdrop, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough slider:backdrop, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough slider:backdrop {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ scale trough slider:backdrop:insensitive > .label {
+ color: inherit; }
+ scale trough slider:active {
+ color: #2e3436;
+ outline-color: rgba(46, 52, 54, 0.3);
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white;
+ border: 1px solid #153d65; }
+ .osd scale trough slider {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- icon-shadow: none; }
- scale trough,
- scale.scale-has-marks-above.scale-has-marks-below trough,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough {
- margin: 10px;
- border: 1px solid #a1a1a1;
- border-radius: 3px;
- background-color: #cfcfcf;
- box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
- 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 {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: 0 1px black;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3);
+ background-color: #202526; }
+ .osd scale trough slider:hover {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-clip: padding-box;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ text-shadow: 0 1px black;
+ icon-shadow: 0 1px black;
+ outline-color: rgba(238, 238, 236, 0.3); }
+ .osd scale trough slider:active {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+ outline-color: rgba(238, 238, 236, 0.3); }
+ .osd scale trough slider:backdrop {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none; }
+ scale trough.highlight {
background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
border-color: #184472;
box-shadow: 0 1px white; }
- scale trough.highlight.vertical,
- scale.scale-has-marks-above.scale-has-marks-below trough.highlight.vertical,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough.highlight.vertical {
+ scale trough.highlight.vertical {
background-image: linear-gradient(to right, #4a90d9 2px, #63a0de); }
- 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 {
+ scale trough.highlight:backdrop {
border-color: #4a90d9;
background-color: #4a90d9;
box-shadow: none; }
- scale trough:insensitive, scale trough.vertical:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough.vertical:insensitive,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough:insensitive,
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough.vertical:insensitive {
+ scale trough:insensitive, scale trough.vertical:insensitive {
border-color: #a1a1a1;
background-image: none;
background-color: #f4f4f4;
box-shadow: 0 1px white; }
- 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 {
+ scale trough:backdrop {
border-color: darkgray;
background-color: #c7c7c7;
box-shadow: none; }
- scale trough:backdrop:insensitive, scale trough .highlight:backdrop:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough:backdrop:insensitive,
- scale.scale-has-marks-above.scale-has-marks-below trough .highlight: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 .highlight:backdrop:insensitive {
+ scale trough:backdrop:insensitive, scale trough .highlight:backdrop:insensitive {
border-color: darkgray;
background-color: #f4f4f4; }
- .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 {
+ .osd scale trough {
border-color: rgba(0, 0, 0, 0.7);
box-shadow: none;
margin: 9px;
background-color: rgba(0, 0, 0, 0.5);
outline-color: rgba(238, 238, 236, 0.2);
outline-offset: -8px; }
- .osd scale trough.fine-tune, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough.fine-tune, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough.fine-tune {
+ .osd scale trough.fine-tune {
margin: 7px; }
- .osd scale trough.highlight, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough.highlight, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough.highlight {
+ .osd scale trough.highlight {
background-image: none;
background-color: #4a90d9; }
- .osd scale trough:insensitive, .osd scale trough:backdrop:insensitive, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough:insensitive, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough:backdrop:insensitive, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough:insensitive, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough:backdrop:insensitive {
+ .osd scale trough:insensitive, .osd scale trough:backdrop:insensitive {
border-color: transparent;
background-color: transparent; }
- .osd scale trough:backdrop, .osd
- scale.scale-has-marks-above.scale-has-marks-below trough:backdrop, .osd
- scale.vertical.scale-has-marks-above.scale-has-marks-below trough:backdrop {
+ .osd scale trough:backdrop {
border-color: rgba(0, 0, 0, 0.7);
background-image: none; }
- row:selected scale, row:selected
- scale.scale-has-marks-above.scale-has-marks-below, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below {
+ row:selected scale {
border-color: #184472;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
- row:selected scale:backdrop, row:selected
- scale.scale-has-marks-above.scale-has-marks-below:backdrop, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below:backdrop {
+ row:selected scale:backdrop {
box-shadow: none; }
- row:selected scale.highlight:backdrop, row:selected
- scale.scale-has-marks-above.scale-has-marks-below.highlight:backdrop, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:backdrop {
+ row:selected scale.highlight:backdrop {
border-color: #184472; }
- row:selected scale:insensitive, row:selected scale.highlight:insensitive, row:selected
- scale.scale-has-marks-above.scale-has-marks-below:insensitive, row:selected
- scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive {
+ row:selected scale:insensitive, row:selected scale.highlight:insensitive {
border-color: #4a90d9;
box-shadow: none;
background-color: #a5c8ec;
background-image: none; }
- row:selected scale:insensitive:backdrop, row:selected scale.highlight:insensitive:backdrop,
row:selected
- scale.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, row:selected
- scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, row:selected
- scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop {
+ row:selected scale:insensitive:backdrop, row:selected scale.highlight:insensitive:backdrop {
background-color: #a5c8ec; }
scale marks {
color: alpha(currentColor,0.5); }
-scale.scale-has-marks-below {
- -GtkScale-slider-length: 20;
- -GtkRange-slider-width: 24;
- -GtkRange-trough-border: 2; }
- scale.scale-has-marks-below trough slider {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"),
url("assets/slider-horz-scale-has-marks-below 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-below trough slider:hover {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"),
url("assets/slider-horz-scale-has-marks-below-hover 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-below trough slider:active {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"),
url("assets/slider-horz-scale-has-marks-below-active 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-below trough slider:insensitive {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"),
url("assets/slider-horz-scale-has-marks-below-insensitive 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-below trough slider:backdrop {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"),
url("assets/slider-horz-scale-has-marks-below-backdrop 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-below trough 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.png"),
url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
+scale trough:first-child:not(:last-child) slider {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"),
url("assets/slider-horz-scale-has-marks-below 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:first-child:not(:last-child) slider:hover {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"),
url("assets/slider-horz-scale-has-marks-below-hover 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:first-child:not(:last-child) slider:active {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"),
url("assets/slider-horz-scale-has-marks-below-active 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:first-child:not(:last-child) slider:insensitive {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"),
url("assets/slider-horz-scale-has-marks-below-insensitive 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:first-child:not(:last-child) slider:backdrop {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"),
url("assets/slider-horz-scale-has-marks-below-backdrop 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:first-child:not(:last-child) 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.png"),
url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive 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 trough slider {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"),
url("assets/slider-horz-scale-has-marks-above 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-above trough slider:hover {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"),
url("assets/slider-horz-scale-has-marks-above-hover 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-above trough slider:active {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"),
url("assets/slider-horz-scale-has-marks-above-active 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-above trough slider:insensitive {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"),
url("assets/slider-horz-scale-has-marks-above-insensitive 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-above trough slider:backdrop {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"),
url("assets/slider-horz-scale-has-marks-above-backdrop 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.scale-has-marks-above trough 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.png"),
url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
+scale trough:not(:first-child):last-child slider {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"),
url("assets/slider-horz-scale-has-marks-above 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:not(:first-child):last-child slider:hover {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"),
url("assets/slider-horz-scale-has-marks-above-hover 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:not(:first-child):last-child slider:active {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"),
url("assets/slider-horz-scale-has-marks-above-active 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:not(:first-child):last-child slider:insensitive {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"),
url("assets/slider-horz-scale-has-marks-above-insensitive 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:not(:first-child):last-child slider:backdrop {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"),
url("assets/slider-horz-scale-has-marks-above-backdrop 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale trough:not(:first-child):last-child 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.png"),
url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive 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 trough slider {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"),
url("assets/slider-vert-scale-has-marks-below 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-below trough slider:hover {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"),
url("assets/slider-vert-scale-has-marks-below-hover 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-below trough slider:active {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"),
url("assets/slider-vert-scale-has-marks-below-active 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-below trough slider:insensitive {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"),
url("assets/slider-vert-scale-has-marks-below-insensitive 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-below trough slider:backdrop {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"),
url("assets/slider-vert-scale-has-marks-below-backdrop 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-below trough 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.png"),
url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
+scale.vertical trough:first-child:not(:last-child) slider {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"),
url("assets/slider-vert-scale-has-marks-below 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:first-child:not(:last-child) slider:hover {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"),
url("assets/slider-vert-scale-has-marks-below-hover 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:first-child:not(:last-child) slider:active {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"),
url("assets/slider-vert-scale-has-marks-below-active 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:first-child:not(:last-child) slider:insensitive {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"),
url("assets/slider-vert-scale-has-marks-below-insensitive 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:first-child:not(:last-child) slider:backdrop {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"),
url("assets/slider-vert-scale-has-marks-below-backdrop 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:first-child:not(:last-child) 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.png"),
url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive 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 trough slider {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"),
url("assets/slider-vert-scale-has-marks-above 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-above trough slider:hover {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"),
url("assets/slider-vert-scale-has-marks-above-hover 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-above trough slider:active {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"),
url("assets/slider-vert-scale-has-marks-above-active 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-above trough slider:insensitive {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"),
url("assets/slider-vert-scale-has-marks-above-insensitive 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-above trough slider:backdrop {
- border-style: none;
- border-radius: 0;
- background-color: transparent;
- background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"),
url("assets/slider-vert-scale-has-marks-above-backdrop 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
- scale.vertical.scale-has-marks-above trough 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.png"),
url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive 2 png"));
- background-repeat: no-repeat;
- background-position: center;
- box-shadow: none; }
+scale.vertical trough:not(:first-child):last-child slider {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"),
url("assets/slider-vert-scale-has-marks-above 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:not(:first-child):last-child slider:hover {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"),
url("assets/slider-vert-scale-has-marks-above-hover 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:not(:first-child):last-child slider:active {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"),
url("assets/slider-vert-scale-has-marks-above-active 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:not(:first-child):last-child slider:insensitive {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"),
url("assets/slider-vert-scale-has-marks-above-insensitive 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:not(:first-child):last-child slider:backdrop {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"),
url("assets/slider-vert-scale-has-marks-above-backdrop 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
+scale.vertical trough:not(:first-child):last-child 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.png"),
url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive 2 png"));
+ background-repeat: no-repeat;
+ background-position: center;
+ box-shadow: none; }
-scale.scale-has-marks-above trough {
- margin: 14px 10px 10px; }
-scale.fine-tune.scale-has-marks-above trough {
- margin: 12px 8px 8px; }
+scale trough:not(:first-child):last-child {
+ margin: 14px 10px 10px 10px; }
-scale.scale-has-marks-below trough {
- margin: 10px 10px 14px; }
-scale.fine-tune.scale-has-marks-below trough {
- margin: 8px 8px 12px; }
+scale trough:first-child:not(:last-child) {
+ margin: 10px 10px 14px 10px; }
-scale.vertical.scale-has-marks-above trough {
+scale.vertical trough:not(:first-child):last-child {
margin: 10px 10px 10px 14px; }
-scale.fine-tune.vertical.scale-has-marks-above trough {
- margin: 8px 8px 8px 12px; }
-scale.vertical.scale-has-marks-below trough {
+scale.vertical trough:first-child:not(:last-child) {
margin: 10px 14px 10px 10px; }
-scale.fine-tune.vertical.scale-has-marks-below trough {
- margin: 8px 12px 8px 8px; }
+
+scale.fine-tune trough:not(:first-child):last-child {
+ margin: 12px 8px 8px 8px; }
+
+scale.fine-tune trough:first-child:not(:last-child) {
+ margin: 8px 8px 12px 8px; }
+
+scale.vertical.fine-tune trough:not(:first-child):last-child {
+ margin: 8px 8px 8px 12px; }
+
+scale.vertical.fine-tune trough:first-child:not(:last-child) {
+ margin: 8px 12px 8px 8px; }
/*****************
* Progress bars *
@@ -4706,24 +4630,24 @@ headerbar.selection-mode button.titlebutton,
textview text:selected,
.view:selected,
calendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected,
entry:selected, spinbutton:selected, entry:selected:focus, spinbutton:selected:focus,
modelbutton.flat:selected,
-.menuitem.button.flat:selected, row:selected, .sidebar:selected {
+.menuitem.button.flat:selected, row:selected, .sidebar :selected {
background-color: #4a90d9;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); }
textview text:insensitive:selected,
.view:insensitive:selected,
calendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected,
entry:insensitive:selected, spinbutton:insensitive:selected, modelbutton.flat:insensitive:selected,
- .menuitem.button.flat:insensitive:selected, row:insensitive:selected, .sidebar:insensitive:selected,
placessidebar row:selected:insensitive label {
+ .menuitem.button.flat:insensitive:selected, row:insensitive:selected, .sidebar :insensitive:selected,
placessidebar row:selected:insensitive label {
color: #a5c8ec; }
textview text:backdrop:selected,
.view:backdrop:selected,
calendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected,
entry:backdrop:selected, spinbutton:backdrop:selected, modelbutton.flat:backdrop:selected,
- .menuitem.button.flat:backdrop:selected, row:backdrop:selected, .sidebar:backdrop:selected {
+ .menuitem.button.flat:backdrop:selected, row:backdrop:selected, .sidebar :backdrop:selected {
color: #ffffff; }
textview text:backdrop:insensitive:selected,
.view:backdrop:insensitive:selected,
calendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected,
.grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected,
spinbutton:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected,
- .menuitem.button.flat:backdrop:insensitive:selected, row:backdrop:insensitive:selected,
.sidebar:backdrop:insensitive:selected, placessidebar row:selected:insensitive label:backdrop, placessidebar
row:selected:backdrop:insensitive label {
+ .menuitem.button.flat:backdrop:insensitive:selected, row:backdrop:insensitive:selected, .sidebar
:backdrop:insensitive:selected, placessidebar row:selected:insensitive label:backdrop, placessidebar
row:selected:backdrop:insensitive label {
color: #80b1e4; }
.monospace {
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]