Fixing attempt for timer position

[westcastle.git] / css / index.css

diff --git a/css/index.css b/css/index.css
index 9604004..341c7b8 100644 (file)
--- a/css/index.css
+++ b/css/index.css
@@ -4,9 +4,8 @@
 
 body {
        font-family: Ubuntu, Verdana, sans-serif;
-       margin: 0;
-       width: 800px;
        margin: 0 auto;
+       width: 800px;
        font-size: 1.1rem;
 }
 
@@ -39,6 +38,18 @@ body {
     color: #f1f1f1;
 }
 
+img.logo {
+       width: 200px;
+       position: fixed;
+       display: block;
+       left: 0;
+       overflow-x: hidden;
+       padding: 20px 0 0 0;
+       margin: 0;
+       top: 350px;
+       z-index: 10;
+}
+
 .main {
        margin-left: 200px; /* Same as the width of the sidenav */
        padding: 0px 10px;
@@ -79,14 +90,14 @@ table th {
 }
 /* All children except first: margin: 30px */
 .button-container-horizontal .btn:not(:first-child) {
-       margin-right: 30px;
+       margin-left: 30px;
 }
 .button-container-vertical .btn {
        display: block;
        margin-left: 30px;
 }
 .button-container-vertical .btn:not(:first-child) {
-       margin-top: 15px;
+       margin-top: 30px;
 }
 
 button.validate {
@@ -258,3 +269,27 @@ td.score {
 #scoreInput table th {
        padding-bottom: 10px;
 }
+
+/* Timer (dimensions given in javascript) */
+
+#timer {
+       position: absolute;
+       z-index: 100;
+       left: 0;
+       top: 0;
+       background-color: white;
+       cursor: pointer;
+       text-align: center;
+}
+
+.timeout {
+       color: red;
+}
+
+img.close-cross {
+       display: block;
+       position: absolute;
+       top: 0;
+       right: 0;
+       width: 30px;
+}