Small changes to gui.css

This commit is contained in:
George Michael Brower 2011-01-23 17:21:36 -07:00
parent 50543e3530
commit 1eef439650
2 changed files with 28 additions and 16 deletions

42
gui.css
View File

@ -1,23 +1,35 @@
#guidat {
position: absolute;
border: 1px solid red;
width: 300px;
z-index: 200;
top: 0;
left: 100%;
margin-left: -320px;
-moz-transition: margin-top .2s ease-out;
-webkit-transition: margin-top .2s ease-out;
transition: margin-top .2s ease-out;
font: 12px Helvetica, Arial, 'sans-serif';
position: fixed;
width: 250px;
z-index: 200;
opacity: 0.95;
top: 0;
left: 100%;
margin-left: -270px;
-moz-transition: margin-top .2s ease-out;
-webkit-transition: margin-top .2s ease-out;
transition: margin-top .2s ease-out;
background-color: #fff;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
#guidat-controllers {
height: 300px;
overflow-y: scroll;
height: 300px;
overflow-y: scroll;
}
#guidat-toggle {
text-align: center;
display: block;
padding: 5px;
text-decoration: none;
cursor: pointer;
font-weight: bold;
color: #fff;
background-color: #222;
text-align: center;
display: block;
padding: 5px;
}
#guidat-toggle:hover {
background-color: #000;
}

2
gui.js
View File

@ -99,7 +99,7 @@ var GUI = new function() {
var open = false;
// TODO: obtain this dynamically?
var domElementMarginTop = 301;
var domElementMarginTop = 300;
this.start = function() {