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 | ||
77c2d82c JB |
44 | form#fpassword { |
45 | width: 720px; | |
46 | } | |
47 | ||
33eb6f2a JB |
48 | form#booking { |
49 | width: 250px; | |
50 | } | |
51 | ||
a2f7a729 JB |
52 | form#reservations { |
53 | width: 130px; | |
54 | } | |
55 | ||
56 | label, input, select { | |
a96fefe1 JB |
57 | /* in order to define widths */ |
58 | display: inline-block; | |
59 | } | |
60 | ||
61 | label { | |
62 | width: 30%; | |
63 | /* positions the label text beside the input */ | |
64 | text-align: right; | |
65 | } | |
66 | ||
22f1dc64 | 67 | label+input { |
a96fefe1 JB |
68 | width: 30%; |
69 | /* large margin-right to force the next element to the new-line | |
70 | and margin-left to create a gutter between the label and input */ | |
71 | margin: 0 30% 0 4%; | |
72 | } | |
73 | ||
22f1dc64 | 74 | label+select { |
a2f7a729 JB |
75 | width: 30%; |
76 | /* large margin-right to force the next element to the new-line | |
77 | and margin-left to create a gutter between the label and select */ | |
78 | margin: 0 30% 0 4%; | |
79 | } | |
80 | ||
a96fefe1 JB |
81 | /* only the submit button is matched by this selector, |
82 | but to be sure you could use an id or class for that button */ | |
22f1dc64 | 83 | input+input { |
a96fefe1 JB |
84 | float: right; |
85 | } | |
86 | ||
87 | table { | |
88 | margin: 0px auto; | |
89 | width: 100%; | |
22f1dc64 JB |
90 | vertical-align: middle; |
91 | } | |
92 | ||
77c2d82c JB |
93 | table#taccount { |
94 | width: 30%; | |
a96fefe1 JB |
95 | } |
96 | ||
97 | table#home { | |
98 | font-size: 3em; | |
01135b89 | 99 | line-height: 2.5em; |
a96fefe1 JB |
100 | } |
101 | ||
33eb6f2a JB |
102 | table#search { |
103 | border: none; | |
104 | } | |
105 | ||
106 | table#search tr:nth-child(even) { | |
107 | background-color: #675b5b; | |
a96fefe1 JB |
108 | } |
109 | ||
33eb6f2a JB |
110 | table#search tr:nth-child(odd) { |
111 | background-color: #474343; | |
fb6aedc2 JB |
112 | } |
113 | ||
a2f7a729 JB |
114 | table#reservations { |
115 | border: none; | |
116 | } | |
117 | ||
118 | table#reservations tr:nth-child(even) { | |
119 | background-color: #675b5b; | |
120 | } | |
121 | ||
122 | table#reservations tr:nth-child(odd) { | |
123 | background-color: #474343; | |
124 | } | |
125 | ||
fb6aedc2 | 126 | #header { |
a96fefe1 JB |
127 | font-size: 4em; |
128 | text-align: center; | |
129 | margin-top: 1em; | |
130 | margin-bottom: 1em; | |
131 | } | |
132 | ||
133 | #account { | |
134 | text-align: right; | |
135 | line-height: 1.2em; | |
136 | } | |
137 | ||
138 | #menu { | |
139 | font-size: 2em; | |
140 | text-align: center; | |
141 | margin-top: 1em; | |
142 | margin-bottom: 1em; | |
143 | } | |
144 | ||
145 | #footer { | |
fb6aedc2 | 146 | text-align: center; |
a96fefe1 JB |
147 | margin-top: 1em; |
148 | margin-bottom: 1em; | |
fb6aedc2 | 149 | } |