Commit | Line | Data |
---|---|---|
fb6aedc2 JB |
1 | body { |
2 | background-color: black; | |
3 | color: #eeeeee; | |
4 | font-family: 'Encode Sans Semi Condensed', Arial, Helvetica, Verdana, sans-serif; | |
5 | display: block; | |
a96fefe1 JB |
6 | text-align: center; |
7 | line-height: 2em; | |
8 | margin: 2em; | |
fb6aedc2 JB |
9 | } |
10 | ||
65fc0194 JB |
11 | a, a:link a:active { |
12 | text-decoration: none; | |
13 | color: #B11508; | |
14 | } | |
15 | ||
16 | a:visited { | |
17 | text-decoration: none; | |
18 | color: #B11508; | |
19 | } | |
20 | ||
21 | a:hover { | |
22 | text-decoration: none; | |
23 | color: #909090; | |
24 | } | |
25 | ||
a96fefe1 JB |
26 | form { |
27 | width: 680px; | |
28 | margin: 0px auto; | |
29 | line-height: 2.5em; | |
30 | } | |
31 | ||
32 | form#login { | |
33 | width: 680px; | |
34 | } | |
35 | ||
36 | form#search { | |
37 | width: 620px; | |
38 | } | |
39 | ||
40 | form#register { | |
41 | width: 720px; | |
42 | } | |
43 | ||
33eb6f2a JB |
44 | form#booking { |
45 | width: 250px; | |
46 | } | |
47 | ||
a2f7a729 JB |
48 | form#reservations { |
49 | width: 130px; | |
50 | } | |
51 | ||
52 | label, input, select { | |
a96fefe1 JB |
53 | /* in order to define widths */ |
54 | display: inline-block; | |
55 | } | |
56 | ||
57 | label { | |
58 | width: 30%; | |
59 | /* positions the label text beside the input */ | |
60 | text-align: right; | |
61 | } | |
62 | ||
22f1dc64 | 63 | label+input { |
a96fefe1 JB |
64 | width: 30%; |
65 | /* large margin-right to force the next element to the new-line | |
66 | and margin-left to create a gutter between the label and input */ | |
67 | margin: 0 30% 0 4%; | |
68 | } | |
69 | ||
22f1dc64 | 70 | label+select { |
a2f7a729 JB |
71 | width: 30%; |
72 | /* large margin-right to force the next element to the new-line | |
73 | and margin-left to create a gutter between the label and select */ | |
74 | margin: 0 30% 0 4%; | |
75 | } | |
76 | ||
a96fefe1 JB |
77 | /* only the submit button is matched by this selector, |
78 | but to be sure you could use an id or class for that button */ | |
22f1dc64 | 79 | input+input { |
a96fefe1 JB |
80 | float: right; |
81 | } | |
82 | ||
83 | table { | |
84 | margin: 0px auto; | |
85 | width: 100%; | |
22f1dc64 JB |
86 | vertical-align: middle; |
87 | } | |
88 | ||
89 | table#account { | |
90 | width: 40%; | |
a96fefe1 JB |
91 | } |
92 | ||
93 | table#home { | |
94 | font-size: 3em; | |
01135b89 | 95 | line-height: 2.5em; |
a96fefe1 JB |
96 | } |
97 | ||
33eb6f2a JB |
98 | table#search { |
99 | border: none; | |
100 | } | |
101 | ||
102 | table#search tr:nth-child(even) { | |
103 | background-color: #675b5b; | |
a96fefe1 JB |
104 | } |
105 | ||
33eb6f2a JB |
106 | table#search tr:nth-child(odd) { |
107 | background-color: #474343; | |
fb6aedc2 JB |
108 | } |
109 | ||
a2f7a729 JB |
110 | table#reservations { |
111 | border: none; | |
112 | } | |
113 | ||
114 | table#reservations tr:nth-child(even) { | |
115 | background-color: #675b5b; | |
116 | } | |
117 | ||
118 | table#reservations tr:nth-child(odd) { | |
119 | background-color: #474343; | |
120 | } | |
121 | ||
fb6aedc2 | 122 | #header { |
a96fefe1 JB |
123 | font-size: 4em; |
124 | text-align: center; | |
125 | margin-top: 1em; | |
126 | margin-bottom: 1em; | |
127 | } | |
128 | ||
129 | #account { | |
130 | text-align: right; | |
131 | line-height: 1.2em; | |
132 | } | |
133 | ||
134 | #menu { | |
135 | font-size: 2em; | |
136 | text-align: center; | |
137 | margin-top: 1em; | |
138 | margin-bottom: 1em; | |
139 | } | |
140 | ||
141 | #footer { | |
fb6aedc2 | 142 | text-align: center; |
a96fefe1 JB |
143 | margin-top: 1em; |
144 | margin-bottom: 1em; | |
fb6aedc2 | 145 | } |