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

Adwaita: some more WIP theme work for the new scale

Browse Source
This commit is contained in:
Lapo Calamandrei 2016-02-25 17:49:12 +01:00 committed by Cosimo Cecchi
parent 3ff66edb6b
commit 0468ff1545
3 changed files with 737 additions and 737 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2483,42 +2483,23 @@ treeview.view radio {
scale { scale {
// sizing // sizing
&.horizontal { min-height: 10px;
min-height: 34px; min-width: 10px;
padding-left: 12px; padding: 12px;
padding-right: 12px;
trough { fill,
padding-left: 2px; highlight { margin: -1px; }
padding-right: 2px;
fill, slider {
highlight { margin: -1px -3px; } min-height: 18px;
} min-width: 18px;
margin: -8px;
} }
&.vertical { &.fine-tune {
min-width: 34px;
padding-top: 12px;
padding-bottom: 12px;
trough {
padding-top: 2px;
padding-bottom: 2px;
fill,
highlight { margin: -3px -1px; }
}
}
trough {
outline-offset: 11px;
-gtk-outline-radius: 4px;
slider { slider {
min-height: 20px; // something weird happening here
min-width: 20px; margin: -6px;
margin: -9px;
} }
} }
@ -2607,18 +2588,17 @@ scale {
('vertical', 'vert') { ('vertical', 'vert') {
@each $marks_infix, $nth_child in ('scale-has-marks-above', ':last-child:not(:only-child)'), @each $marks_infix, $nth_child in ('scale-has-marks-above', ':last-child:not(:only-child)'),
('scale-has-marks-below', ':first-child:not(:only-child)') { ('scale-has-marks-below', ':first-child:not(:only-child)') {
@each $state, $state_infix in ('', ''), @each $state, $state_infix in ('', ''),
(':hover', '-hover'), (':hover', '-hover'),
(':active', '-active'), (':active', '-active'),
(':disabled', '-insensitive'), (':disabled', '-insensitive'),
(':backdrop', '-backdrop'), (':backdrop', '-backdrop'),
(':backdrop:disabled', '-backdrop-insensitive') { (':backdrop:disabled', '-backdrop-insensitive') {
@at-root %#{$marks_infix}-#{$dir_infix}, @at-root %#{$marks_infix}-#{$dir_infix},
&.#{$dir_class} trough#{$nth_child} { &.#{$dir_class} contents#{$nth_child} {
> slider { > trough > slider {
&#{$state} { &#{$state} {
margin: -9px;
$_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$state_infix}#{$suffix}'; $_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$state_infix}#{$suffix}';
//@warn $dir_class; //@warn $dir_class;
//@warn $marks_pos; //@warn $marks_pos;

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

@ -2645,372 +2645,382 @@ scale highlight, progressbar progress {
.osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled {
border-color: transparent; } border-color: transparent; }
scale.horizontal { scale {
min-height: 34px; min-height: 10px;
padding-left: 12px; min-width: 10px;
padding-right: 12px; } padding: 12px; }
scale.horizontal trough { scale fill,
padding-left: 2px; scale highlight {
padding-right: 2px; } margin: -1px; }
scale.horizontal trough fill, scale slider {
scale.horizontal trough highlight { min-height: 18px;
margin: -1px -3px; } min-width: 18px;
scale.vertical { margin: -8px; }
min-width: 34px; scale.fine-tune slider {
padding-top: 12px; margin: -6px; }
padding-bottom: 12px; } scale fill, scale fill:backdrop {
scale.vertical trough { background-color: #1c1f1f;
padding-top: 2px; box-shadow: none; }
padding-bottom: 2px; } scale fill:disabled, scale fill:disabled:backdrop {
scale.vertical trough fill,
scale.vertical trough highlight {
margin: -3px -1px; }
scale trough {
outline-offset: 11px;
-gtk-outline-radius: 4px; }
scale trough slider {
min-height: 20px;
min-width: 20px;
margin: -9px; }
scale fill, scale fill:backdrop {
background-color: #1c1f1f;
box-shadow: none; }
scale fill:disabled, scale fill:disabled:backdrop {
border-color: transparent;
background-color: transparent; }
.osd scale fill {
background-color: rgba(91, 91, 90, 0.775); }
.osd scale fill:disabled, .osd scale fill:disabled:backdrop {
border-color: transparent; border-color: transparent;
background-color: transparent; } background-color: transparent; }
scale slider { .osd scale fill {
color: #eeeeec; background-color: rgba(91, 91, 90, 0.775); }
outline-color: rgba(238, 238, 236, 0.3); .osd scale fill:disabled, .osd scale fill:disabled:backdrop {
border-color: #1c1f1f; border-color: transparent;
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); background-color: transparent; }
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); scale slider {
background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1);
border: 1px solid #151717;
border-radius: 100%; }
scale slider:hover {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f; border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
scale slider:active { background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%);
border-color: #0f2b48; } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1);
scale slider:disabled { border: 1px solid #151717;
color: #949796; border-radius: 100%; }
border-color: #1c1f1f; scale slider:hover {
background-image: linear-gradient(to bottom, #333636); color: #eeeeec;
text-shadow: none; outline-color: rgba(238, 238, 236, 0.3);
-gtk-icon-shadow: none; border-color: #1c1f1f;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%);
scale slider:backdrop { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); }
color: #949796; scale slider:active {
border-color: #1f2222; border-color: #0f2b48; }
background-image: linear-gradient(to bottom, #393f3f); scale slider:disabled {
text-shadow: none; color: #949796;
-gtk-icon-shadow: none; border-color: #1c1f1f;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
scale slider:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636); background-image: linear-gradient(to bottom, #333636);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
row:selected scale slider, row:selected scale slider:disabled { scale slider:backdrop {
border-color: #0f2b48; } color: #949796;
.osd scale slider { border-color: #1f2222;
color: #eeeeec; background-image: linear-gradient(to bottom, #393f3f);
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3);
border-color: rgba(0, 0, 0, 0.7);
background-color: #202526; }
.osd scale slider:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd scale 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; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.osd scale slider:disabled { scale slider:backdrop:disabled {
color: #878a89; color: #5d6767;
border-color: rgba(0, 0, 0, 0.7); border-color: #1f2222;
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-image: linear-gradient(to bottom, #333636);
background-clip: padding-box; text-shadow: none;
box-shadow: none; -gtk-icon-shadow: none;
text-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-gtk-icon-shadow: none; } row:selected scale slider, row:selected scale slider:disabled {
.osd scale slider:backdrop { border-color: #0f2b48; }
.osd scale slider {
color: #eeeeec; color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: none; text-shadow: 0 1px black;
-gtk-icon-shadow: none; } -gtk-icon-shadow: 0 1px black;
scale marks { outline-color: rgba(238, 238, 236, 0.3);
color: alpha(currentColor,0.4); } border-color: rgba(0, 0, 0, 0.7);
scale.color.horizontal trough > slider, scale.horizontal trough:last-child:not(:only-child) > slider { background-color: #202526; }
border-style: none; .osd scale slider:hover {
border-radius: 0; color: white;
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")); border-color: rgba(0, 0, 0, 0.7);
min-height: 26px; background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
min-width: 22px; background-clip: padding-box;
margin-top: -13px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
background-position: top; text-shadow: 0 1px black;
background-repeat: no-repeat; -gtk-icon-shadow: 0 1px black;
box-shadow: none; } outline-color: rgba(238, 238, 236, 0.3); }
scale.color.horizontal trough > slider:hover, scale.horizontal trough:last-child:not(:only-child) > slider:hover { .osd scale slider:active {
border-style: none; color: white;
border-radius: 0; border-color: rgba(0, 0, 0, 0.7);
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-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
min-height: 26px; background-clip: padding-box;
min-width: 22px; box-shadow: none;
margin-top: -13px; text-shadow: none;
background-position: top; -gtk-icon-shadow: none;
background-repeat: no-repeat; outline-color: rgba(238, 238, 236, 0.3); }
box-shadow: none; } .osd scale slider:disabled {
scale.color.horizontal trough > slider:active, scale.horizontal trough:last-child:not(:only-child) > slider:active { color: #878a89;
border-style: none; border-color: rgba(0, 0, 0, 0.7);
border-radius: 0; background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
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-clip: padding-box;
min-height: 26px; box-shadow: none;
min-width: 22px; text-shadow: none;
margin-top: -13px; -gtk-icon-shadow: none; }
background-position: top; .osd scale slider:backdrop {
background-repeat: no-repeat; color: #eeeeec;
box-shadow: none; } border-color: rgba(0, 0, 0, 0.7);
scale.color.horizontal trough > slider:disabled, scale.horizontal trough:last-child:not(:only-child) > slider:disabled { background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
border-style: none; background-clip: padding-box;
border-radius: 0; box-shadow: none;
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")); text-shadow: none;
min-height: 26px; -gtk-icon-shadow: none; }
min-width: 22px; scale marks {
margin-top: -13px; color: alpha(currentColor,0.4); }
background-position: top; scale.color.horizontal trough > trough > slider, scale.horizontal contents:last-child:not(:only-child) > trough > slider {
background-repeat: no-repeat; margin: -9px;
box-shadow: none; } border-style: none;
scale.color.horizontal trough > slider:backdrop, scale.horizontal trough:last-child:not(:only-child) > slider:backdrop { border-radius: 0;
border-style: none; 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"));
border-radius: 0; min-height: 26px;
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")); min-width: 22px;
min-height: 26px; margin-top: -13px;
min-width: 22px; background-position: top;
margin-top: -13px; background-repeat: no-repeat;
background-position: top; box-shadow: none; }
background-repeat: no-repeat; scale.color.horizontal trough > trough > slider:hover, scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
box-shadow: none; } margin: -9px;
scale.color.horizontal trough > slider:backdrop:disabled, scale.horizontal trough:last-child:not(:only-child) > slider:backdrop:disabled { border-style: none;
border-style: none; border-radius: 0;
border-radius: 0; 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-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")); min-height: 26px;
min-height: 26px; min-width: 22px;
min-width: 22px; margin-top: -13px;
margin-top: -13px; background-position: top;
background-position: top; background-repeat: no-repeat;
background-repeat: no-repeat; box-shadow: none; }
box-shadow: none; } scale.color.horizontal trough > trough > slider:active, scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
scale.horizontal trough:first-child:not(:only-child) > slider { margin: -9px;
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;
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-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"));
min-height: 26px; min-height: 26px;
min-width: 22px; min-width: 22px;
margin-bottom: -13px; margin-top: -13px;
background-position: bottom; background-position: top;
background-repeat: no-repeat; background-repeat: no-repeat;
box-shadow: none; } box-shadow: none; }
scale.horizontal trough:first-child:not(:only-child) > slider:hover { scale.color.horizontal trough > trough > slider:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
border-style: none; margin: -9px;
border-radius: 0; border-style: none;
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")); border-radius: 0;
min-height: 26px; 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"));
min-width: 22px; min-height: 26px;
margin-bottom: -13px; min-width: 22px;
background-position: bottom; margin-top: -13px;
background-repeat: no-repeat; background-position: top;
box-shadow: none; } background-repeat: no-repeat;
scale.horizontal trough:first-child:not(:only-child) > slider:active { box-shadow: none; }
border-style: none; scale.color.horizontal trough > trough > slider:backdrop, scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop {
border-radius: 0; margin: -9px;
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")); border-style: none;
min-height: 26px; border-radius: 0;
min-width: 22px; 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"));
margin-bottom: -13px; min-height: 26px;
background-position: bottom; min-width: 22px;
background-repeat: no-repeat; margin-top: -13px;
box-shadow: none; } background-position: top;
scale.horizontal trough:first-child:not(:only-child) > slider:disabled { background-repeat: no-repeat;
border-style: none; box-shadow: none; }
border-radius: 0; scale.color.horizontal trough > trough > slider:backdrop:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled {
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")); margin: -9px;
min-height: 26px; border-style: none;
min-width: 22px; border-radius: 0;
margin-bottom: -13px; 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-position: bottom; min-height: 26px;
background-repeat: no-repeat; min-width: 22px;
box-shadow: none; } margin-top: -13px;
scale.horizontal trough:first-child:not(:only-child) > slider:backdrop { background-position: top;
border-style: none; background-repeat: no-repeat;
border-radius: 0; box-shadow: none; }
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")); scale.horizontal contents:first-child:not(:only-child) > trough > slider {
min-height: 26px; margin: -9px;
min-width: 22px; border-style: none;
margin-bottom: -13px; border-radius: 0;
background-position: bottom; 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; min-height: 26px;
box-shadow: none; } min-width: 22px;
scale.horizontal trough:first-child:not(:only-child) > slider:backdrop:disabled { margin-bottom: -13px;
border-style: none; background-position: bottom;
border-radius: 0; background-repeat: no-repeat;
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")); box-shadow: none; }
min-height: 26px; scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
min-width: 22px; margin: -9px;
margin-bottom: -13px; border-style: none;
background-position: bottom; border-radius: 0;
background-repeat: no-repeat; 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"));
box-shadow: none; } min-height: 26px;
scale.color.vertical:dir(rtl) trough > slider, scale.vertical trough:last-child:not(:only-child) > slider { min-width: 22px;
border-style: none; margin-bottom: -13px;
border-radius: 0; background-position: bottom;
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;
min-height: 22px; box-shadow: none; }
min-width: 26px; scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
margin-left: -13px; margin: -9px;
background-position: left bottom; border-style: none;
background-repeat: no-repeat; border-radius: 0;
box-shadow: none; } 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"));
scale.color.vertical:dir(rtl) trough > slider:hover, scale.vertical trough:last-child:not(:only-child) > slider:hover { min-height: 26px;
border-style: none; min-width: 22px;
border-radius: 0; margin-bottom: -13px;
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-position: bottom;
min-height: 22px; background-repeat: no-repeat;
min-width: 26px; box-shadow: none; }
margin-left: -13px; scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
background-position: left bottom; margin: -9px;
background-repeat: no-repeat; border-style: none;
box-shadow: none; } border-radius: 0;
scale.color.vertical:dir(rtl) trough > slider:active, scale.vertical trough:last-child:not(:only-child) > slider:active { 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"));
border-style: none; min-height: 26px;
border-radius: 0; min-width: 22px;
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")); margin-bottom: -13px;
min-height: 22px; background-position: bottom;
min-width: 26px; background-repeat: no-repeat;
margin-left: -13px; box-shadow: none; }
background-position: left bottom; scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop {
background-repeat: no-repeat; margin: -9px;
box-shadow: none; } border-style: none;
scale.color.vertical:dir(rtl) trough > slider:disabled, scale.vertical trough:last-child:not(:only-child) > slider:disabled { border-radius: 0;
border-style: none; 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"));
border-radius: 0; min-height: 26px;
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")); min-width: 22px;
min-height: 22px; margin-bottom: -13px;
min-width: 26px; background-position: bottom;
margin-left: -13px; background-repeat: no-repeat;
background-position: left bottom; box-shadow: none; }
background-repeat: no-repeat; scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled {
box-shadow: none; } margin: -9px;
scale.color.vertical:dir(rtl) trough > slider:backdrop, scale.vertical trough:last-child:not(:only-child) > slider:backdrop { border-style: none;
border-style: none; border-radius: 0;
border-radius: 0; 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-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")); min-height: 26px;
min-height: 22px; min-width: 22px;
min-width: 26px; margin-bottom: -13px;
margin-left: -13px; background-position: bottom;
background-position: left bottom; background-repeat: no-repeat;
background-repeat: no-repeat; box-shadow: none; }
box-shadow: none; } scale.color.vertical:dir(rtl) trough > trough > slider, scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.color.vertical:dir(rtl) trough > slider:backdrop:disabled, scale.vertical trough:last-child:not(:only-child) > slider:backdrop:disabled { margin: -9px;
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;
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-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
min-height: 22px; min-height: 22px;
min-width: 26px; min-width: 26px;
margin-left: -13px; margin-left: -13px;
background-position: left bottom; background-position: left bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
box-shadow: none; } box-shadow: none; }
scale.color.vertical:dir(ltr) trough > slider, scale.vertical trough:first-child:not(:only-child) > slider { scale.color.vertical:dir(rtl) trough > trough > slider:hover, scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
border-style: none; margin: -9px;
border-radius: 0; border-style: none;
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")); border-radius: 0;
min-height: 22px; 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"));
min-width: 26px; min-height: 22px;
margin-right: -13px; min-width: 26px;
background-position: right bottom; margin-left: -13px;
background-repeat: no-repeat; background-position: left bottom;
box-shadow: none; } background-repeat: no-repeat;
scale.color.vertical:dir(ltr) trough > slider:hover, scale.vertical trough:first-child:not(:only-child) > slider:hover { box-shadow: none; }
border-style: none; scale.color.vertical:dir(rtl) trough > trough > slider:active, scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
border-radius: 0; margin: -9px;
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")); border-style: none;
min-height: 22px; border-radius: 0;
min-width: 26px; 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"));
margin-right: -13px; min-height: 22px;
background-position: right bottom; min-width: 26px;
background-repeat: no-repeat; margin-left: -13px;
box-shadow: none; } background-position: left bottom;
scale.color.vertical:dir(ltr) trough > slider:active, scale.vertical trough:first-child:not(:only-child) > slider:active { background-repeat: no-repeat;
border-style: none; box-shadow: none; }
border-radius: 0; scale.color.vertical:dir(rtl) trough > trough > slider:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
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")); margin: -9px;
min-height: 22px; border-style: none;
min-width: 26px; border-radius: 0;
margin-right: -13px; 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-position: right bottom; min-height: 22px;
background-repeat: no-repeat; min-width: 26px;
box-shadow: none; } margin-left: -13px;
scale.color.vertical:dir(ltr) trough > slider:disabled, scale.vertical trough:first-child:not(:only-child) > slider:disabled { background-position: left bottom;
border-style: none; background-repeat: no-repeat;
border-radius: 0; box-shadow: none; }
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")); scale.color.vertical:dir(rtl) trough > trough > slider:backdrop, scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop {
min-height: 22px; margin: -9px;
min-width: 26px; border-style: none;
margin-right: -13px; border-radius: 0;
background-position: right bottom; 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; min-height: 22px;
box-shadow: none; } min-width: 26px;
scale.color.vertical:dir(ltr) trough > slider:backdrop, scale.vertical trough:first-child:not(:only-child) > slider:backdrop { margin-left: -13px;
border-style: none; background-position: left bottom;
border-radius: 0; background-repeat: no-repeat;
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")); box-shadow: none; }
min-height: 22px; scale.color.vertical:dir(rtl) trough > trough > slider:backdrop:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled {
min-width: 26px; margin: -9px;
margin-right: -13px; border-style: none;
background-position: right bottom; border-radius: 0;
background-repeat: no-repeat; 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"));
box-shadow: none; } min-height: 22px;
scale.color.vertical:dir(ltr) trough > slider:backdrop:disabled, scale.vertical trough:first-child:not(:only-child) > slider:backdrop:disabled { min-width: 26px;
border-style: none; margin-left: -13px;
border-radius: 0; background-position: left bottom;
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;
min-height: 22px; box-shadow: none; }
min-width: 26px; scale.color.vertical:dir(ltr) trough > trough > slider, scale.vertical contents:first-child:not(:only-child) > trough > slider {
margin-right: -13px; margin: -9px;
background-position: right bottom; border-style: none;
background-repeat: no-repeat; border-radius: 0;
box-shadow: none; } 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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:hover, scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:active, scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:backdrop, scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:backdrop:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
/***************** /*****************
* Progress bars * * Progress bars *

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

@ -2676,372 +2676,382 @@ scale highlight, progressbar progress {
.osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled {
border-color: transparent; } border-color: transparent; }
scale.horizontal { scale {
min-height: 34px; min-height: 10px;
padding-left: 12px; min-width: 10px;
padding-right: 12px; } padding: 12px; }
scale.horizontal trough { scale fill,
padding-left: 2px; scale highlight {
padding-right: 2px; } margin: -1px; }
scale.horizontal trough fill, scale slider {
scale.horizontal trough highlight { min-height: 18px;
margin: -1px -3px; } min-width: 18px;
scale.vertical { margin: -8px; }
min-width: 34px; scale.fine-tune slider {
padding-top: 12px; margin: -6px; }
padding-bottom: 12px; } scale fill, scale fill:backdrop {
scale.vertical trough { background-color: #9d9d99;
padding-top: 2px; box-shadow: none; }
padding-bottom: 2px; } scale fill:disabled, scale fill:disabled:backdrop {
scale.vertical trough fill,
scale.vertical trough highlight {
margin: -3px -1px; }
scale trough {
outline-offset: 11px;
-gtk-outline-radius: 4px; }
scale trough slider {
min-height: 20px;
min-width: 20px;
margin: -9px; }
scale fill, scale fill:backdrop {
background-color: #9d9d99;
box-shadow: none; }
scale fill:disabled, scale fill:disabled:backdrop {
border-color: transparent;
background-color: transparent; }
.osd scale fill {
background-color: rgba(91, 91, 90, 0.775); }
.osd scale fill:disabled, .osd scale fill:disabled:backdrop {
border-color: transparent; border-color: transparent;
background-color: transparent; } background-color: transparent; }
scale slider { .osd scale fill {
color: #2e3436; background-color: rgba(91, 91, 90, 0.775); }
outline-color: rgba(46, 52, 54, 0.3); .osd scale fill:disabled, .osd scale fill:disabled:backdrop {
border-color: #9d9d99; border-color: transparent;
text-shadow: 0 1px rgba(255, 255, 255, 0.76923); background-color: transparent; }
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); scale slider {
background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%);
box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
border: 1px solid #969691;
border-radius: 100%; }
scale slider:hover {
color: #2e3436; color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99; border-color: #9d9d99;
background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%); text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); } -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
scale slider:active { background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%);
border-color: #184472; } box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
scale slider:disabled { border: 1px solid #969691;
color: #8b8e8f; border-radius: 100%; }
border-color: #9d9d99; scale slider:hover {
background-image: linear-gradient(to bottom, #f1f1f1); color: #2e3436;
text-shadow: none; outline-color: rgba(46, 52, 54, 0.3);
-gtk-icon-shadow: none; border-color: #9d9d99;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%);
scale slider:backdrop { box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); }
color: #8b8e8f; scale slider:active {
border-color: #a5a5a1; border-color: #184472; }
background-image: linear-gradient(to bottom, #e8e8e7); scale slider:disabled {
text-shadow: none; color: #8b8e8f;
-gtk-icon-shadow: none; border-color: #9d9d99;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
scale slider:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1); background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
row:selected scale slider, row:selected scale slider:disabled { scale slider:backdrop {
border-color: #184472; } color: #8b8e8f;
.osd scale slider { border-color: #a5a5a1;
color: #eeeeec; background-image: linear-gradient(to bottom, #e8e8e7);
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3);
border-color: rgba(0, 0, 0, 0.7);
background-color: #202526; }
.osd scale slider:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
.osd scale 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; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.osd scale slider:disabled { scale slider:backdrop:disabled {
color: #878a89; color: #c3c3c0;
border-color: rgba(0, 0, 0, 0.7); border-color: #a5a5a1;
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-image: linear-gradient(to bottom, #f1f1f1);
background-clip: padding-box; text-shadow: none;
box-shadow: none; -gtk-icon-shadow: none;
text-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-gtk-icon-shadow: none; } row:selected scale slider, row:selected scale slider:disabled {
.osd scale slider:backdrop { border-color: #184472; }
.osd scale slider {
color: #eeeeec; color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: none; text-shadow: 0 1px black;
-gtk-icon-shadow: none; } -gtk-icon-shadow: 0 1px black;
scale marks { outline-color: rgba(238, 238, 236, 0.3);
color: alpha(currentColor,0.4); } border-color: rgba(0, 0, 0, 0.7);
scale.color.horizontal trough > slider, scale.horizontal trough:last-child:not(:only-child) > slider { background-color: #202526; }
border-style: none; .osd scale slider:hover {
border-radius: 0; color: white;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); border-color: rgba(0, 0, 0, 0.7);
min-height: 26px; background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
min-width: 22px; background-clip: padding-box;
margin-top: -13px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
background-position: top; text-shadow: 0 1px black;
background-repeat: no-repeat; -gtk-icon-shadow: 0 1px black;
box-shadow: none; } outline-color: rgba(238, 238, 236, 0.3); }
scale.color.horizontal trough > slider:hover, scale.horizontal trough:last-child:not(:only-child) > slider:hover { .osd scale slider:active {
border-style: none; color: white;
border-radius: 0; border-color: rgba(0, 0, 0, 0.7);
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-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
min-height: 26px; background-clip: padding-box;
min-width: 22px; box-shadow: none;
margin-top: -13px; text-shadow: none;
background-position: top; -gtk-icon-shadow: none;
background-repeat: no-repeat; outline-color: rgba(238, 238, 236, 0.3); }
box-shadow: none; } .osd scale slider:disabled {
scale.color.horizontal trough > slider:active, scale.horizontal trough:last-child:not(:only-child) > slider:active { color: #878a89;
border-style: none; border-color: rgba(0, 0, 0, 0.7);
border-radius: 0; background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
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-clip: padding-box;
min-height: 26px; box-shadow: none;
min-width: 22px; text-shadow: none;
margin-top: -13px; -gtk-icon-shadow: none; }
background-position: top; .osd scale slider:backdrop {
background-repeat: no-repeat; color: #eeeeec;
box-shadow: none; } border-color: rgba(0, 0, 0, 0.7);
scale.color.horizontal trough > slider:disabled, scale.horizontal trough:last-child:not(:only-child) > slider:disabled { background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
border-style: none; background-clip: padding-box;
border-radius: 0; box-shadow: none;
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")); text-shadow: none;
min-height: 26px; -gtk-icon-shadow: none; }
min-width: 22px; scale marks {
margin-top: -13px; color: alpha(currentColor,0.4); }
background-position: top; scale.color.horizontal trough > trough > slider, scale.horizontal contents:last-child:not(:only-child) > trough > slider {
background-repeat: no-repeat; margin: -9px;
box-shadow: none; } border-style: none;
scale.color.horizontal trough > slider:backdrop, scale.horizontal trough:last-child:not(:only-child) > slider:backdrop { border-radius: 0;
border-style: none; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png"));
border-radius: 0; min-height: 26px;
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")); min-width: 22px;
min-height: 26px; margin-top: -13px;
min-width: 22px; background-position: top;
margin-top: -13px; background-repeat: no-repeat;
background-position: top; box-shadow: none; }
background-repeat: no-repeat; scale.color.horizontal trough > trough > slider:hover, scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
box-shadow: none; } margin: -9px;
scale.color.horizontal trough > slider:backdrop:disabled, scale.horizontal trough:last-child:not(:only-child) > slider:backdrop:disabled { border-style: none;
border-style: none; border-radius: 0;
border-radius: 0; 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-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")); min-height: 26px;
min-height: 26px; min-width: 22px;
min-width: 22px; margin-top: -13px;
margin-top: -13px; background-position: top;
background-position: top; background-repeat: no-repeat;
background-repeat: no-repeat; box-shadow: none; }
box-shadow: none; } scale.color.horizontal trough > trough > slider:active, scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
scale.horizontal trough:first-child:not(:only-child) > slider { margin: -9px;
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); 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"));
min-height: 26px; min-height: 26px;
min-width: 22px; min-width: 22px;
margin-bottom: -13px; margin-top: -13px;
background-position: bottom; background-position: top;
background-repeat: no-repeat; background-repeat: no-repeat;
box-shadow: none; } box-shadow: none; }
scale.horizontal trough:first-child:not(:only-child) > slider:hover { scale.color.horizontal trough > trough > slider:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
border-style: none; margin: -9px;
border-radius: 0; border-style: none;
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")); border-radius: 0;
min-height: 26px; 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"));
min-width: 22px; min-height: 26px;
margin-bottom: -13px; min-width: 22px;
background-position: bottom; margin-top: -13px;
background-repeat: no-repeat; background-position: top;
box-shadow: none; } background-repeat: no-repeat;
scale.horizontal trough:first-child:not(:only-child) > slider:active { box-shadow: none; }
border-style: none; scale.color.horizontal trough > trough > slider:backdrop, scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop {
border-radius: 0; margin: -9px;
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")); border-style: none;
min-height: 26px; border-radius: 0;
min-width: 22px; 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"));
margin-bottom: -13px; min-height: 26px;
background-position: bottom; min-width: 22px;
background-repeat: no-repeat; margin-top: -13px;
box-shadow: none; } background-position: top;
scale.horizontal trough:first-child:not(:only-child) > slider:disabled { background-repeat: no-repeat;
border-style: none; box-shadow: none; }
border-radius: 0; scale.color.horizontal trough > trough > slider:backdrop:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled {
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")); margin: -9px;
min-height: 26px; border-style: none;
min-width: 22px; border-radius: 0;
margin-bottom: -13px; 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-position: bottom; min-height: 26px;
background-repeat: no-repeat; min-width: 22px;
box-shadow: none; } margin-top: -13px;
scale.horizontal trough:first-child:not(:only-child) > slider:backdrop { background-position: top;
border-style: none; background-repeat: no-repeat;
border-radius: 0; box-shadow: none; }
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")); scale.horizontal contents:first-child:not(:only-child) > trough > slider {
min-height: 26px; margin: -9px;
min-width: 22px; border-style: none;
margin-bottom: -13px; border-radius: 0;
background-position: bottom; 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; min-height: 26px;
box-shadow: none; } min-width: 22px;
scale.horizontal trough:first-child:not(:only-child) > slider:backdrop:disabled { margin-bottom: -13px;
border-style: none; background-position: bottom;
border-radius: 0; background-repeat: no-repeat;
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")); box-shadow: none; }
min-height: 26px; scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
min-width: 22px; margin: -9px;
margin-bottom: -13px; border-style: none;
background-position: bottom; border-radius: 0;
background-repeat: no-repeat; 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"));
box-shadow: none; } min-height: 26px;
scale.color.vertical:dir(rtl) trough > slider, scale.vertical trough:last-child:not(:only-child) > slider { min-width: 22px;
border-style: none; margin-bottom: -13px;
border-radius: 0; background-position: bottom;
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;
min-height: 22px; box-shadow: none; }
min-width: 26px; scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
margin-left: -13px; margin: -9px;
background-position: left bottom; border-style: none;
background-repeat: no-repeat; border-radius: 0;
box-shadow: none; } 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"));
scale.color.vertical:dir(rtl) trough > slider:hover, scale.vertical trough:last-child:not(:only-child) > slider:hover { min-height: 26px;
border-style: none; min-width: 22px;
border-radius: 0; margin-bottom: -13px;
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-position: bottom;
min-height: 22px; background-repeat: no-repeat;
min-width: 26px; box-shadow: none; }
margin-left: -13px; scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
background-position: left bottom; margin: -9px;
background-repeat: no-repeat; border-style: none;
box-shadow: none; } border-radius: 0;
scale.color.vertical:dir(rtl) trough > slider:active, scale.vertical trough:last-child:not(:only-child) > slider:active { 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"));
border-style: none; min-height: 26px;
border-radius: 0; min-width: 22px;
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")); margin-bottom: -13px;
min-height: 22px; background-position: bottom;
min-width: 26px; background-repeat: no-repeat;
margin-left: -13px; box-shadow: none; }
background-position: left bottom; scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop {
background-repeat: no-repeat; margin: -9px;
box-shadow: none; } border-style: none;
scale.color.vertical:dir(rtl) trough > slider:disabled, scale.vertical trough:last-child:not(:only-child) > slider:disabled { border-radius: 0;
border-style: none; 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"));
border-radius: 0; min-height: 26px;
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")); min-width: 22px;
min-height: 22px; margin-bottom: -13px;
min-width: 26px; background-position: bottom;
margin-left: -13px; background-repeat: no-repeat;
background-position: left bottom; box-shadow: none; }
background-repeat: no-repeat; scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled {
box-shadow: none; } margin: -9px;
scale.color.vertical:dir(rtl) trough > slider:backdrop, scale.vertical trough:last-child:not(:only-child) > slider:backdrop { border-style: none;
border-style: none; border-radius: 0;
border-radius: 0; 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-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); min-height: 26px;
min-height: 22px; min-width: 22px;
min-width: 26px; margin-bottom: -13px;
margin-left: -13px; background-position: bottom;
background-position: left bottom; background-repeat: no-repeat;
background-repeat: no-repeat; box-shadow: none; }
box-shadow: none; } scale.color.vertical:dir(rtl) trough > trough > slider, scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.color.vertical:dir(rtl) trough > slider:backdrop:disabled, scale.vertical trough:last-child:not(:only-child) > slider:backdrop:disabled { margin: -9px;
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;
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-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png"));
min-height: 22px; min-height: 22px;
min-width: 26px; min-width: 26px;
margin-left: -13px; margin-left: -13px;
background-position: left bottom; background-position: left bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
box-shadow: none; } box-shadow: none; }
scale.color.vertical:dir(ltr) trough > slider, scale.vertical trough:first-child:not(:only-child) > slider { scale.color.vertical:dir(rtl) trough > trough > slider:hover, scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
border-style: none; margin: -9px;
border-radius: 0; border-style: none;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); border-radius: 0;
min-height: 22px; 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"));
min-width: 26px; min-height: 22px;
margin-right: -13px; min-width: 26px;
background-position: right bottom; margin-left: -13px;
background-repeat: no-repeat; background-position: left bottom;
box-shadow: none; } background-repeat: no-repeat;
scale.color.vertical:dir(ltr) trough > slider:hover, scale.vertical trough:first-child:not(:only-child) > slider:hover { box-shadow: none; }
border-style: none; scale.color.vertical:dir(rtl) trough > trough > slider:active, scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
border-radius: 0; margin: -9px;
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")); border-style: none;
min-height: 22px; border-radius: 0;
min-width: 26px; 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"));
margin-right: -13px; min-height: 22px;
background-position: right bottom; min-width: 26px;
background-repeat: no-repeat; margin-left: -13px;
box-shadow: none; } background-position: left bottom;
scale.color.vertical:dir(ltr) trough > slider:active, scale.vertical trough:first-child:not(:only-child) > slider:active { background-repeat: no-repeat;
border-style: none; box-shadow: none; }
border-radius: 0; scale.color.vertical:dir(rtl) trough > trough > slider:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
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")); margin: -9px;
min-height: 22px; border-style: none;
min-width: 26px; border-radius: 0;
margin-right: -13px; 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-position: right bottom; min-height: 22px;
background-repeat: no-repeat; min-width: 26px;
box-shadow: none; } margin-left: -13px;
scale.color.vertical:dir(ltr) trough > slider:disabled, scale.vertical trough:first-child:not(:only-child) > slider:disabled { background-position: left bottom;
border-style: none; background-repeat: no-repeat;
border-radius: 0; box-shadow: none; }
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")); scale.color.vertical:dir(rtl) trough > trough > slider:backdrop, scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop {
min-height: 22px; margin: -9px;
min-width: 26px; border-style: none;
margin-right: -13px; border-radius: 0;
background-position: right bottom; 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; min-height: 22px;
box-shadow: none; } min-width: 26px;
scale.color.vertical:dir(ltr) trough > slider:backdrop, scale.vertical trough:first-child:not(:only-child) > slider:backdrop { margin-left: -13px;
border-style: none; background-position: left bottom;
border-radius: 0; background-repeat: no-repeat;
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")); box-shadow: none; }
min-height: 22px; scale.color.vertical:dir(rtl) trough > trough > slider:backdrop:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled {
min-width: 26px; margin: -9px;
margin-right: -13px; border-style: none;
background-position: right bottom; border-radius: 0;
background-repeat: no-repeat; 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"));
box-shadow: none; } min-height: 22px;
scale.color.vertical:dir(ltr) trough > slider:backdrop:disabled, scale.vertical trough:first-child:not(:only-child) > slider:backdrop:disabled { min-width: 26px;
border-style: none; margin-left: -13px;
border-radius: 0; background-position: left bottom;
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;
min-height: 22px; box-shadow: none; }
min-width: 26px; scale.color.vertical:dir(ltr) trough > trough > slider, scale.vertical contents:first-child:not(:only-child) > trough > slider {
margin-right: -13px; margin: -9px;
background-position: right bottom; border-style: none;
background-repeat: no-repeat; border-radius: 0;
box-shadow: none; } background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:hover, scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:active, scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:backdrop, scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) trough > trough > slider:backdrop:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled {
margin: -9px;
border-style: none;
border-radius: 0;
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"));
min-height: 22px;
min-width: 26px;
margin-right: -13px;
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
/***************** /*****************
* Progress bars * * Progress bars *