body {
- background-color: black;
- color: #eeeeee;
+ background-color: white;
+ color: black;
font-family: 'Encode Sans Semi Condensed', Arial, Helvetica, Verdana, sans-serif;
display: block;
- margin: 8px;
+ text-align: center;
+ line-height: 2em;
+ margin: 2em;
}
a, a:link a:active {
a:hover {
text-decoration: none;
- color: #909090;
+ color: #ff0000;
}
-#footer {
- text-align: center;
+form {
+ width: 680px;
+ margin: 0px auto;
+ line-height: 2.5em;
+}
+
+form#login {
+ width: 680px;
+}
+
+form#search {
+ width: 620px;
+}
+
+form#register {
+ width: 720px;
+}
+
+form#fpassword {
+ width: 720px;
+}
+
+form#booking {
+ width: 250px;
+}
+
+form#reservations {
+ width: 130px;
+}
+
+label, input, select {
+ /* in order to define widths */
+ display: inline-block;
+}
+
+label {
+ width: 30%;
+ /* positions the label text beside the input */
+ text-align: right;
+}
+
+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 {
+ float: right;
+}
+
+table {
+ margin: 0px auto;
+ width: 100%;
+ vertical-align: middle;
+}
+
+table#taccount {
+ width: 30%;
+}
+
+table#home {
+ font-size: 3em;
+ line-height: 2.5em;
+}
+
+table#search {
+ border: none;
+}
+
+table#search tr:nth-child(even) {
+ background-color: #bfbfbf;
+}
+
+table#search tr:nth-child(odd) {
+ 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 {
- font-size: 44px;
+ font-size: 4em;
+ text-align: center;
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+
+#account {
+ text-align: right;
+ line-height: 1.2em;
+}
+
+#menu {
+ font-size: 2em;
+ text-align: center;
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+
+#footer {
text-align: center;
+ margin-top: 1em;
+ margin-bottom: 1em;
}