AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: Update scale styling

Browse Source 
Adapt to the introduction of trough nodes.
This commit is contained in:
Matthias Clasen 2015-11-05 06:46:31 -05:00
parent 07841f269d
commit 53ae100e64
3 changed files with 314 additions and 295 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

137
gtk/theme/Adwaita/_common.scss
View File

@ -2142,8 +2142,8 @@ 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.scale-has-marks-above.scale-has-marks-below,
scale.vertical.scale-has-marks-above.scale-has-marks-below {
// FIXME: rationalize
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 20;
@ -2160,53 +2160,56 @@ scale,
}
}
& slider {
//FIXME: better gradient on the slider and hover state
@include button(normal);
border: 1px solid;
border-radius: 50%;
border-color: darken($borders_color,3%);
box-shadow: inset 0 1px if($variant=='light', white,
transparentize(white,0.85)),
inset 0 #{-2px} $bg_color,
inset 0 #{-1px} mix($bg_color, $borders_color, 50%);
&:hover {
@include button(hover);
trough {
slider {
//FIXME: better gradient on the slider and hover state
@include button(normal);
border: 1px solid;
border-radius: 50%;
border-color: darken($borders_color,3%);
border-radius: 50%; // needed for double marks scales
box-shadow: inset 0 1px if($variant=='light', white,
transparentize(white, 0.85)),
inset 0 #{-2px} if($variant=='light', white,
transparentize(white, 0.86)),
inset 0 #{-1px} mix($bg_color, $borders_color, 70%);
}
&:insensitive {
border-style: solid; // needed for double marks scales or they'll get
border-radius: 50%; // overridden
background-image: linear-gradient(to bottom, $insensitive_bg_color);
box-shadow: none;
}
&:backdrop {
border-style: solid; // needed for double marks scales or they'll get
border-radius: 50%; // overridden
border-color: darken($backdrop_borders_color,3%);
background-image: linear-gradient(to bottom, $backdrop_bg_color);
box-shadow: none;
}
&:backdrop:insensitive {
@include button(backdrop-insensitive);
}
&:active {
border: 1px solid if($variant=='light',darken($selected_borders_color,3%),
darken($selected_bg_color,15%));
}
//OSD sliders
.osd & {
@include button(osd);
background-color: opacify($osd_bg_color, 1);
&:hover { @include button(osd-hover); }
&:active { @include button(osd-active); }
&:backdrop { @include button(osd-backdrop); }
transparentize(white,0.85)),
inset 0 #{-2px} $bg_color,
inset 0 #{-1px} mix($bg_color, $borders_color, 50%);
&:hover {
@include button(hover);
border-color: darken($borders_color,3%);
border-radius: 50%; // needed for double marks scales
box-shadow: inset 0 1px if($variant=='light', white,
transparentize(white, 0.85)),
inset 0 #{-2px} if($variant=='light', white,
transparentize(white, 0.86)),
inset 0 #{-1px} mix($bg_color, $borders_color, 70%);
}
&:insensitive {
border-style: solid; // needed for double marks scales or they'll get
border-radius: 50%; // overridden
background-image: linear-gradient(to bottom, $insensitive_bg_color);
box-shadow: none;
}
&:backdrop {
border-style: solid; // needed for double marks scales or they'll get
border-radius: 50%; // overridden
border-color: darken($backdrop_borders_color,3%);
background-image: linear-gradient(to bottom, $backdrop_bg_color);
box-shadow: none;
}
&:backdrop:insensitive {
@include button(backdrop-insensitive);
}
&:active {
@include button(active);
border: 1px solid if($variant=='light',darken($selected_borders_color,3%),
darken($selected_bg_color,15%));
}
//OSD sliders
.osd & {
@include button(osd);
background-color: opacify($osd_bg_color, 1);
&:hover { @include button(osd-hover); }
&:active { @include button(osd-active); }
&:backdrop { @include button(osd-backdrop); }
}
}
}
trough {
@ -2284,6 +2287,10 @@ scale,
}
}
scale marks {
color: gtkalpha(currentColor, 0.5); // marks color
}
@each $d,$dn in ('', 'horz'),
('.vertical', 'vert') {
@each $w,$we in ('scale-has-marks-below','scale_marks_below'),
@ -2293,26 +2300,26 @@ scale,
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
color: gtkalpha(currentColor, 0.5); // marks color
@extend %#{$we}_#{$dn};
trough {
@each $s,$as in ('',''),
(':hover','-hover'),
(':active','-active'),
(':insensitive','-insensitive'),
(':backdrop','-backdrop'),
(':backdrop:insensitive','-backdrop-insensitive') {
& slider#{$s} {
$_url: 'assets/slider-#{$dn}-#{$w}#{$as}#{$asset_suffix}';
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url('#{$_url}.png'),
url('#{$_url}@2.png'));
background-repeat: no-repeat;
background-position: center;
box-shadow: none;
@each $s,$as in ('',''),
(':hover','-hover'),
(':active','-active'),
(':insensitive','-insensitive'),
(':backdrop','-backdrop'),
(':backdrop:insensitive','-backdrop-insensitive') {
& slider#{$s} {
$_url: 'assets/slider-#{$dn}-#{$w}#{$as}#{$asset_suffix}';
border-style: none;
border-radius: 0;
background-color: transparent;
background-image: -gtk-scaled(url('#{$_url}.png'),
url('#{$_url}@2.png'));
background-repeat: no-repeat;
background-position: center;
box-shadow: none;
}
}
}
}

