website view slitaz.css @ rev 349
es: Update Spanish site (Thanks Eduardo)
| author | Paul Issott <paul@slitaz.org> |
|---|---|
| date | Mon Mar 30 19:26:10 2009 +0000 (2009-03-30) |
| parents | 4dc36b03c8b4 |
| children | a5b00e457b7d |
line source
1 /*
2 CSS style for SliTaz GNU/Linux website
3 www.slitaz.org - (c) 2007 Pankso
4 */
6 body {
7 background: #222222;
8 color: black;
9 font: 13px sans-serif, vernada, arial;
10 margin: 0;
11 padding-bottom: 100%;
12 }
14 /* Accessibility */
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 }
27 #access a {
28 background: inherit;
29 color: white;
30 text-decoration: none;
31 }
33 #access a:hover {
34 background: inherit;
35 color: #222222;
36 }
38 /* Header and title */
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 }
50 #titre{
51 font-size: 16px;
52 font-weight: bolder ;
53 margin-left: 232px;
54 margin-top: 4px;
55 padding-top: 25px ;
56 }
58 #logo {
59 position: absolute;
60 float: left;
61 margin-left: 32px;
62 margin-right: 20px;
63 margin-top: 0px;
64 }
66 /* Navigation */
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 }
82 #nav_top {
83 background: transparent url(pics/website/nav-tl.png) no-repeat top left;
84 height: 12px;
85 }
87 #nav_bottom {
88 background: transparent url(pics/website/nav-bl.png) no-repeat bottom left;
89 height: 12px;
90 }
92 #nav_bottom_img {
93 background: transparent url(pics/website/nav-br.png) no-repeat bottom right;
94 height: 12px;
95 }
97 #nav ul{
98 list-style-type: none;
99 margin: 0px 0px 0px 6px;
100 padding: 2px;
101 }
103 #nav li {
104 display: inline;
105 }
107 #nav a {
108 color: #3E1220;
109 background: inherit;
110 display: block;
111 padding: 0.5px;
112 text-decoration: none;
113 }
115 #nav a:hover {
116 color: #DF8F06;
117 text-decoration: none;
118 display: block;
119 }
121 #nav hr {
122 margin: 2px 0px 1px 0px;
123 border: 0px;
124 border-top: 1px solid #BDBDBD;
126 }
127 /* Page content */
129 #content, #content_bottom, #content_top {
130 background: white;
131 color: black;
132 text-align: justify;
133 }
135 #content_top {
136 height: 14px;
137 margin: 0px 100px 0px 100px;
138 }
140 #content {
141 height: auto;
142 margin: -6px 100px 0px 100px;
143 padding: 0px 72px 72px 72px;
144 /*background: white;
145 color: #333333;*/
146 }
148 #content_bottom {
149 height: 14px;
150 margin: 0px 100px 0px 100px;
151 /*clear: both;*/
152 }
154 #content li {
155 line-height: 1.5em;
156 text-align: left;
157 }
159 /* Legal informations */
161 #copy {
162 font-size: 11px ;
163 text-align: center ;
164 background: transparent;
165 color: #a8a8a8;
166 padding-top: 10px;
167 }
169 #copy a {
170 background: inherit;
171 color: #a8a8a8;
172 }
174 #copy a:hover {
175 background: inherit;
176 color: #EDEDED;
177 }
179 /* Footer */
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 }
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 #gallery {
200 text-align: center;
201 }
202 #gallery table {
203 margin: 30px 0px 30px 0px;
204 }
206 /* CSS class. */
208 .top_left, .top_right, .bottom_left, .bottom_right {
209 height: 14px;
210 width: 14px;
211 color: white;
212 background-color: #333333;
213 background-repeat: no-repeat;
214 }
216 .top_left {
217 background-image: url(pics/website/content-tl.png);
218 background-position: left top;
219 position: absolute;
220 }
222 .top_right {
223 background-image: url(pics/website/content-tr.png);
224 float: right;
225 }
227 .bottom_left {
228 background-image: url(pics/website/content-bl.png);
229 position: absolute;
230 }
232 .bottom_right {
233 background-image: url(pics/website/content-br.png);
234 float: right;
235 }
237 /* HTML styles */
239 h1 {
240 color: #3E1220;
241 background: inherit;
242 text-align: left;
243 margin: 0px 0px 16px -58px;
244 }
246 h2 {
247 color: #DF8F06;
248 border-left: 10px solid #F3F3F3;
249 padding: 4px 0px 4px 4px;
250 margin: 0;
251 }
253 h3 {
254 font-weight: bold;
255 color: #6c0023;
256 background: inherit;
257 }
259 a {
260 text-decoration: underline;
261 color: #0F314E;
262 background: inherit;
263 }
265 a:hover {
266 text-decoration: none;
267 color: blue;
268 background: inherit;
269 }
271 code {
272 font-size: 12px;
273 color: #669900;
274 background: inherit;
275 }
277 tt {
278 color: #15EE15;
279 background: inherit;
280 }
282 img {
283 border: 0pt none;
284 }
286 fieldset {
287 background: #E2ECf6;
288 color: black;
289 margin-top: 25px;
290 border: 1px solid black;
291 }
293 legend {
294 border: 1px solid black;
295 color: #6c0023;
296 background: #eaeaea;
297 font-weight: bold;
298 }
300 pre {
301 padding: 5px;
302 color: black;
303 background: #E1E0B0;
304 }
306 pre.script {
307 padding: 10px;
308 color: black;
309 background: #E8E8E8;
310 border: 1px inset #606060;
311 }
313 textarea {
314 background: #E5E5E5;
315 margin-top: 12px;
316 }
318 input[type=submit] {
319 background: #E5E5E5;
320 color: black;
321 border: 1px outset #111111;
322 font-weight: bold;
323 }
325 input[type=submit]:hover {
326 background: #F3F3F3;
327 color: black;
328 }
330 /* Packages pages */
332 .pkg_nav {
333 border-top: 1px solid black;
334 margin-top: 10px;
335 padding-top: 10px;
336 }
338 pre.package {
339 padding: 0px;
340 color: black;
341 background: white;
342 }
344 p.get {
345 text-align: center;
346 padding: 10px;
347 color: black;
348 background: #F3F3F3;
349 border: 1px solid #DEDEDE;
350 }