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-right: 30px;
+}
+.button-container-vertical .btn {
+ display: block;
+ margin-left: 30px;
+}
+.button-container-vertical .btn:not(:first-child) {
+ margin-top: 15px;
+}
+
+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 {
text-align: center;
}
-#active, #inactive {
- float: left;
- width: 50%;
-}
-
#inactive table {
opacity: 0.6;
}
#ranking {
margin-bottom: 15px;
+ overflow: auto;
}
table.ranking {
width: 500px;
margin: 0 auto;
font-size: 1.1rem;
+ display: block;
+ float: left;
}
table.ranking td
/* pairings div */
-button.block {
- display: block;
- margin: 30px auto;
+.warning {
+ color: red;
+ margin-top: 25px;
}
-.button-container {
- margin-top: 30px;
- text-align: center;
+span.link {
+ color: darkblue;
+ cursor: pointer;
}
-button.cancel {
- margin-left: 30px;
- background-image: linear-gradient(to bottom, #d93470, #b82b47);
-}
-button.cancel:hover {
- background-image: linear-gradient(to bottom, #fc433c, #d93434);
+button.block {
+ display: block;
+ margin: 25px auto;
}
.toto {
.unpaired {
cursor: default;
}
-.scored {
- cursor: default;
-}
.pairing > table {
font-size: 1.1rem;