body { background-color: #999999; color: #000000; margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 12pt; line-height: 1.5em; } * { margin: 0; } button { cursor: pointer; color: #000000; background-color: #999999; border: 1px solid #4a4a4a; min-width: 150px; border-radius: 10px; -ms-transform: translate(15%, -8%); transform: translate(15%, -8%); font-size: .90em; font-weight: bolder; padding: 0px 0px 3px 0px; margin-top: 5px; } button:focus { outline: none; } button:hover { background-color: #24414e } button:active { background-color: #24414e; transform: translate(14.85%, -7%); } .SidenavClosed { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #bbbbbb; box-shadow: 1px 0px #00000040; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .SidenavOpen { height: 100%; width: 200px !important; position: fixed; z-index: 1; top: 0; left: 0; background-color: #bbbbbb; box-shadow: 1px 0px #00000040; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } #Sidenav label { margin-left: 3%; position: absolute; font-size: .9em; } #Sidenav input { padding: 3px; border: 1px inset #999999; outline: none; float: right; margin-right: 3%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; max-width: 110px; } #Sidenav .closebtn { position: absolute; top: 10px; right: 10px; font-size: 25px; margin-left: 50px; cursor: pointer; color: #000000; } canvas { border: 1px solid #000000; } #login { background: #bbbbbb; z-index: 1; padding-top: 2px; border-bottom: 2px solid #00000040; } #login p { margin-left: 27%; display: inline; font-size: large; } #spice-area { height: 100%; width: 100%; margin-left: auto; margin-right: auto; } .spice-screen { min-height: 600px; height: 100%; text-align: center; padding: 0; background-color: #999999; } .spice-message { width: 90%; height: 40%; overflow: auto; margin-left: auto; margin-right: auto; padding: 10px; font-size: 8pt; line-height: 1.1em; font-family: 'Andale Mono', monospace; background-color: #fAfAfA; border: 1px inset #999999; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .spice-message p { margin-bottom: 0em; margin-top: 0em; } .spice-message-warning { color: orange; } .spice-message-error { color: red; }