width: 250px;
}
-label, input {
+form#reservations {
+ width: 130px;
+}
+
+label, input, select {
/* in order to define widths */
display: inline-block;
}
margin: 0 30% 0 4%;
}
+label + select {
+ width: 30%;
+ /* large margin-right to force the next element to the new-line
+ and margin-left to create a gutter between the label and select */
+ margin: 0 30% 0 4%;
+}
+
/* only the submit button is matched by this selector,
but to be sure you could use an id or class for that button */
input + input {
background-color: #474343;
}
+table#reservations {
+ border: none;
+}
+
+table#reservations tr:nth-child(even) {
+ background-color: #675b5b;
+}
+
+table#reservations tr:nth-child(odd) {
+ background-color: #474343;
+}
+
#header {
font-size: 4em;
text-align: center;