Initial UI classes, with working partial rendering

The slider handle and stars render correctly. Not yet wired up to real
events.
This commit is contained in:
s1341 2013-11-24 20:14:21 +02:00
parent 95310dafd4
commit e6a426de4a
4 changed files with 198 additions and 44 deletions

View file

@ -1,3 +1,29 @@
/*
* slider handles (SliderHandle)
*/
#timeslider .slider-handle {
position: absolute;
}
#timeslider .star {
background-image: url(../../static/img/star.png);
cursor: pointer;
height: 16px;
top: 40px;
width: 15px;
}
#timeslider .handle {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-image: url(../../static/img/crushed_current_location.png);
cursor: pointer;
height: 61px;
left: 0;
top: 0;
width: 13px;
}
#editorcontainerbox {
overflow: auto;
top: 40px;
@ -46,18 +72,7 @@
top: 1px;
width: 100%;
}
#ui-slider-handle {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-image: url(../../static/img/crushed_current_location.png);
cursor: pointer;
height: 61px;
left: 0;
position: absolute;
top: 0;
width: 13px;
}
#ui-slider-bar {
-webkit-user-select: none;
-moz-user-select: none;
@ -121,14 +136,6 @@
top: 20px;
width: 30px;
}
#timeslider .star {
background-image: url(../../static/img/star.png);
cursor: pointer;
height: 16px;
position: absolute;
top: 40px;
width: 15px;
}
#timeslider #timer {
color: #fff;
font-family: Arial, sans-serif;