mirrors/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-05-25 20:44:53 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix sidebar styles across browsers.

Browse source
This commit is contained in:
Lars Jung 2014-06-20 18:22:08 +02:00
parent 1ffa6f793a
commit 30acf50ebe
1 changed files with 20 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/_h5ai/client/css/inc/sidebar.less
View file

@ -74,11 +74,14 @@
} }
input, select { input, select {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
font-family: @font-family; font-family: @font-family;
font-size: 13px; font-size: 13px;
font-weight: @font-weight; font-weight: @font-weight;
color: @col; color: @col;
background-color: @col-widget-back; background: @col-widget-back;
width: 100%; width: 100%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
@ -88,10 +91,16 @@
} }
select { select {
background: transparent;
-webkit-appearance: none;
padding: 0 4px;
width: 224px; width: 224px;
padding: 0 4px;
}
input[type='range'] {
border-radius: 2px;
width: 64px;
margin: 0 0 4px 12px;
padding: 0 2px;
vertical-align: middle;
} }
.range-track() { .range-track() {
@ -100,33 +109,28 @@
-webkit-appearance: none; -webkit-appearance: none;
border-width: 0; border-width: 0;
border-radius: 2px; border-radius: 2px;
background-color: @col-range-back; background: @col-range-back;
height: 12px; height: 2px;
vertical-align: middle;
width: 64px;
margin: 0 0 4px 12px;
padding: 0;
} }
.range-thumb() { .range-thumb() {
-moz-appearance: none; -moz-appearance: none;
-ms-appearance: none; -ms-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
border: 1px solid @col-range-thumb; border-width: 0;
border-radius: 2px; border-radius: 2px;
background-color: @col-range-thumb; background: @col-range-thumb;
height: 12px;
width: 12px; width: 12px;
vertical-align: middle; height: 12px;
} }
input[type='range'] { .range-track; } input[type='range']::-webkit-slider-runnable-track { .range-track; }
input[type='range']::-moz-range-track { .range-track; } input[type='range']::-moz-range-track { .range-track; }
input[type='range']::-ms-track { .range-track; } input[type='range']::-ms-track { .range-track; }
input[type='range']::-ms-fill-lower { .range-track; } input[type='range']::-ms-fill-lower { .range-track; }
input[type='range']::-ms-fill-upper { .range-track; } input[type='range']::-ms-fill-upper { .range-track; }
input[type='range']::-webkit-slider-thumb { .range-thumb; } input[type='range']::-webkit-slider-thumb { .range-thumb; margin-top: -5px; }
input[type='range']::-moz-range-thumb { .range-thumb; } input[type='range']::-moz-range-thumb { .range-thumb; }
input[type='range']::-ms-thumb { .range-thumb; } input[type='range']::-ms-thumb { .range-thumb; }
} }