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 | ||
a96fefe1 JB |
48 | label, input { |
49 | /* in order to define widths */ | |
50 | display: inline-block; | |
51 | } | |
52 | ||
53 | label { | |
54 | width: 30%; | |
55 | /* positions the label text beside the input */ | |
56 | text-align: right; | |
57 | } | |
58 | ||
59 | label + input { | |
60 | width: 30%; | |
61 | /* large margin-right to force the next element to the new-line | |
62 | and margin-left to create a gutter between the label and input */ | |
63 | margin: 0 30% 0 4%; | |
64 | } | |
65 | ||
66 | /* only the submit button is matched by this selector, | |
67 | but to be sure you could use an id or class for that button */ | |
68 | input + input { | |
69 | float: right; | |
70 | } | |
71 | ||
72 | table { | |
73 | margin: 0px auto; | |
74 | width: 100%; | |
75 | } | |
76 | ||
77 | table#home { | |
78 | font-size: 3em; | |
79 | line-height: 1em; | |
80 | } | |
81 | ||
33eb6f2a JB |
82 | table#search { |
83 | border: none; | |
84 | } | |
85 | ||
86 | table#search tr:nth-child(even) { | |
87 | background-color: #675b5b; | |
a96fefe1 JB |
88 | } |
89 | ||
33eb6f2a JB |
90 | table#search tr:nth-child(odd) { |
91 | background-color: #474343; | |
fb6aedc2 JB |
92 | } |
93 | ||
94 | #header { | |
a96fefe1 JB |
95 | font-size: 4em; |
96 | text-align: center; | |
97 | margin-top: 1em; | |
98 | margin-bottom: 1em; | |
99 | } | |
100 | ||
101 | #account { | |
102 | text-align: right; | |
103 | line-height: 1.2em; | |
104 | } | |
105 | ||
106 | #menu { | |
107 | font-size: 2em; | |
108 | text-align: center; | |
109 | margin-top: 1em; | |
110 | margin-bottom: 1em; | |
111 | } | |
112 | ||
113 | #footer { | |
fb6aedc2 | 114 | text-align: center; |
a96fefe1 JB |
115 | margin-top: 1em; |
116 | margin-bottom: 1em; | |
fb6aedc2 | 117 | } |