body {
font-family: Ubuntu, Verdana, sans-serif;
- margin: 0;
- width: 800px;
margin: 0 auto;
+ width: 800px;
font-size: 1.1rem;
}
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;
}
/* 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 {
#scoreInput table th {
padding-bottom: 10px;
}
+
+/* Timer */
+
+#timer {
+ position: absolute;
+ z-index: 100;
+ left: 0;
+ top: 0;
+ min-height: 100%;
+ width: 100%;
+ background-color: white;
+ cursor: pointer;
+ line-height: 100%;
+ text-align: center;
+ vertical-align: middle;
+}
+
+.timeout {
+ color: red;
+}
+
+img.close-cross {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 30px;
+}