127 lines
2.8 KiB
CSS
127 lines
2.8 KiB
CSS
.header {
|
|
background-color: #ddd;
|
|
text-align: center;
|
|
}
|
|
|
|
html,body {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0 0 0 0;
|
|
font-family: Arial, "MS Trebuchet", sans-serif;
|
|
}
|
|
|
|
#credits {
|
|
position: absolute;
|
|
bottom: 0.2em;
|
|
right: 0.2em;
|
|
z-index: 20000;
|
|
color: white;
|
|
background-color: #000;
|
|
opacity: 0.5;
|
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#credits a {
|
|
color: white;
|
|
text-decoration: none;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
#search {
|
|
z-index: 20000;
|
|
position: absolute;
|
|
top: 0.5em;
|
|
left: 0.5em;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
#listContainer {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#nameFieldContainer,.gwt-TextBox {
|
|
width: 250px;
|
|
}
|
|
|
|
/* Turn on a 16x16 scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 0px;
|
|
}
|
|
|
|
/* Turn on single button up on top, and down on bottom */
|
|
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
/* Turn off the down area up on top, and up area on bottom */
|
|
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* Place The scroll down button at the bottom */
|
|
::-webkit-scrollbar-button:end:increment {
|
|
/*background-image: url(images/scroll_cntrl_dwn.png);*/
|
|
|
|
}
|
|
|
|
/* Place The scroll up button at the up */
|
|
::-webkit-scrollbar-button:start:decrement {
|
|
/*background-image: url(images/scroll_cntrl_up.png);*/
|
|
|
|
}
|
|
|
|
/* Top area above thumb and below up button */
|
|
::-webkit-scrollbar-track-piece:vertical:start {
|
|
/*background-image: url(images/scroll_gutter_top.png), url(images/scroll_gutter_mid.png);
|
|
background-repeat: no-repeat, repeat-y;*/
|
|
|
|
}
|
|
|
|
/* Bottom area below thumb and down button */
|
|
::-webkit-scrollbar-track-piece:vertical:end {
|
|
/*background-image: url(images/scroll_gutter_btm.png), url(images/scroll_gutter_mid.png);
|
|
background-repeat: no-repeat, repeat-y;
|
|
background-position: bottom left, 0 0;*/
|
|
|
|
}
|
|
|
|
/* The thumb itself */
|
|
::-webkit-scrollbar-thumb:vertical {
|
|
height: 56px;
|
|
width: 12px;
|
|
/* -webkit-border-image: url(images/scroll_thumb.png) 8 0 8 0 stretch stretch;*/
|
|
background-color: #DDDDDD;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#building-solution{
|
|
z-index: 20001;
|
|
position: absolute;
|
|
top: 40px;
|
|
left: 0px;
|
|
}
|
|
#camera-roll{
|
|
z-index: 20001;
|
|
position: absolute;
|
|
top: 220px;
|
|
left: 0px;
|
|
}
|
|
input[type=range][orient=vertical]{
|
|
writing-mode: bt-lr; /* IE */
|
|
-webkit-appearance: slider-vertical; /* WebKit */
|
|
width: 8px;
|
|
height: 175px;
|
|
padding: 0 5px;
|
|
}
|