X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=css%2Findex.css;h=341c7b8abb33a6caf365b25790d5d6afbd6e7044;hb=8d4d23009371e7ca83e0793185f0ae8485190007;hp=015c6f8b8a0925886f276e2bc8b6ce78759aff3e;hpb=7a00c4090c05f7c5f9d9b1b49bcf749b90f95c06;p=westcastle.git

diff --git a/css/index.css b/css/index.css
index 015c6f8..341c7b8 100644
--- 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;
@@ -65,10 +76,48 @@ table th {
 	font-weight: bold;
 }
 
+.left, .right {
+	float: left;
+	width: 50%;
+}
+
+.button-container-horizontal, .button-container-vertical {
+	margin-top: 30px;
+	text-align: center;
+}
+.button-container-vertical {
+	float: left;
+}
+/* All children except first: margin: 30px */
+.button-container-horizontal .btn:not(:first-child) {
+	margin-left: 30px;
+}
+.button-container-vertical .btn {
+	display: block;
+	margin-left: 30px;
+}
+.button-container-vertical .btn:not(:first-child) {
+	margin-top: 30px;
+}
+
+button.validate {
+	background-image: linear-gradient(to bottom, #6fa162, #40992e);
+}
+button.validate:hover {
+	background-image: linear-gradient(to bottom, #37cc4e, #40c24f);
+}
+button.cancel {
+	background-image: linear-gradient(to bottom, #d93470, #b82b47);
+}
+button.cancel:hover {
+	background-image: linear-gradient(to bottom, #fc433c, #d93434);
+}
+
 /* players div */
 
 #players {
 	overflow: auto;
+	margin-bottom: 15px;
 }
 
 #players p {
@@ -76,11 +125,6 @@ table th {
 	text-align: center;
 }
 
-#active, #inactive {
-	float: left;
-	width: 50%;
-}
-
 #inactive table {
 	opacity: 0.6;
 }
@@ -116,11 +160,18 @@ table.list tr:not(.title):hover, table.ranking tr:not(.title):nth-child(even):ho
 
 /* ranking div */
 
+#ranking {
+	margin-bottom: 15px;
+	overflow: auto;
+}
+
 table.ranking {
 	border-collapse: collapse;
 	width: 500px;
 	margin: 0 auto;
 	font-size: 1.1rem;
+	display: block;
+	float: left;
 }
 
 table.ranking td
@@ -143,32 +194,25 @@ table.ranking tr:not(.title):hover, table.ranking tr:not(.title):nth-child(even)
 	background-color: lightyellow;
 }
 
-table.ranking th.scoring {
-	cursor: pointer;
-}
+/* pairings div */
 
-.active {
-	background-color: yellow;
+.warning {
+	color: red;
+	margin-top: 25px;
 }
 
-/* pairings div */
+span.link {
+	color: darkblue;
+	cursor: pointer;
+}
 
 button.block {
 	display: block;
-	margin: 30px auto;
-}
-
-.button-container {
-	margin-top: 30px;
-	text-align: center;
+	margin: 25px auto;
 }
 
-button.cancel {
-	margin-left: 30px;
-	background-image: linear-gradient(to bottom, #d93470, #b82b47);
-}
-button.cancel:hover {
-	background-image: linear-gradient(to bottom, #fc433c, #d93434);
+.toto {
+	color: darkgrey;
 }
 
 .scored {
@@ -193,9 +237,6 @@ td.score {
 .unpaired {
 	cursor: default;
 }
-.scored {
-	cursor: default;
-}
 
 .pairing > table {
 	font-size: 1.1rem;
@@ -228,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;
+}