diff --git a/index.css b/index.css index daaf016..f53a9d2 100644 --- a/index.css +++ b/index.css @@ -1,3 +1,4 @@ +/* General */ body { color: #888; background: #000; @@ -14,6 +15,34 @@ a { 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); @@ -34,6 +63,8 @@ a { border-radius: 5px; background-color: #f00; } + +/* LINES */ #svgscreen { position: absolute; width: 1000px; diff --git a/index.html b/index.html index 2683e8b..d8a299c 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ + @@ -16,22 +17,27 @@ -
+
+
- Name:
- + Name:
+
+
+
- - - +
+ + + -
+
-
- (provide your name) - Change line kind (to guitar) +
+ (provide your name) + Change line kind (to guitar) +