body {
- background-color: black;
- color: #eeeeee;
+ background-color: white;
+ color: black;
font-family: 'Encode Sans Semi Condensed', Arial, Helvetica, Verdana, sans-serif;
display: block;
text-align: center;
a:hover {
text-decoration: none;
- color: #909090;
+ color: #ff0000;
}
form {
width: 720px;
}
+form#fpassword {
+ width: 720px;
+}
+
form#booking {
width: 250px;
}
-label, input {
+form#reservations {
+ width: 130px;
+}
+
+label, input, select {
/* in order to define widths */
display: inline-block;
}
text-align: right;
}
-label + input {
+label+input {
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 input */
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 {
+input+input {
float: right;
}
table {
margin: 0px auto;
width: 100%;
+ vertical-align: middle;
+}
+
+table#taccount {
+ width: 30%;
}
table#home {
}
table#search tr:nth-child(even) {
- background-color: #675b5b;
+ background-color: #bfbfbf;
}
table#search tr:nth-child(odd) {
- background-color: #474343;
+ background-color: #dedede;
+}
+
+table#reservations {
+ border: none;
+}
+
+table#reservations tr:nth-child(even) {
+ background-color: #bfbfbf;
+}
+
+table#reservations tr:nth-child(odd) {
+ background-color: #dedede;
}
#header {