source: other-projects/nz-flag-design/trunk/render-3d/CSS/slider.css@ 29694

Last change on this file since 29694 was 29694, checked in by bmt11, 9 years ago

Wind Control is now fully implemented and functioning as expected :)

File size: 864 bytes
Line 
1#slider {
2 width: 50vw;
3 height: 50px;
4 position: absolute;
5 margin: 0;
6 margin-top: 15px;
7 left: 25vw;
8 background: url('../images/slider-graphics.png') no-repeat left top;
9 border: none;
10 outline: 0;
11 z-index: 0;
12}
13
14#speed {
15 position: absolute;
16 left: 24px;
17 margin: 0 auto;
18 height: 15px;
19 width: 300px;
20 background: url('../images/speed-empty.png') no-repeat left top;
21 border: none;
22 outline: 0;
23}
24
25#speed .ui-slider-range-min {
26 height: 15px;
27 position: absolute;
28 background: url('../images/speed-full.png') no-repeat left top;
29 opacity: 0.7;
30 border: none;
31 outline: 0;
32}
33
34#speed .ui-slider-handle{
35 width: 50px;
36 height: 39px;
37 background: url('../images/wind-symbol.png') no-repeat center;
38 background-size: cover;
39 position: absolute;
40 margin-left: -15px;
41 margin-top: -8px;
42 border: none;
43 outline: 0;
44}
Note: See TracBrowser for help on using the repository browser.