X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=css%2Findex.css;h=6f0544d98192237e5c3577463a5085f052572811;hb=aa6ce1d05490701a05974760f1aa073729ec1b56;hp=727e212363a81a1e1c371978c9eabe95b9e54c47;hpb=6d7bb9ad7a5f416a4ca6ff31fa024218ef083e46;p=westcastle.git

diff --git a/css/index.css b/css/index.css
index 727e212..6f0544d 100644
--- a/css/index.css
+++ b/css/index.css
@@ -50,13 +50,21 @@ img.logo {
 	z-index: 10;
 }
 
+.hide {
+	display: none;
+}
+
+.clear {
+	clear: both;
+	overflow: auto;
+}
+
 .main {
 	margin-left: 200px; /* Same as the width of the sidenav */
 	padding: 0px 10px;
 }
 
 .btn {
-  background-color: #3498db;
   background-image: linear-gradient(to bottom, #3498db, #2980b9);
   box-shadow: 0px 2px 3px #666666;
   font-family: Arial;
@@ -64,14 +72,19 @@ img.logo {
   font-size: 20px;
   padding: 10px 20px 10px 20px;
   text-decoration: none;
+	cursor: pointer;
 }
 
 .btn:hover {
-  background-color: #3cb0fd;
   background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
   text-decoration: none;
 }
 
+button.block {
+	display: block;
+	margin: 25px auto;
+}
+
 table th {
 	font-weight: bold;
 }
@@ -82,7 +95,7 @@ table th {
 }
 
 .button-container-horizontal, .button-container-vertical {
-	margin-top: 30px;
+	margin: 15px 0;
 	text-align: center;
 }
 .button-container-vertical {
@@ -113,6 +126,11 @@ button.cancel:hover {
 	background-image: linear-gradient(to bottom, #fc433c, #d93434);
 }
 
+button:disabled, button:disabled:hover {
+	background-image: linear-gradient(to bottom, #aaa, #777);
+	cursor: default;
+}
+
 /* players div */
 
 #players {
@@ -158,42 +176,6 @@ table.list tr:not(.title):hover, table.ranking tr:not(.title):nth-child(even):ho
 	background-color: lightyellow;
 }
 
-/* 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
-{
-	border: 1px solid #ddd;
-	padding: 10px;
-}
-table.ranking th {
-	padding: 1em 10px;
-	text-align: left;
-}
-
-table.ranking tr:not(.title) {
-	background-color: #aaa;
-}
-table.ranking tr:not(.title):nth-child(even){
-	background-color: #ccc;
-}
-table.ranking tr:not(.title):hover, table.ranking tr:not(.title):nth-child(even):hover {
-	background-color: lightyellow;
-}
-
 /* pairings div */
 
 .warning {
@@ -206,11 +188,6 @@ span.link {
 	cursor: pointer;
 }
 
-button.block {
-	display: block;
-	margin: 25px auto;
-}
-
 .toto {
 	color: darkgrey;
 }
@@ -270,24 +247,31 @@ td.score {
 	padding-bottom: 10px;
 }
 
-/* Timer */
+/* Timer (dimensions given in javascript) */
 
 #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;
+	color: darkred;
+}
+
+#timer input {
+	color: darkblue;
+	position: absolute;
+	display: block;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	text-align: center;
 }
 
 img.close-cross {
@@ -297,3 +281,39 @@ img.close-cross {
 	right: 0;
 	width: 30px;
 }
+
+/* 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
+{
+	border: 1px solid #ddd;
+	padding: 10px;
+}
+table.ranking th {
+	padding: 1em 10px;
+	text-align: left;
+}
+
+table.ranking tr:not(.title) {
+	background-color: #aaa;
+}
+table.ranking tr:not(.title):nth-child(even){
+	background-color: #ccc;
+}
+table.ranking tr:not(.title):hover, table.ranking tr:not(.title):nth-child(even):hover {
+	background-color: lightyellow;
+}