website view slitaz.css @ rev 557

Announce (en,fr) and up * link for new Cooking 20091104
author Christophe Lincoln <pankso@slitaz.org>
date Wed Nov 04 23:36:13 2009 +0100 (2009-11-04)
parents cb9da6d568b5
children 81eaf5b7e851
line source
1 /*
2 CSS style for SliTaz GNU/Linux website
3 www.slitaz.org - (c) 2007 Pankso
4 */
5
6 html {
7 height: 102%;
8 }
9
10 body {
11 background: #ffffff;
12 color: black;
13 font: 13px sans-serif, vernada, arial;
14 margin: 0;
15 }
16
17 /* Accessibility */
18
19 #access {
20 position: absolute;
21 top: 4px;
22 right: 4px;
23 text-align: right;
24 width: 100%;
25 margin: 0;
26 font-size: 11px;
27 font-weight: bold;
28 }
29
30 #access a {
31 background: inherit;
32 color: white;
33 text-decoration: none;
34 }
35
36 #access a:hover {
37 background: inherit;
38 color: #222222;
39 }
40
41 /* Header and title */
42
43 #header{
44 background: #f0ba08 url(pics/website/header.png) repeat-x top;
45 color: black;
46 width: 100%;
47 height: 50px;
48 border-top: 1px solid black;
49 border-bottom: 1px solid black;
50 margin-bottom: 30px;
51 }
52
53 #titre {
54 position: absolute;
55 font-size: 16px;
56 font-weight: bolder ;
57 margin-left: 200px;
58 margin-top: 28px;
59 }
60
61 #logo {
62 position: absolute;
63 float: left;
64 margin-left: 16px;
65 margin-top: 0px;
66 }
67
68 /* Navigation */
69
70 #nav {
71 position: absolute;
72 top: 76px;
73 right: 40px;
74 color: #555555;
75 float: right;
76 width: 250px;
77 line-height: 1.3em;
78 text-align: left;
79 font-size: 12px;
80 }
81
82 #nav ul {
83 -moz-border-radius: 8px;
84 -webkit-border-radius: 8px;
85 list-style-type: none;
86 margin: 10px 0;
87 padding: 10px 24px 10px 24px;
88 background-color: #eaeaea;
89 }
90
91 #nav .nav_box ul {
92 list-style-type: none;
93 margin: 0;
94 padding: 10px 24px 10px 0px;
95 }
96
97 #nav li {
98 display: inline;
99 }
100
101 #nav h4 {
102 font-size: 110%;
103 color: #666666;
104 font-weight: bold;
105 margin: 0;
106 padding: 0 0 1px 0;
107 border-bottom: 1px solid #cecece;
108 }
109
110 #nav a {
111 color: #0F314E;
112 background: inherit;
113 display: block;
114 padding: 2px 0;
115 text-decoration: none;
116 font-weight: bold;
117 }
118
119 #nav a:hover {
120 color: #DF8F06;
121 text-decoration: none;
122 display: block;
123 }
124
125 #nav hr {
126 margin: 2px 0px 1px 0px;
127 border: 0px;
128 border-top: 1px solid #BDBDBD;
129
130 }
131
132 .nav_box {
133 -moz-border-radius: 8px;
134 -webkit-border-radius: 8px;
135 margin: 10px 0;
136 padding: 10px 24px 10px 24px;
137 background-color: #eaeaea;
138 text-align: justify;
139 }
140
141 #nav .nav_box p a {
142 display: inline;
143 font-weight: normal;
144 text-decoration: underline;
145 }
146
147 #nav .nav_box p a:hover {
148 text-decoration: none;
149 color: blue;
150 background: inherit;
151 }
152
153 #nav hr {
154 height: 0px;
155 border: 0px solid #eaeaea;
156 }
157
158 /* Page content */
159
160 #content, #content_bottom, #content_top {
161 background: white;
162 color: black;
163 text-align: justify;
164 }
165
166 #content {
167 height: auto;
168 margin: 6px 280px 0px 0px;
169 padding: 0px 40px 60px 40px;
170 }
171
172 #content li {
173 line-height: 1.5em;
174 text-align: left;
175 }
176
177 /* Legal informations */
178
179 #copy {
180 font-size: 11px ;
181 text-align: center ;
182 background: transparent;
183 color: #a8a8a8;
184 padding-top: 10px;
185 }
186
187 #copy a {
188 background: inherit;
189 color: #a8a8a8;
190 }
191
192 #copy a:hover {
193 background: inherit;
194 color: #666666;
195 }
196
197 /* Footer */
198
199 #bottom {
200 float: none;
201 background: inherit;
202 color: black;
203 width: auto;
204 clear: both;
205 padding: 0;
206 margin: 0;
207 text-align: center;
208 vertical-align: middle;
209 }
210
211 #news li {
212 list-style-type: square;
213 border-bottom: 1px dotted #BEBEBE;
214 margin-left: -25px;
215 padding: 4px 0px 4px 0px;
216 }
217
218 #gallery {
219 text-align: center;
220 }
221
222 #gallery table {
223 margin: 30px 0px 30px 0px;
224 }
225
226 /* Clouds */
227
228 #cloud {
229 padding: 20px 0px 20px 0px;
230 line-height: 3em;
231 text-align: center;
232 }
233 #cloud a { padding: 4px; color: #956411; }
234 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
235 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
236 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
237 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
238 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
239 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
240 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
241 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
242 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
243 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
244
245 /* CSS class. */
246
247 .infobox {
248 margin: 10px;
249 padding: 12px;
250 background: #f2f2f2;
251 border: 1px solid #eaeaea;
252 -moz-border-radius: 8px;
253 -webkit-border-radius: 8px;
254 }
255
256 /* HTML styles */
257
258 h1 {
259 color: blue;
260 background: inherit;
261 text-align: left;
262 margin: 0px 0px 10px 0px;
263 font-size: 140%;
264 font-weight: bold;
265 }
266
267 h2 {
268 color: #DF8F06;
269 /* border-top: 1px solid #f3f3f3; */
270 border-left: 8px solid #f3f3f3;
271 padding: 4px 0px 4px 4px;
272 margin: 0;
273 font-size: 140%;
274 font-weight: bold;
275 }
276
277 h3 {
278 font-weight: bold;
279 color: #6c0023;
280 background: inherit;
281 }
282
283 a {
284 text-decoration: underline;
285 color: #0F314E;
286 background: inherit;
287 }
288
289 a:hover {
290 text-decoration: none;
291 color: blue;
292 background: inherit;
293 }
294
295 code {
296 font-size: 12px;
297 color: #669900;
298 background: inherit;
299 }
300
301 tt {
302 color: #15EE15;
303 background: inherit;
304 }
305
306 img {
307 border: 0pt none;
308 }
309
310 fieldset {
311 background: #E2ECf6;
312 color: black;
313 margin-top: 25px;
314 border: 1px solid black;
315 }
316
317 legend {
318 border: 1px solid black;
319 color: #6c0023;
320 background: #eaeaea;
321 font-weight: bold;
322 }
323
324 pre {
325 padding: 5px;
326 color: black;
327 background: #E1E0B0;
328 }
329
330 pre.script {
331 padding: 10px;
332 color: black;
333 background: #E8E8E8;
334 border: 1px inset #606060;
335 }
336
337 textarea {
338 background: #E5E5E5;
339 margin-top: 12px;
340 }
341
342 input[type=submit] {
343 background: #E5E5E5;
344 color: black;
345 border: 1px outset #111111;
346 font-weight: bold;
347 }
348
349 input[type=submit]:hover {
350 background: #F3F3F3;
351 color: black;
352 }
353
354 /* Packages pages */
355
356 .pkg_nav {
357 border-top: 1px solid black;
358 margin-top: 10px;
359 padding-top: 10px;
360 }
361
362 pre.package {
363 padding: 0px;
364 color: black;
365 background: white;
366 }
367
368 p.get {
369 text-align: center;
370 padding: 10px;
371 color: black;
372 background: #F3F3F3;
373 border: 1px solid #DEDEDE;
374 }