236
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -2897,26 +2897,26 @@ 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.scale-has-marks-above.scale-has-marks-below,
scale.vertical.scale-has-marks-above.scale-has-marks-below {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 20;
-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.scale-has-marks-above.scale-has-marks-below.fine-tune,
scale.vertical.scale-has-marks-above.scale-has-marks-below.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 {
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;
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 {
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;
@ -2928,9 +2928,9 @@ scale,
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 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 {
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 {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@ -2941,41 +2941,48 @@ scale,
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 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 {
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 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 {
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-radius: 50%;
border-color: #181a1a;
background-image: linear-gradient(to bottom, #393f3f);
box-shadow: none; }
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 {
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 slider:backdrop:insensitive > .label,
.scale.scale-has-marks-above.scale-has-marks-below slider:backdrop:insensitive > .label,
.scale.vertical.scale-has-marks-above.scale-has-marks-below slider:backdrop:insensitive > .label {
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 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 {
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 slider, .osd
.scale.scale-has-marks-above.scale-has-marks-below slider, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below slider {
.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));
@ -2985,9 +2992,9 @@ scale,
icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3);
background-color: #202526; }
.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 {
.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));
@ -2996,9 +3003,9 @@ scale,
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.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 {
.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));
@ -3007,9 +3014,9 @@ scale,
text-shadow: none;
icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd scale slider:backdrop, .osd
.scale.scale-has-marks-above.scale-has-marks-below slider:backdrop, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below slider:backdrop {
.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 {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
@ -3018,54 +3025,54 @@ scale,
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 {
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 {
scale.scale-has-marks-above.scale-has-marks-below trough.highlight,
scale.vertical.scale-has-marks-above.scale-has-marks-below 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.scale-has-marks-above.scale-has-marks-below trough.highlight.vertical,
scale.vertical.scale-has-marks-above.scale-has-marks-below 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.scale-has-marks-above.scale-has-marks-below trough.highlight:backdrop,
scale.vertical.scale-has-marks-above.scale-has-marks-below 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.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 {
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.scale-has-marks-above.scale-has-marks-below trough:backdrop,
scale.vertical.scale-has-marks-above.scale-has-marks-below 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.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 {
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 {
scale.scale-has-marks-above.scale-has-marks-below trough, .osd
scale.vertical.scale-has-marks-above.scale-has-marks-below trough {
border-color: rgba(0, 0, 0, 0.7);
box-shadow: none;
margin: 9px;
@ -3073,61 +3080,63 @@ scale,
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 {
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 {
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 {
scale.scale-has-marks-above.scale-has-marks-below trough.highlight, .osd
scale.vertical.scale-has-marks-above.scale-has-marks-below 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 {
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 {
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 {
scale.scale-has-marks-above.scale-has-marks-below trough:backdrop, .osd
scale.vertical.scale-has-marks-above.scale-has-marks-below trough:backdrop {
border-color: rgba(0, 0, 0, 0.7);
background-image: none; }
.list-row:selected scale, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below {
scale.scale-has-marks-above.scale-has-marks-below, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below {
border-color: #0f2b48;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
.list-row:selected scale:backdrop, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below:backdrop, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below:backdrop {
scale.scale-has-marks-above.scale-has-marks-below:backdrop, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below:backdrop {
box-shadow: none; }
.list-row:selected scale.highlight:backdrop, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below.highlight:backdrop, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:backdrop {
scale.scale-has-marks-above.scale-has-marks-below.highlight:backdrop, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:backdrop {
border-color: #0f2b48; }
.list-row:selected scale:insensitive, .list-row:selected scale.highlight:insensitive, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive {
scale.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected
scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive {
border-color: #215d9c;
box-shadow: none;
background-color: #90aece;
background-image: none; }
.list-row:selected scale:insensitive:backdrop, .list-row:selected scale.highlight:insensitive:backdrop, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop {
scale.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected
scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below.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;
color: alpha(currentColor,0.5); }
scale.scale-has-marks-below slider {
-GtkRange-trough-border: 2; }
scale.scale-has-marks-below trough slider {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3135,7 +3144,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:hover {
scale.scale-has-marks-below trough slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3143,7 +3152,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:active {
scale.scale-has-marks-below trough slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3151,7 +3160,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:insensitive {
scale.scale-has-marks-below trough slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3159,7 +3168,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:backdrop {
scale.scale-has-marks-below trough slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3167,7 +3176,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:backdrop:insensitive {
scale.scale-has-marks-below trough slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3179,9 +3188,8 @@ scale.scale-has-marks-below {
scale.scale-has-marks-above {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
color: alpha(currentColor,0.5); }
scale.scale-has-marks-above slider {
-GtkRange-trough-border: 2; }
scale.scale-has-marks-above trough slider {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3189,7 +3197,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:hover {
scale.scale-has-marks-above trough slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3197,7 +3205,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:active {
scale.scale-has-marks-above trough slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3205,7 +3213,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:insensitive {
scale.scale-has-marks-above trough slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3213,7 +3221,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:backdrop {
scale.scale-has-marks-above trough slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3221,7 +3229,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:backdrop:insensitive {
scale.scale-has-marks-above trough slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3233,9 +3241,8 @@ scale.scale-has-marks-above {
scale.vertical.scale-has-marks-below {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
color: alpha(currentColor,0.5); }
scale.vertical.scale-has-marks-below slider {
-GtkRange-trough-border: 2; }
scale.vertical.scale-has-marks-below trough slider {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3243,7 +3250,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:hover {
scale.vertical.scale-has-marks-below trough slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3251,7 +3258,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:active {
scale.vertical.scale-has-marks-below trough slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3259,7 +3266,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:insensitive {
scale.vertical.scale-has-marks-below trough slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3267,7 +3274,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:backdrop {
scale.vertical.scale-has-marks-below trough slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3275,7 +3282,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:backdrop:insensitive {
scale.vertical.scale-has-marks-below trough slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3287,9 +3294,8 @@ scale.vertical.scale-has-marks-below {
scale.vertical.scale-has-marks-above {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
color: alpha(currentColor,0.5); }
scale.vertical.scale-has-marks-above slider {
-GtkRange-trough-border: 2; }
scale.vertical.scale-has-marks-above trough slider {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3297,7 +3303,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:hover {
scale.vertical.scale-has-marks-above trough slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3305,7 +3311,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:active {
scale.vertical.scale-has-marks-above trough slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3313,7 +3319,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:insensitive {
scale.vertical.scale-has-marks-above trough slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3321,7 +3327,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:backdrop {
scale.vertical.scale-has-marks-above trough slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3329,7 +3335,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:backdrop:insensitive {
scale.vertical.scale-has-marks-above trough slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;

236
gtk/theme/Adwaita/gtk-contained.css
View File

@ -3059,26 +3059,26 @@ 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.scale-has-marks-above.scale-has-marks-below,
scale.vertical.scale-has-marks-above.scale-has-marks-below {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 20;
-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.scale-has-marks-above.scale-has-marks-below.fine-tune,
scale.vertical.scale-has-marks-above.scale-has-marks-below.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 {
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;
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 {
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;
@ -3090,9 +3090,9 @@ scale,
border-radius: 50%;
border-color: #999999;
box-shadow: inset 0 1px white, inset 0 -2px #ededed, inset 0 -1px #c7c7c7; }
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 {
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 {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #a1a1a1;
@ -3103,41 +3103,48 @@ scale,
border-color: #999999;
border-radius: 50%;
box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #d6d6d6; }
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 {
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 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 {
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-radius: 50%;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #ededed);
box-shadow: none; }
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 {
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 slider:backdrop:insensitive > .label,
.scale.scale-has-marks-above.scale-has-marks-below slider:backdrop:insensitive > .label,
.scale.vertical.scale-has-marks-above.scale-has-marks-below slider:backdrop:insensitive > .label {
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 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 {
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 slider, .osd
.scale.scale-has-marks-above.scale-has-marks-below slider, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below slider {
.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));
@ -3147,9 +3154,9 @@ scale,
icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3);
background-color: #202526; }
.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 {
.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));
@ -3158,9 +3165,9 @@ scale,
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.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 {
.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));
@ -3169,9 +3176,9 @@ scale,
text-shadow: none;
icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
.osd scale slider:backdrop, .osd
.scale.scale-has-marks-above.scale-has-marks-below slider:backdrop, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below slider:backdrop {
.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 {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
@ -3180,54 +3187,54 @@ scale,
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 {
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 {
scale.scale-has-marks-above.scale-has-marks-below trough.highlight,
scale.vertical.scale-has-marks-above.scale-has-marks-below 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.scale-has-marks-above.scale-has-marks-below trough.highlight.vertical,
scale.vertical.scale-has-marks-above.scale-has-marks-below 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.scale-has-marks-above.scale-has-marks-below trough.highlight:backdrop,
scale.vertical.scale-has-marks-above.scale-has-marks-below 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.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 {
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.scale-has-marks-above.scale-has-marks-below trough:backdrop,
scale.vertical.scale-has-marks-above.scale-has-marks-below 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.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 {
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 {
scale.scale-has-marks-above.scale-has-marks-below trough, .osd
scale.vertical.scale-has-marks-above.scale-has-marks-below trough {
border-color: rgba(0, 0, 0, 0.7);
box-shadow: none;
margin: 9px;
@ -3235,61 +3242,63 @@ scale,
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 {
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 {
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 {
scale.scale-has-marks-above.scale-has-marks-below trough.highlight, .osd
scale.vertical.scale-has-marks-above.scale-has-marks-below 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 {
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 {
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 {
scale.scale-has-marks-above.scale-has-marks-below trough:backdrop, .osd
scale.vertical.scale-has-marks-above.scale-has-marks-below trough:backdrop {
border-color: rgba(0, 0, 0, 0.7);
background-image: none; }
.list-row:selected scale, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below {
scale.scale-has-marks-above.scale-has-marks-below, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below {
border-color: #184472;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
.list-row:selected scale:backdrop, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below:backdrop, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below:backdrop {
scale.scale-has-marks-above.scale-has-marks-below:backdrop, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below:backdrop {
box-shadow: none; }
.list-row:selected scale.highlight:backdrop, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below.highlight:backdrop, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:backdrop {
scale.scale-has-marks-above.scale-has-marks-below.highlight:backdrop, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:backdrop {
border-color: #184472; }
.list-row:selected scale:insensitive, .list-row:selected scale.highlight:insensitive, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive {
scale.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected
scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive {
border-color: #4a90d9;
box-shadow: none;
background-color: #a5c8ec;
background-image: none; }
.list-row:selected scale:insensitive:backdrop, .list-row:selected scale.highlight:insensitive:backdrop, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected
.scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected
.scale.vertical.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop {
scale.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected
scale.scale-has-marks-above.scale-has-marks-below.highlight:insensitive:backdrop, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected
scale.vertical.scale-has-marks-above.scale-has-marks-below.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;
color: alpha(currentColor,0.5); }
scale.scale-has-marks-below slider {
-GtkRange-trough-border: 2; }
scale.scale-has-marks-below trough slider {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3297,7 +3306,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:hover {
scale.scale-has-marks-below trough slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3305,7 +3314,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:active {
scale.scale-has-marks-below trough slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3313,7 +3322,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:insensitive {
scale.scale-has-marks-below trough slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3321,7 +3330,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:backdrop {
scale.scale-has-marks-below trough slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3329,7 +3338,7 @@ scale.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-below slider:backdrop:insensitive {
scale.scale-has-marks-below trough slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3341,9 +3350,8 @@ scale.scale-has-marks-below {
scale.scale-has-marks-above {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
color: alpha(currentColor,0.5); }
scale.scale-has-marks-above slider {
-GtkRange-trough-border: 2; }
scale.scale-has-marks-above trough slider {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3351,7 +3359,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:hover {
scale.scale-has-marks-above trough slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3359,7 +3367,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:active {
scale.scale-has-marks-above trough slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3367,7 +3375,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:insensitive {
scale.scale-has-marks-above trough slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3375,7 +3383,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:backdrop {
scale.scale-has-marks-above trough slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3383,7 +3391,7 @@ scale.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.scale-has-marks-above slider:backdrop:insensitive {
scale.scale-has-marks-above trough slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3395,9 +3403,8 @@ scale.scale-has-marks-above {
scale.vertical.scale-has-marks-below {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
color: alpha(currentColor,0.5); }
scale.vertical.scale-has-marks-below slider {
-GtkRange-trough-border: 2; }
scale.vertical.scale-has-marks-below trough slider {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3405,7 +3412,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:hover {
scale.vertical.scale-has-marks-below trough slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3413,7 +3420,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:active {
scale.vertical.scale-has-marks-below trough slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3421,7 +3428,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:insensitive {
scale.vertical.scale-has-marks-below trough slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3429,7 +3436,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:backdrop {
scale.vertical.scale-has-marks-below trough slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3437,7 +3444,7 @@ scale.vertical.scale-has-marks-below {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-below slider:backdrop:insensitive {
scale.vertical.scale-has-marks-below trough slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3449,9 +3456,8 @@ scale.vertical.scale-has-marks-below {
scale.vertical.scale-has-marks-above {
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 24;
-GtkRange-trough-border: 2;
color: alpha(currentColor,0.5); }
scale.vertical.scale-has-marks-above slider {
-GtkRange-trough-border: 2; }
scale.vertical.scale-has-marks-above trough slider {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3459,7 +3465,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:hover {
scale.vertical.scale-has-marks-above trough slider:hover {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3467,7 +3473,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:active {
scale.vertical.scale-has-marks-above trough slider:active {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3475,7 +3481,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:insensitive {
scale.vertical.scale-has-marks-above trough slider:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3483,7 +3489,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:backdrop {
scale.vertical.scale-has-marks-above trough slider:backdrop {
border-style: none;
border-radius: 0;
background-color: transparent;
@ -3491,7 +3497,7 @@ scale.vertical.scale-has-marks-above {
background-repeat: no-repeat;
background-position: center;
box-shadow: none; }
scale.vertical.scale-has-marks-above slider:backdrop:insensitive {
scale.vertical.scale-has-marks-above trough slider:backdrop:insensitive {
border-style: none;
border-radius: 0;
background-color: transparent;