/* General */ body { color: #888; background: #000; font-size: 16pt; margin: 0px; overflow: hidden; height: 100%; } a { color: #fff; text-shadow: 0px 1px 1px #f80; } #text { position: relative; text-align: center; } /* Login */ .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:1; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; } .modalDialog > div { text-align: center; width: 300px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; } /* BALLS */ #ballscreen { position: absolute; background-color: rgba(0.0, 0.0, 0.0, 0.0); width: 1000px; height: 600px; border: 1px solid black; } .ball { -webkit-transition: left 0.1s linear, top 0.1s linear; position: absolute; } .ball .bullet { width: 10px; height: 10px; position: absolute; left: -5px; top: -5px; border-radius: 5px; background-color: #f00; } /* LINES */ #svgscreen { position: absolute; width: 1000px; height: 600px; } #svgscreen line.guitar { stroke: rgb(255,127,0); stroke-width: 2; } #svgscreen line.solid { stroke: rgb(0,127,255); stroke-width: 2; }