website view slitaz.css @ rev 55

Tidy up Main Page (en)
author Paul Issott <paul@slitaz.org>
date Mon May 19 00:22:23 2008 +0000 (2008-05-19)
parents
children 6d0e9850db1e
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: #222222;
30 text-decoration: none;
31 }
32
33 #access a:hover {
34 background: inherit;
35 color: #EDEDED;
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: #eaeaea 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: 12px;
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: 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 /* Page content */
122
123 #content, #content_bottom, #content_top {
124 background: white;
125 color: black;
126 text-align: justify;
127 }
128
129 #content_top {
130 height: 14px;
131 margin: 0px 100px 0px 100px;
132 }
133
134 #content {
135 height: auto;
136 margin: -6px 100px 0px 100px;
137 padding: 0px 72px 72px 72px;
138 /*background: white;
139 color: #333333;*/
140 }
141
142 #content_bottom {
143 height: 14px;
144 margin: 0px 100px 0px 100px;
145 /*clear: both;*/
146 }
147
148 #content li {
149 line-height: 1.5em;
150 text-align: left;
151 }
152
153 /* Legal informations */
154
155 #copy {
156 font-size: 11px ;
157 text-align: center ;
158 background: transparent;
159 color: #a8a8a8;
160 padding-top: 10px;
161 }
162
163 #copy a {
164 background: inherit;
165 color: #a8a8a8;
166 }
167
168 #copy a:hover {
169 background: inherit;
170 color: #EDEDED;
171 }
172
173 /* Footer */
174
175 #bottom {
176 float: none;
177 background: inherit;
178 color: black;
179 width: auto;
180 clear: both;
181 padding: 0;
182 margin: 0;
183 text-align: center;
184 vertical-align: middle;
185 }
186
187 #news li {
188 list-style-type: square;
189 border-bottom: 1px dotted #BEBEBE;
190 margin-left: -25px;
191 padding: 4px 0px 4px 0px;
192 }
193 #gallery {
194 text-align: center;
195 }
196
197 /* CSS class. */
198
199 .top_left, .top_right, .bottom_left, .bottom_right {
200 height: 14px;
201 width: 14px;
202 color: white;
203 background-color: #333333;
204 background-repeat: no-repeat;
205 }
206
207 .top_left {
208 background-image: url(pics/website/content-tl.png);
209 background-position: left top;
210 position: absolute;
211 }
212
213 .top_right {
214 background-image: url(pics/website/content-tr.png);
215 float: right;
216 }
217
218 .bottom_left {
219 background-image: url(pics/website/content-bl.png);
220 position: absolute;
221 }
222
223 .bottom_right {
224 background-image: url(pics/website/content-br.png);
225 float: right;
226 }
227
228 /* HTML styles */
229
230 h1 {
231 color: #3E1220;
232 background: inherit;
233 text-align: left;
234 margin: 0px 0px 16px -58px;
235 }
236
237 h2 {
238 color: #DF8F06;
239 border-left: 10px solid #F3F3F3;
240 padding: 4px 0px 4px 4px;
241 margin: 0;
242 }
243
244 h3 {
245 font-weight: bold;
246 color: #6c0023;
247 background: inherit;
248 }
249
250 a {
251 text-decoration: underline;
252 color: #0F314E;
253 background: inherit;
254 }
255
256 a:hover {
257 text-decoration: none;
258 color: blue;
259 background: inherit;
260 }
261
262 code {
263 font-size: 12px;
264 color: #669900;
265 background: inherit;
266 }
267
268 tt {
269 color: #15EE15;
270 background: inherit;
271 }
272
273 img {
274 border: 0pt none;
275 }
276
277 fieldset {
278 background: #E2ECf6;
279 color: black;
280 margin-top: 25px;
281 border: 1px solid black;
282 }
283
284 legend {
285 border: 1px solid black;
286 color: #6c0023;
287 background: #eaeaea;
288 font-weight: bold;
289 }
290
291 pre {
292 padding: 5px;
293 color: black;
294 background: #E1E0B0;
295 }
296
297 pre.script {
298 padding: 10px;
299 color: black;
300 background: #E8E8E8;
301 border: 1px inset #606060;
302 }
303
304 textarea {
305 background: #E5E5E5;
306 margin-top: 12px;
307 }
308
309 input[type=submit] {
310 background: #E5E5E5;
311 color: black;
312 border: 1px outset #111111;
313 font-weight: bold;
314 }
315
316 input[type=submit]:hover {
317 background: #F3F3F3;
318 color: black;
319 }
320
321 /* Packages pages */
322
323 .pkg_nav {
324 border-top: 1px solid black;
325 margin-top: 10px;
326 padding-top: 10px;
327 }
328
329 pre.package {
330 padding: 0px;
331 color: black;
332 background: white;
333 }
334
335 p.get {
336 text-align: center;
337 padding: 10px;
338 color: black;
339 background: #F3F3F3;
340 border: 1px solid #DEDEDE;
341 }