wok view syslinux/stuff/tools/slitaz.css @ rev 993

syslinux: reduce splash height
author Pascal Bellard <pascal.bellard@slitaz.org>
date Sat Jul 05 14:11:03 2008 +0000 (2008-07-05)
parents 38e7dabd3c3e
children 427202fe95d3
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(http://www.slitaz.org/pics/website/header.png) repeat-x top;*/
42 background: #DF8F06 repeat-x top;
43 color: black;
44 width: 100%;
45 height: 50px ;
46 border-top: 1px solid black;
47 border-bottom: 1px solid black;
48 margin-bottom: 30px;
49 }
50
51 #titre{
52 font-size: 16px;
53 font-weight: bolder ;
54 margin-left: 232px;
55 margin-top: 4px;
56 padding-top: 25px ;
57 }
58
59 #logo {
60 position: absolute;
61 float: left;
62 margin-left: 32px;
63 margin-right: 20px;
64 margin-top: 0px;
65 }
66
67 /* Navigation */
68
69 #nav {
70 position: absolute;
71 top: 100px;
72 right: 6px;
73 background: #eaeaea url(http://www.slitaz.org/pics/website/nav-tr.png) no-repeat top right;
74 color: black;
75 float: right;
76 width: 152px;
77 line-height: 1.3em;
78 text-align: center;
79 font-size: 12px;
80 font-weight: bold;
81 }
82
83 #nav_top {
84 background: transparent url(http://www.slitaz.org/pics/website/nav-tl.png) no-repeat top left;
85 height: 12px;
86 }
87
88 #nav_bottom {
89 background: transparent url(http://www.slitaz.org/pics/website/nav-bl.png) no-repeat bottom left;
90 height: 12px;
91 }
92
93 #nav_bottom_img {
94 background: transparent url(http://www.slitaz.org/pics/website/nav-br.png) no-repeat bottom right;
95 height: 12px;
96 }
97
98 #nav ul{
99 list-style-type: none;
100 margin: 0px 0px 0px 6px;
101 padding: 2px;
102 }
103
104 #nav li {
105 display: inline;
106 }
107
108 #nav a {
109 color: #3E1220;
110 background: inherit;
111 display: block;
112 padding: 0.5px;
113 text-decoration: none;
114 }
115
116 #nav a:hover {
117 color: #DF8F06;
118 text-decoration: none;
119 display: block;
120 }
121
122 #nav i {
123 color: #DF8F06;
124 }
125
126 /* Page content */
127
128 #content, #content_bottom, #content_top {
129 background: white;
130 color: black;
131 text-align: justify;
132 }
133
134 #content_top {
135 height: 14px;
136 margin: 0px 70px 0px 70px;
137 }
138
139 #content {
140 height: auto;
141 margin: -6px 70px 0px 70px;
142 padding: 0px 72px 1px 72px;
143 /*background: white;
144 color: #333333;*/
145 }
146
147 #content_bottom {
148 height: 14px;
149 margin: 0px 70px 0px 70px;
150 /*clear: both;*/
151 }
152
153 #content li {
154 line-height: 1.5em;
155 text-align: left;
156 }
157
158 /* Legal informations */
159
160 #copy {
161 font-size: 11px ;
162 text-align: center ;
163 background: transparent;
164 color: #a8a8a8;
165 padding-top: 10px;
166 }
167
168 #copy a {
169 background: inherit;
170 color: #a8a8a8;
171 }
172
173 #copy a:hover {
174 background: inherit;
175 color: #EDEDED;
176 }
177
178 /* Footer */
179
180 #bottom {
181 float: none;
182 background: inherit;
183 color: black;
184 width: auto;
185 clear: both;
186 padding: 0;
187 margin: 0;
188 text-align: center;
189 vertical-align: middle;
190 }
191
192 #news li {
193 list-style-type: square;
194 border-bottom: 1px dotted #BEBEBE;
195 margin-left: -25px;
196 padding: 4px 0px 4px 0px;
197 }
198 #gallery {
199 text-align: center;
200 }
201
202 /* CSS class. */
203
204 .top_left, .top_right, .bottom_left, .bottom_right {
205 height: 14px;
206 width: 14px;
207 color: white;
208 background-color: #333333;
209 background-repeat: no-repeat;
210 }
211
212 .top_left {
213 background-image: url(http://www.slitaz.org/pics/website/content-tl.png);
214 background-position: left top;
215 position: absolute;
216 }
217
218 .top_right {
219 background-image: url(http://www.slitaz.org/pics/website/content-tr.png);
220 float: right;
221 }
222
223 .bottom_left {
224 background-image: url(http://www.slitaz.org/pics/website/content-bl.png);
225 position: absolute;
226 }
227
228 .bottom_right {
229 background-image: url(http://www.slitaz.org/pics/website/content-br.png);
230 float: right;
231 }
232
233 /* HTML styles */
234
235 h1 {
236 color: #3E1220;
237 background: inherit;
238 text-align: left;
239 margin: 0px 0px 8px -58px;
240 }
241
242 h2 {
243 color: #DF8F06;
244 border-left: 10px solid #F3F3F3;
245 padding: 0px 0px 0px 4px;
246 margin: 0;
247 }
248
249 h3 {
250 font-weight: bold;
251 color: #6c0023;
252 background: inherit;
253 }
254
255 a {
256 text-decoration: underline;
257 color: #0F314E;
258 background: inherit;
259 }
260
261 a:hover {
262 text-decoration: none;
263 color: blue;
264 background: inherit;
265 }
266
267 code {
268 font-size: 12px;
269 color: #669900;
270 background: inherit;
271 }
272
273 tt {
274 color: #15EE15;
275 background: inherit;
276 }
277
278 img {
279 border: 0pt none;
280 }
281
282 fieldset {
283 background: #E2ECf6;
284 color: black;
285 margin-top: 25px;
286 border: 1px solid black;
287 }
288
289 legend {
290 border: 1px solid black;
291 color: #6c0023;
292 background: #eaeaea;
293 font-weight: bold;
294 }
295
296 pre {
297 padding: 5px;
298 color: black;
299 background: #E1E0B0;
300 }
301
302 pre.script {
303 padding: 10px;
304 color: black;
305 background: #E8E8E8;
306 border: 1px inset #606060;
307 }
308
309 textarea {
310 background: #E5E5E5;
311 margin-top: 12px;
312 }
313
314 input[type=submit] {
315 background: #E5E5E5;
316 color: black;
317 border: 1px outset #111111;
318 font-weight: bold;
319 }
320
321 input[type=submit]:hover {
322 background: #F3F3F3;
323 color: black;
324 }
325
326 /* Packages pages */
327
328 .pkg_nav {
329 border-top: 1px solid black;
330 margin-top: 10px;
331 padding-top: 10px;
332 }
333
334 pre.package {
335 padding: 0px;
336 color: black;
337 background: white;
338 }
339
340 p.get {
341 text-align: center;
342 padding: 10px;
343 color: black;
344 background: #F3F3F3;
345 border: 1px solid #DEDEDE;
346 }