website view slitaz.css @ rev 563
Small change to CSS file and logo
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Mon Nov 09 00:11:46 2009 +0100 (2009-11-09) |
| parents | 888b29adb0d6 |
| children | 0aaa70838c43 |
line source
1 /*
2 CSS style for SliTaz GNU/Linux website
3 www.slitaz.org - (c) 2007 Pankso
4 */
6 html {
7 height: 102%;
8 }
10 body {
11 background: #ffffff;
12 color: black;
13 font: 13px sans-serif, vernada, arial;
14 margin: 0;
15 }
17 /* Accessibility */
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 }
30 #access a {
31 background: inherit;
32 color: white;
33 text-decoration: none;
34 }
36 #access a:hover {
37 background: inherit;
38 color: #222222;
39 }
41 /* Header and title */
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 }
53 #titre {
54 position: absolute;
55 font-size: 16px;
56 font-weight: bolder ;
57 margin-left: 200px;
58 margin-top: 28px;
59 }
61 #logo {
62 position: absolute;
63 float: left;
64 margin-left: 16px;
65 margin-top: 0px;
66 }
68 /* Navigation */
70 #nav {
71 position: absolute;
72 top: 76px;
73 right: 40px;
74 color: #555555;
75 float: right;
76 width: 250px;
77 line-height: 1.5em;
78 text-align: left;
79 font-size: 12px;
80 }
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 }
91 #nav .nav_box ul {
92 list-style-type: none;
93 margin: 0;
94 padding: 10px 24px 10px 0px;
95 }
97 #nav li {
98 display: inline;
99 }
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 }
110 #nav a {
111 color: #0F314E;
112 background: inherit;
113 display: block;
114 text-decoration: none;
115 font-weight: bold;
116 }
118 #nav a:hover {
119 color: #DF8F06;
120 text-decoration: none;
121 display: block;
122 }
124 #nav hr {
125 margin: 2px 0px 1px 0px;
126 border: 0px;
127 border-top: 1px solid #BDBDBD;
129 }
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 }
140 #nav .nav_box p {
141 line-height: 1.3em;
142 }
144 #nav .nav_box p a {
145 display: inline;
146 font-weight: normal;
147 text-decoration: underline;
148 }
150 #nav .nav_box p a:hover {
151 text-decoration: none;
152 color: blue;
153 background: inherit;
154 }
156 #nav hr {
157 height: 0px;
158 border: 0px solid #eaeaea;
159 }
161 /* Page content */
163 #content, #content_bottom, #content_top {
164 background: white;
165 color: black;
166 text-align: justify;
167 }
169 #content {
170 height: auto;
171 margin: 6px 280px 0px 0px;
172 padding: 0px 40px 60px 40px;
173 }
175 #content li {
176 line-height: 1.5em;
177 text-align: left;
178 }
180 /* Legal informations */
182 #copy {
183 font-size: 11px ;
184 text-align: center ;
185 background: transparent;
186 color: #a8a8a8;
187 padding-top: 10px;
188 }
190 #copy a {
191 background: inherit;
192 color: #a8a8a8;
193 }
195 #copy a:hover {
196 background: inherit;
197 color: #666666;
198 }
200 /* Footer */
202 #bottom {
203 float: none;
204 background: inherit;
205 color: black;
206 width: auto;
207 clear: both;
208 padding: 0;
209 margin: 0;
210 text-align: center;
211 vertical-align: middle;
212 }
214 #news li {
215 list-style-type: square;
216 border-bottom: 1px dotted #BEBEBE;
217 margin-left: -25px;
218 padding: 4px 0px 4px 0px;
219 }
221 #gallery {
222 text-align: center;
223 }
225 #gallery table {
226 margin: 30px 0px 30px 0px;
227 }
229 /* Clouds */
231 #cloud {
232 padding: 20px 0px 20px 0px;
233 line-height: 3em;
234 text-align: center;
235 }
236 #cloud a { padding: 4px; color: #956411; }
237 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
238 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
239 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
240 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
241 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
242 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
243 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
244 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
245 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
246 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
248 /* CSS class. */
250 .infobox {
251 margin: 10px;
252 padding: 12px;
253 background: #f2f2f2;
254 border: 1px solid #eaeaea;
255 -moz-border-radius: 8px;
256 -webkit-border-radius: 8px;
257 }
259 /* HTML styles */
261 h1 {
262 color: blue;
263 background: inherit;
264 text-align: left;
265 margin: 0px 0px 10px 0px;
266 font-size: 140%;
267 font-weight: bold;
268 }
270 h2 {
271 color: #DF8F06;
272 /* border-top: 1px solid #f3f3f3; */
273 border-left: 8px solid #f3f3f3;
274 padding: 4px 0px 4px 4px;
275 margin: 0;
276 font-size: 140%;
277 font-weight: bold;
278 }
280 h3 {
281 font-weight: bold;
282 color: #6c0023;
283 background: inherit;
284 }
286 a {
287 text-decoration: underline;
288 color: #0F314E;
289 background: inherit;
290 }
292 a:hover {
293 text-decoration: none;
294 color: blue;
295 background: inherit;
296 }
298 code {
299 font-size: 12px;
300 color: #669900;
301 background: inherit;
302 }
304 tt {
305 color: #15EE15;
306 background: inherit;
307 }
309 img {
310 border: 0pt none;
311 }
313 fieldset {
314 background: #E2ECf6;
315 color: black;
316 margin-top: 25px;
317 border: 1px solid black;
318 }
320 legend {
321 border: 1px solid black;
322 color: #6c0023;
323 background: #eaeaea;
324 font-weight: bold;
325 }
327 pre {
328 padding: 5px;
329 color: black;
330 background: #E1E0B0;
331 }
333 pre.script {
334 padding: 10px;
335 color: black;
336 background: #E8E8E8;
337 border: 1px inset #606060;
338 }
340 textarea {
341 background: #E5E5E5;
342 margin-top: 12px;
343 }
345 input[type=submit] {
346 background: #E5E5E5;
347 color: black;
348 border: 1px outset #111111;
349 font-weight: bold;
350 }
352 input[type=submit]:hover {
353 background: #F3F3F3;
354 color: black;
355 }
357 /* Packages pages */
359 .pkg_nav {
360 border-top: 1px solid black;
361 margin-top: 10px;
362 padding-top: 10px;
363 }
365 pre.package {
366 padding: 0px;
367 color: black;
368 background: white;
369 }
371 p.get {
372 text-align: center;
373 padding: 10px;
374 color: black;
375 background: #F3F3F3;
376 border: 1px solid #DEDEDE;
377 }