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 | ||
63 | label + input { | |
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 | ||
a2f7a729 JB |
70 | label + select { |
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 */ | |
79 | input + input { | |
80 | float: right; | |
81 | } | |
82 | ||
83 | table { | |
84 | margin: 0px auto; | |
85 | width: 100%; | |
86 | } | |
87 | ||
88 | table#home { | |
89 | font-size: 3em; | |
01135b89 | 90 | line-height: 2.5em; |
a96fefe1 JB |
91 | } |
92 | ||
33eb6f2a JB |
93 | table#search { |
94 | border: none; | |
95 | } | |
96 | ||
97 | table#search tr:nth-child(even) { | |
98 | background-color: #675b5b; | |
a96fefe1 JB |
99 | } |
100 | ||
33eb6f2a JB |
101 | table#search tr:nth-child(odd) { |
102 | background-color: #474343; | |
fb6aedc2 JB |
103 | } |
104 | ||
a2f7a729 JB |
105 | table#reservations { |
106 | border: none; | |
107 | } | |
108 | ||
109 | table#reservations tr:nth-child(even) { | |
110 | background-color: #675b5b; | |
111 | } | |
112 | ||
113 | table#reservations tr:nth-child(odd) { | |
114 | background-color: #474343; | |
115 | } | |
116 | ||
fb6aedc2 | 117 | #header { |
a96fefe1 JB |
118 | font-size: 4em; |
119 | text-align: center; | |
120 | margin-top: 1em; | |
121 | margin-bottom: 1em; | |
122 | } | |
123 | ||
124 | #account { | |
125 | text-align: right; | |
126 | line-height: 1.2em; | |
127 | } | |
128 | ||
129 | #menu { | |
130 | font-size: 2em; | |
131 | text-align: center; | |
132 | margin-top: 1em; | |
133 | margin-bottom: 1em; | |
134 | } | |
135 | ||
136 | #footer { | |
fb6aedc2 | 137 | text-align: center; |
a96fefe1 JB |
138 | margin-top: 1em; |
139 | margin-bottom: 1em; | |
fb6aedc2 | 140 | } |