@import '../vendor/Ubuntu_googlefont.css';
-html, body {
- height: 100%;
-}
-
body {
font-family: Ubuntu, Verdana, sans-serif;
margin: 0 auto;
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;
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;
}
}
.button-container-horizontal, .button-container-vertical {
- margin-top: 30px;
+ margin: 15px 0;
text-align: center;
}
.button-container-vertical {
}
/* 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 {
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 {
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 {
cursor: pointer;
}
-button.block {
- display: block;
- margin: 25px auto;
-}
-
.toto {
color: darkgrey;
}
padding-bottom: 10px;
}
-/* Timer */
+/* Timer (dimensions given in javascript) */
#timer {
position: absolute;
z-index: 100;
left: 0;
top: 0;
- min-height: 100%;
- width: 100%;
- font-size: 500px;
background-color: white;
cursor: pointer;
- line-height: 100%;
- font-family: monospace;
+ text-align: center;
}
.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 {
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;
+}