website view slitaz.css @ rev 529

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