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 { #guidat {
position: absolute; font: 12px Helvetica, Arial, 'sans-serif';
border: 1px solid red; position: fixed;
width: 300px; width: 250px;
z-index: 200; z-index: 200;
top: 0; opacity: 0.95;
left: 100%; top: 0;
margin-left: -320px; left: 100%;
-moz-transition: margin-top .2s ease-out; margin-left: -270px;
-webkit-transition: margin-top .2s ease-out; -moz-transition: margin-top .2s ease-out;
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 { #guidat-controllers {
height: 300px; height: 300px;
overflow-y: scroll; overflow-y: scroll;
} }
#guidat-toggle { #guidat-toggle {
text-align: center; text-decoration: none;
display: block; cursor: pointer;
padding: 5px; 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; var open = false;
// TODO: obtain this dynamically? // TODO: obtain this dynamically?
var domElementMarginTop = 301; var domElementMarginTop = 300;
this.start = function() { this.start = function() {