/* General */ body { font-family: Georgia, serif; color: #999; background: #333; 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; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99999; } .modalDialog > div { text-align: center; width: 300px; position: relative; margin: 40px auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; } /* App */ #app { position: absolute; width: 1000px; height: 600px; left:0; right:0; margin-left:auto; margin-right:auto; } /* BALLS */ #ballscreen { position: absolute; background-color: rgba(0.0, 0.0, 0.0, 0.0); left: 0; right: 0; top: 0; bottom: 0; } .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; left: 0; right: 0; top: 0; bottom: 0; } #svgscreen line.guitar { stroke: rgb(255,127,0); stroke-width: 2; } #svgscreen line.solid { stroke: rgb(0,127,255); stroke-width: 2; }