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