|
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.
