mirror_html/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-03-24 14:30:03 +01:00
Code Issues Projects Releases Wiki Activity

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
Show Stats 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 {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
font-family: @font-family;
font-size: 13px;
font-weight: @font-weight;
color: @col;
background-color: @col-widget-back;
background: @col-widget-back;
width: 100%;
height: 30px;
line-height: 30px;
@ -88,10 +91,16 @@
}
select {
background: transparent;
-webkit-appearance: none;
padding: 0 4px;
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() {
@ -100,33 +109,28 @@
-webkit-appearance: none;
border-width: 0;
border-radius: 2px;
background-color: @col-range-back;
height: 12px;
vertical-align: middle;
width: 64px;
margin: 0 0 4px 12px;
padding: 0;
background: @col-range-back;
height: 2px;
}
.range-thumb() {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
border: 1px solid @col-range-thumb;
border-width: 0;
border-radius: 2px;
background-color: @col-range-thumb;
height: 12px;
background: @col-range-thumb;
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']::-ms-track { .range-track; }
input[type='range']::-ms-fill-lower { .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']::-ms-thumb { .range-thumb; }
}