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

20
gui.css
View File

@ -1,14 +1,17 @@
#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;
opacity: 0.95;
top: 0; top: 0;
left: 100%; left: 100%;
margin-left: -320px; margin-left: -270px;
-moz-transition: margin-top .2s ease-out; -moz-transition: margin-top .2s ease-out;
-webkit-transition: margin-top .2s ease-out; -webkit-transition: margin-top .2s ease-out;
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 {
@ -17,7 +20,16 @@ overflow-y: scroll;
} }
#guidat-toggle { #guidat-toggle {
text-decoration: none;
cursor: pointer;
font-weight: bold;
color: #fff;
background-color: #222;
text-align: center; text-align: center;
display: block; display: block;
padding: 5px; 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() {