60 lines
815 B
CSS
60 lines
815 B
CSS
body {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.control {
|
|
color: #fff;
|
|
background-color: #111;
|
|
margin: 5px;
|
|
padding: 8px;
|
|
opacity: .9;
|
|
position: fixed !important;
|
|
}
|
|
|
|
.control.floating {
|
|
border: 2px solid #444;
|
|
border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
box-shadow: 0 0 4px #000;
|
|
-webkit-box-shadow: 0 0 4px #000;
|
|
-moz-box-shadow: 0 0 4px #000;
|
|
}
|
|
|
|
.control.navigate {
|
|
top: 0;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
width: 128px;
|
|
background: center no-repeat;
|
|
opacity: 0;
|
|
}
|
|
|
|
.control.navigate:hover {
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
|
|
.control.navigate.left {
|
|
left: 0;
|
|
background-image: url(img/left.png);
|
|
}
|
|
|
|
.control.navigate.right {
|
|
right: 0;
|
|
background-image: url(img/right.png);
|
|
}
|
|
|
|
.ui-draggable {
|
|
cursor: move;
|
|
}
|
|
|
|
#color {
|
|
width: 200px;
|
|
height: 150px;
|
|
}
|
|
|
|
#status {
|
|
top: 0;
|
|
right: 0;
|
|
}
|