Last change
on this file since 29721 was 29721, checked in by bmt11, 9 years ago |
Tooltip is now polished and finished
|
File size:
1.2 KB
|
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 | }
|
---|
45 |
|
---|
46 | .tt{
|
---|
47 | margin-top: 29px;
|
---|
48 | width: calc(782px/11);
|
---|
49 | height: calc(405px/11);
|
---|
50 | margin-left: -10px;
|
---|
51 | position: absolute;
|
---|
52 | background: url('../images/tooltip.png') no-repeat center;
|
---|
53 | background-size: cover;
|
---|
54 | }
|
---|
55 |
|
---|
56 | .text{
|
---|
57 | color: #3385FF;
|
---|
58 | width: 100%;
|
---|
59 | height: 100%;
|
---|
60 | text-align: center;
|
---|
61 | position: absolute;
|
---|
62 | margin-top: 5px;
|
---|
63 | font-size: 22px;
|
---|
64 | font-family: "Calibri", Serif;
|
---|
65 |
|
---|
66 | }
|
---|
Note:
See
TracBrowser
for help on using the repository browser.