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