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