1 |
pippijn |
1.1 |
body { |
2 |
|
|
font: 76% Verdana, Tahoma, Arial, sans-serif; |
3 |
|
|
background: #ffffff url(/static/images/background.gif) top center repeat-y; |
4 |
|
|
color: #404040; |
5 |
|
|
line-height: 1.2em; |
6 |
|
|
margin: 3em auto; |
7 |
|
|
padding: 0; |
8 |
|
|
width: 99%; |
9 |
|
|
} |
10 |
|
|
|
11 |
|
|
a { |
12 |
|
|
text-decoration: none; |
13 |
|
|
color: #4088b8; |
14 |
|
|
font-weight: bold; |
15 |
|
|
} |
16 |
|
|
|
17 |
|
|
a:hover { |
18 |
|
|
text-decoration: underline; |
19 |
|
|
} |
20 |
|
|
|
21 |
|
|
a img { |
22 |
|
|
border: 0; |
23 |
|
|
} |
24 |
|
|
|
25 |
|
|
p { |
26 |
|
|
margin: 0 0 18px 10px; |
27 |
|
|
} |
28 |
|
|
|
29 |
|
|
ul, ol, dl { |
30 |
|
|
font-size: 0.9em; |
31 |
|
|
margin: 2px 0 16px 35px; |
32 |
|
|
list-style: none; |
33 |
|
|
} |
34 |
|
|
|
35 |
|
|
ul ul, ol ol { |
36 |
|
|
margin: 4px 0 4px 35px; |
37 |
|
|
} |
38 |
|
|
|
39 |
|
|
h1 { |
40 |
|
|
font-size: 4.2em; |
41 |
|
|
letter-spacing: -5px; |
42 |
|
|
margin: 0 0 30px 25px; |
43 |
|
|
color: #4088b8; |
44 |
|
|
} |
45 |
|
|
|
46 |
|
|
h1 a { |
47 |
|
|
text-transform: none; |
48 |
|
|
color: #4088b8; |
49 |
|
|
} |
50 |
|
|
|
51 |
|
|
h2 { |
52 |
|
|
font-size: 1.4em; |
53 |
|
|
color: #4088b8; |
54 |
|
|
border-bottom: 4px solid #dadada; |
55 |
|
|
padding: 0 2px 2px 5px; |
56 |
|
|
margin: 0 0 10px 0; |
57 |
|
|
letter-spacing: -1px; |
58 |
|
|
} |
59 |
|
|
|
60 |
|
|
h3 { |
61 |
|
|
font-size: 1.2em; |
62 |
|
|
font-weight: bold; |
63 |
|
|
color: #4088b8; |
64 |
|
|
border-bottom: 1px solid #dadada; |
65 |
|
|
margin: 10px 0 8px 0; |
66 |
|
|
padding: 1px 2px 2px 3px; |
67 |
|
|
} |
68 |
|
|
|
69 |
|
|
h4 { |
70 |
|
|
font-size: 1em; |
71 |
|
|
font-weight: bold; |
72 |
|
|
color: #4088b8; |
73 |
|
|
border-bottom: 1px solid #dadada; |
74 |
|
|
margin: 10px 0 8px 0; |
75 |
|
|
padding: 1px 2px 2px 3px; |
76 |
|
|
} |
77 |
|
|
|
78 |
|
|
blockquote { |
79 |
|
|
font-size: 0.9em; |
80 |
|
|
border: 1px solid #dadada; |
81 |
|
|
margin: 20px 10px; |
82 |
|
|
padding: 8px; |
83 |
|
|
} |
84 |
|
|
|
85 |
|
|
#slogan { |
86 |
|
|
font-size: 1.5em; |
87 |
|
|
color: #808080; |
88 |
|
|
font-weight: bold; |
89 |
|
|
letter-spacing: -1px; |
90 |
|
|
margin: 15px 0px 20px 35px; |
91 |
|
|
line-height: 1.2em; |
92 |
|
|
} |
93 |
|
|
|
94 |
|
|
#sidebar { |
95 |
|
|
float: left; |
96 |
|
|
width: 15%; |
97 |
|
|
margin: 0 0 5px 0; |
98 |
|
|
padding: 1px 0 0 0; |
99 |
|
|
} |
100 |
|
|
|
101 |
|
|
#sidebar ul { |
102 |
|
|
list-style: none; |
103 |
|
|
font-size: 0.9em; |
104 |
|
|
margin: 0; |
105 |
|
|
padding: 0 0 15px 10px; |
106 |
|
|
} |
107 |
|
|
|
108 |
|
|
#sidebar li { |
109 |
|
|
list-style: none; |
110 |
|
|
margin: 0 0 4px 0; |
111 |
|
|
padding: 0; |
112 |
|
|
} |
113 |
|
|
|
114 |
|
|
#sidebar li a { |
115 |
|
|
font-size: 1.2em; |
116 |
|
|
font-weight: bold; |
117 |
|
|
padding: 2px; |
118 |
|
|
} |
119 |
|
|
|
120 |
|
|
#sidebar ul ul { |
121 |
|
|
margin: 4px 0 3px 15px; |
122 |
|
|
line-height: 1.2em; |
123 |
|
|
padding: 0; |
124 |
|
|
} |
125 |
|
|
|
126 |
|
|
#sidebar ul ul li a { |
127 |
|
|
font-weight: normal; |
128 |
|
|
} |
129 |
|
|
|
130 |
|
|
#sidebar h2 { |
131 |
|
|
margin: 3px 0px 8px 0px; |
132 |
|
|
} |
133 |
|
|
|
134 |
|
|
#content { |
135 |
|
|
line-height: 1.5em; |
136 |
|
|
width: 84%; |
137 |
|
|
float: right; |
138 |
|
|
text-align: left; |
139 |
|
|
margin: 0; |
140 |
|
|
padding: 0; |
141 |
|
|
} |
142 |
|
|
|
143 |
|
|
#footer { |
144 |
|
|
clear: both; |
145 |
|
|
color: #808080; |
146 |
|
|
font-size: 0.9em; |
147 |
|
|
border-top: 4px solid #dadada; |
148 |
|
|
margin: 0 auto; |
149 |
|
|
padding: 8px 0; |
150 |
|
|
line-height: 1.6em; |
151 |
|
|
position: relative; |
152 |
|
|
} |
153 |
|
|
|
154 |
|
|
#copyright { |
155 |
|
|
position: absolute; |
156 |
|
|
top: 1em; |
157 |
|
|
right: 0; |
158 |
|
|
} |
159 |
|
|
|
160 |
|
|
#footer p { |
161 |
|
|
position: absolute; |
162 |
|
|
margin: 0; |
163 |
|
|
padding: 0; |
164 |
|
|
} |
165 |
|
|
|
166 |
|
|
#footer a { |
167 |
|
|
color: #808080; |
168 |
|
|
} |
169 |
|
|
|
170 |
|
|
.fade { |
171 |
|
|
color: #c8c8c8; |
172 |
|
|
} |
173 |
|
|
|
174 |
|
|
pre { |
175 |
|
|
font-size: 120%; |
176 |
|
|
} |