1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

tweak osd scale slider

This commit is contained in:
Horst3180 2016-03-30 22:16:16 +02:00
parent 7e7fd197b6
commit 7b2f1bfe25
7 changed files with 46 additions and 14 deletions

View File

@ -2100,10 +2100,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95));
min-width: 11px;
min-height: 11px;
margin: -4px;
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
background-image: linear-gradient(to bottom, #5294E2); }
background-image: linear-gradient(to bottom, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }

View File

@ -2099,10 +2099,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95));
min-width: 11px;
min-height: 11px;
margin: -4px;
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
background-image: linear-gradient(to bottom, #5294E2); }
background-image: linear-gradient(to bottom, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }

View File

@ -2100,10 +2100,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
background-image: linear-gradient(to bottom, #353945);
min-width: 11px;
min-height: 11px;
margin: -4px;
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
background-image: linear-gradient(to bottom, #5294E2); }
background-image: linear-gradient(to bottom, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }

View File

@ -2099,10 +2099,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
background-image: linear-gradient(to bottom, #353945);
min-width: 11px;
min-height: 11px;
margin: -4px;
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
background-image: linear-gradient(to bottom, #5294E2); }
background-image: linear-gradient(to bottom, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }

View File

@ -2103,10 +2103,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
background-image: linear-gradient(to bottom, #353945);
min-width: 11px;
min-height: 11px;
margin: -4px;
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
background-image: linear-gradient(to bottom, #5294E2); }
background-image: linear-gradient(to bottom, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }

View File

@ -2103,10 +2103,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95));
min-width: 11px;
min-height: 11px;
margin: -4px;
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
background-image: linear-gradient(to bottom, #5294E2); }
background-image: linear-gradient(to bottom, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }

View File

@ -2124,10 +2124,18 @@ scale {
}
//OSD sliders
.osd & {
background-image: linear-gradient(to bottom, $osd_bg_color);
min-width: 11px;
min-height: 11px;
margin: -4px;
background-image: linear-gradient(to bottom, $selected_bg_color);
border-color: $selected_bg_color;
&:hover { background-image: linear-gradient(to bottom, $selected_bg_color); }
&:hover {
background-image: linear-gradient(to bottom, lighten($selected_bg_color, 10%));
border-color: lighten($selected_bg_color, 10%)
;
}
&:active {
background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%));
border-color: darken($selected_bg_color, 10%);