slitaz-forge view mirror/root/static/slitaz.css @ rev 171

Remove fm files (bad idea) and add statix files for mirror
author Christophe Lincoln <pankso@slitaz.org>
date Tue Mar 20 19:24:34 2012 +0100 (2012-03-20)
parents mf/css/slitaz.css@03e549e73cc1
children d2a35762c34d
line source
1 /*
2 CSS style for SliTaz Network - (C) 2012 SliTaz GNU/Linux
3 */
4
5 html {
6 min-height: 102%;
7 }
8
9 body {
10 background: #ffffff;
11 color: black;
12 font: 13px sans-serif, vernada, arial;
13 margin: 0;
14 min-width: 780px;
15 height: 100%;
16 }
17
18 a { text-decoration: underline; color: #215090; }
19 a:hover { text-decoration: none; color: blue; }
20 img { border: 0pt none; vertical-align: middle; }
21 h2 { color: #444; }
22 h3 { color: #666; font-size: 140%; }
23 h4 { color: #888; font-size: 120%; }
24 pre {
25 background-color: #f8f8f8;
26 border: 1px solid #ddd;
27 padding: 10px;
28 }
29 table {
30 background-color: #f8f8f8;
31 border: 1px solid #ddd;
32 width: 100%;
33 margin: 0px 0px 20px 0px;
34 padding: 10px;
35 }
36
37 /* Header */
38
39 #header {
40 height: 40px;
41 background: #351a0a;
42 }
43
44 #header h1 {
45 margin: 0;
46 padding: 8px 0 0 42px;
47 width: 250px;
48 }
49
50 #header h1 a {
51 color: white;
52 text-decoration: none;
53 font-size: 20px;
54 font-style: italic;
55 }
56
57 #header h1 a:hover, #network a:hover {
58 color: #d66018;
59 }
60
61 /* Logo */
62
63 #logo {
64 background: url(http://mf.slitaz.org/images/logo.png) no-repeat left;
65 position: absolute;
66 float: left;
67 left: 0px;
68 top: 0px;
69 width: 40px;
70 height: 40px;
71 }
72
73 /* SliTaz Network */
74
75 #network {
76 float: right;
77 padding: 10px 5px 0;
78 font-size: 12px;
79 }
80
81 #network a { padding: 0 6px; }
82
83 /* Block */
84
85 #block {
86 min-height: 200px;
87 background: #d66018;
88 padding: 26px 10% 0px;
89 text-align: center;
90 color: #333;
91 border-bottom: 1px solid #f5f5f5;
92 }
93
94 #block_info {
95 text-align: justify;
96 width: 48%;
97 padding: 10px 10px 0 0;
98 }
99
100 #block a, #network a {
101 color: #fff;
102 font-weight: bold;
103 text-decoration: none;
104 }
105
106 #block h4 {
107 color: #351a0a;
108 margin: 0px;
109 font-weight: bold;
110 font-size: 110%;
111 }
112
113 #block_info p { margin: 6px 0; padding: 0 12px 0 0; }
114 #block_info a { font-weight: normal; }
115 #block ul { list-style-type: square; }
116 #block a:hover { color: #351a0a; }
117
118 /* Navigation */
119
120 #block_nav {
121 background: #cc5b17;
122 padding: 10px 10px 40px;
123 text-align: justify;
124 width: 48%;
125 float: right;
126 }
127
128 #block_nav ul {
129 list-style-type: none;
130 margin: 6px 0;
131 padding: 0;
132 }
133
134 #block_nav h4 img {
135 margin: 0 4px 0 0;
136 padding: 0;
137 }
138
139 /* Languages */
140
141 #lang {
142 position: absolute;
143 right: 0;
144 padding: 6px;
145 font-size: 11px;
146 }
147
148 #lang a {
149 text-decoration: none;
150 padding: 0 2px;
151 }
152
153 #lang a:hover {
154 text-decoration: underline;
155 }
156
157 /* Content */
158
159 #content {
160 padding: 30px 80px;
161 text-align: justify;
162 }
163
164 .news li {
165 list-style-type: square;
166 border-bottom: 1px dotted #BEBEBE;
167 margin-left: -25px;
168 padding: 4px 0px 4px 0px;
169 }
170
171 .news a, .feed-grid a { text-decoration: none; }
172 .news p a { text-decoration: underline; }
173 .news p a:hover { text-decoration: none; }
174 #twitter { margin: 20px 0; }
175 #gallery { text-align: center; }
176
177 #sponsor {
178 font-size: 90%;
179 background-color: #fbfbfb;
180 border: 2px solid #ddd;
181 width: 200px;
182 height: 160px;
183 float: right;
184 text-align: center;
185 margin: 10px 0px 20px 20px;
186 }
187
188 /* Classes */
189
190 .right_box { width: 48%; float: right; }
191 .left_box { width: 48%; float: left; }
192
193 .box {
194 margin: 20px 60px;
195 padding: 12px;
196 background: #efefef;
197 border: 1px solid #ddd;
198 }
199
200 .searchbox {
201 margin: 20px 80px;
202 padding: 12px;
203 background: #f8f8f8;
204 text-align: center;
205 border: 1px solid #ddd;
206 }
207
208 /* Activity Box */
209
210 .activity {
211 margin: 0 0 20px;
212 background: #efefef;
213 padding: 5px 2px 0;
214 border: 1px solid #ddd;
215 }
216 .activity div { padding: 5px 10px; background: #fff; margin-top: 5px; }
217 .activity p { margin: 0; padding: 5px 10px; font-weight: bold; }
218 .activity a { text-decoration: none; }
219 .activity ul { list-style-type: none;
220 margin: 4px 0; padding: 0 4px; line-height: 150%; }
221 .activity_more { text-align: right; }
222 .activity_more a { font-weight: normal; color: #000; padding: 0 4px; }
223 .activity_more a:hover { text-decoration: underline; }
224
225 .activity span, .news span {
226 color: #666;
227 font-size: 11px;
228 font-weight: normal;
229 }
230
231 /* Button */
232
233 .button a {
234 background-color: #b64b22;
235 color: #ffffff;
236 margin-right: 6px;
237 padding: 6px 10px;
238 font-size: 12px;
239 text-decoration: none;
240 font-weight: bold;
241 }
242 .button a:hover, input[type=submit]:hover {
243 background-color: #a3431f;
244 color: #ffffff;
245 }
246
247 /* Round corner */
248
249 #block_nav, pre, .box, .searchbox, .button a, #twitter, .activity,
250 .activity div, #sponsor, table, input, textarea, select {
251 -moz-border-radius: 4px;
252 -webkit-border-radius: 4px;
253 border-radius: 4px;
254 }
255
256 /* Form */
257
258 form { display: inline; }
259 input[type="submit"], input[type="text"], textarea, select {
260 color: #444444;
261 border: 1px solid #cccccc;
262 padding: 4px;
263 margin: 4px 0px;
264 font-size: 14px;
265 line-height: 1.2em;
266 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
267 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
268 -webkit-appearance: none;
269 -webkit-padding-end: 6px;
270 -webkit-padding-start: 6px;
271 }
272
273 input[type="text"], textarea { background: #fefefe; border: 2px solid #ccc;
274 width: 460px; }
275 /*input[type="file"] { border: 2px solid #ddd; }*/
276 /*input[type="checkbox"] { background: #fefefe; }*/
277
278 /* Be compatible with old FF and Webkit version. */
279 input[type="submit"] {
280 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
281 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
282 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
283 }
284
285 input[type="submit"]:hover {
286 cursor: pointer;
287 color: black;
288 }
289
290 select {
291 background-image: url(images/down.png),
292 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
293 background-position: center right;
294 background-repeat: no-repeat;
295 }
296
297 .searchbox input[type=submit] {
298 border: 1px solid #b64b22;
299 background-color: #b64b22;
300 color: white;
301 font-weight: bold;
302 cursor: pointer;
303 padding: 4px 10px;
304 font-size: 14px;
305 margin-left: -5px;
306 -webkit-border-top-right-radius: 4px;
307 -webkit-border-bottom-right-radius: 4px;
308 -moz-border-radius-topright: 4px;
309 -moz-border-radius-bottomright: 4px;
310 border-top-right-radius: 4px;
311 border-bottom-right-radius: 4px;
312 }
313
314 .searchbox input[type=submit]:hover { background-color: #a3431f; }
315
316 .searchbox input[type=text] {
317 border: 1px solid #333333;
318 padding: 4px;
319 height: 17px;
320 width: 100%;
321 -webkit-border-top-left-radius: 4px;
322 -webkit-border-bottom-left-radius: 4px;
323 -moz-border-radius-topleft: 4px;
324 -moz-border-radius-bottomleft: 4px;
325 border-top-left-radius: 4px;
326 border-bottom-left-radius: 4px;
327 }
328
329 /* Footer */
330
331 #footer {
332 background: #f1f1f1;
333 text-align: center;
334 border-top: 1px solid #ddd;
335 padding: 40px;
336 color: #666;
337 clear: both;
338 margin-bottom: -2%;
339 }
340
341 #footer a { color: #666; padding: 0 2px; }
342
343 .year:after {
344 /* content: "2007-2012"; */
345 content: "2012";
346 }