website view slitaz.css @ rev 689

fr/index.html: update news (add links)
author Pascal Bellard <pascal.bellard@slitaz.org>
date Fri Nov 26 14:36:31 2010 +0100 (2010-11-26)
parents 0ae6cfc85e03
children 772b09e644ea
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: 80px;
74 color: #555555;
75 float: right;
76 width: 250px;
77 line-height: 1.5em;
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 text-decoration: none;
115 font-weight: bold;
116 }
117
118 #nav a:hover {
119 color: #DF8F06;
120 text-decoration: none;
121 display: block;
122 }
123
124 #nav hr {
125 margin: 2px 0px 1px 0px;
126 border: 0px;
127 border-top: 1px solid #BDBDBD;
128
129 }
130
131 .nav_box {
132 -moz-border-radius: 8px;
133 -webkit-border-radius: 8px;
134 margin: 10px 0;
135 padding: 10px 24px 10px 24px;
136 background-color: #eaeaea;
137 text-align: justify;
138 }
139
140 #nav .nav_box p {
141 line-height: 1.3em;
142 }
143
144 #nav .nav_box p a {
145 display: inline;
146 font-weight: normal;
147 text-decoration: underline;
148 }
149
150 #nav .nav_box p a:hover {
151 text-decoration: none;
152 color: blue;
153 background: inherit;
154 }
155
156 #nav hr {
157 height: 0px;
158 border: 0px solid #eaeaea;
159 }
160
161 /* Page content */
162
163 #content, #content_bottom, #content_top {
164 background: white;
165 color: black;
166 text-align: justify;
167 }
168
169 #content {
170 height: auto;
171 margin: 6px 320px 0px 0px;
172 padding: 0px 40px 60px 80px;
173 }
174
175 #content li {
176 line-height: 1.5em;
177 text-align: left;
178 }
179
180 /* Legal informations */
181
182 #copy {
183 font-size: 11px ;
184 text-align: left ;
185 background: transparent;
186 color: #a8a8a8;
187 padding-top: 10px;
188 margin: 0 0 0 80px;
189 }
190
191 #copy a {
192 background: inherit;
193 color: #a8a8a8;
194 }
195
196 #copy a:hover {
197 background: inherit;
198 color: #666666;
199 }
200
201 /* Footer */
202
203 #bottom {
204 float: none;
205 background: inherit;
206 color: black;
207 width: auto;
208 clear: both;
209 padding: 0;
210 margin: 0 0 0 80px;
211 text-align: left;
212 vertical-align: middle;
213 }
214
215 #news li {
216 list-style-type: square;
217 border-bottom: 1px dotted #BEBEBE;
218 margin-left: -25px;
219 padding: 4px 0px 4px 0px;
220 }
221
222 #news a {
223 text-decoration: none;
224 }
225
226 #gallery {
227 text-align: center;
228 }
229
230 #gallery table {
231 margin: 30px 0px 30px 0px;
232 }
233
234 /* Clouds */
235
236 #cloud {
237 padding: 20px 0px 20px 0px;
238 line-height: 3em;
239 text-align: center;
240 }
241 #cloud a { padding: 4px; color: #956411; }
242 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
243 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
244 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
245 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
246 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
247 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
248 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
249 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
250 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
251 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
252
253 /* CSS class. */
254
255 .infobox {
256 margin: 10px;
257 padding: 12px;
258 background: #f2f2f2;
259 border: 1px solid #eaeaea;
260 -moz-border-radius: 8px;
261 -webkit-border-radius: 8px;
262 }
263
264 /* HTML styles */
265
266 h1 {
267 color: blue;
268 background: inherit;
269 text-align: left;
270 margin: 0px 0px 10px 0px;
271 font-size: 140%;
272 font-weight: bold;
273 }
274
275 h2 {
276 color: #DF8F06;
277 /* border-top: 1px solid #f3f3f3; */
278 border-left: 8px solid #f3f3f3;
279 padding: 4px 0px 4px 4px;
280 margin: 0;
281 font-size: 140%;
282 font-weight: bold;
283 }
284
285 h3 {
286 font-weight: bold;
287 color: #6c0023;
288 background: inherit;
289 }
290
291 a {
292 text-decoration: underline;
293 color: #0F314E;
294 background: inherit;
295 }
296
297 a:hover {
298 text-decoration: none;
299 color: blue;
300 background: inherit;
301 }
302
303 code {
304 font-size: 12px;
305 color: #669900;
306 background: inherit;
307 }
308
309 tt {
310 color: #15EE15;
311 background: inherit;
312 }
313
314 img {
315 border: 0pt none;
316 }
317
318 fieldset {
319 background: #E2ECf6;
320 color: black;
321 margin-top: 25px;
322 border: 1px solid black;
323 }
324
325 legend {
326 border: 1px solid black;
327 color: #6c0023;
328 background: #eaeaea;
329 font-weight: bold;
330 }
331
332 pre {
333 padding: 5px;
334 color: black;
335 background: #E1E0B0;
336 }
337
338 pre.script {
339 padding: 10px;
340 color: black;
341 background: #E8E8E8;
342 border: 1px inset #606060;
343 }
344
345 textarea {
346 background: #E5E5E5;
347 margin-top: 12px;
348 }
349
350 /* Packages pages */
351
352 .pkg_nav {
353 border-top: 1px solid black;
354 margin-top: 10px;
355 padding-top: 10px;
356 }
357
358 pre.package {
359 padding: 0px;
360 color: black;
361 background: white;
362 }
363
364 p.get {
365 text-align: center;
366 padding: 10px;
367 color: black;
368 background: #F3F3F3;
369 border: 1px solid #DEDEDE;
370 }
371
372 .year:after {
373 /* content: "2007-2010"; */
374 content: "2010";
375 }