slitaz-dev-tools view slitaz-mercurial-style/templates/static/style-slitaz.css @ rev 217

hg style: continue the update to new colors
author Christophe Lincoln <pankso@slitaz.org>
date Wed Jan 15 11:42:59 2014 +0100 (2014-01-15)
parents 107168552d9f
children ae38bd81aa6d
line source
1 /*
2 CSS style for SliTaz Network - (C) 2014 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: 900px;
15 }
16
17 a { text-decoration: underline; color: #215090; }
18 a:hover { text-decoration: none; color: blue; }
19 img { border: 0pt none; vertical-align: middle; }
20 h2 { color: #444; margin-bottom: 0;}
21 h3 { color: #666; font-size: 140%; }
22 h4 { color: #888; font-size: 120%; }
23 pre {
24 background-color: #f8f8f8;
25 border: 1px solid #ddd;
26 padding: 10px;
27 }
28
29 /* Header */
30
31 #header {
32 height: 40px;
33 background: #222;
34 }
35
36 #header h1 {
37 margin: 0;
38 padding: 2px 0 0 42px;
39 width: 250px;
40 }
41
42 #header h1 a {
43 color: white;
44 text-decoration: none;
45 font-size: 20px;
46 font-style: italic;
47 }
48
49 #header h1 a:hover, #network a:hover {
50 color: #afafaf;
51 }
52
53 /* Logo */
54
55 #logo {
56 background: url(images/logo.png) no-repeat left;
57 position: absolute;
58 float: left;
59 left: 0px;
60 top: 0px;
61 width: 40px;
62 height: 40px;
63 }
64
65 /* SliTaz Network */
66
67 #network {
68 float: right;
69 padding: 14px 5px 0;
70 font-size: 12px;
71 }
72
73 #network a { padding: 0 4px; }
74
75 /* Block */
76
77 #block {
78 min-height: 148px;
79 background: #ccc;
80 padding: 20px 10% 0px;
81 text-align: center;
82 color: #222;
83 border-bottom: 1px solid #afafaf;
84 }
85
86 #block_info {
87 text-align: justify;
88 width: 48%;
89 padding: 10px 10px 0 0;
90 }
91
92 #network a, #block_nav a {
93 color: #fff;
94 font-weight: bold;
95 text-decoration: none;
96 }
97
98 #block h4 {
99 color: #111;
100 margin: 0 0 6px;
101 font-weight: bold;
102 font-size: 110%;
103 }
104
105 #block_info p { margin: 6px 0; padding: 0 12px 0 0; }
106 #block_info a { font-weight: normal; }
107 #block ul { list-style-type: square; }
108 #block a:hover { color: #351a0a; }
109
110 /* Navigation */
111
112 #block_nav {
113 background: #666;
114 padding: 10px;
115 text-align: justify;
116 width: 48%;
117 float: right;
118 }
119
120 #block_nav ul {
121 list-style-type: none;
122 margin: 0px 0;
123 padding: 0;
124 }
125
126 #block_nav h4 img {
127 margin: 0 4px 0 0;
128 padding: 0;
129 }
130
131 /* Languages */
132
133 #lang {
134 float: right;
135 padding: 6px;
136 font-size: 11px;
137 }
138
139 #lang a {
140 text-decoration: none;
141 padding: 0 2px;
142 }
143
144 #lang a:hover {
145 text-decoration: underline;
146 }
147
148 /* Content */
149
150 #content {
151 padding: 30px 80px;
152 text-align: justify;
153 }
154
155 #news li {
156 list-style-type: square;
157 border-bottom: 1px dotted #BEBEBE;
158 margin-left: -25px;
159 padding: 4px 0px 4px 0px;
160 }
161
162 #news a, .feed-grid a { text-decoration: none; }
163 #news p a { text-decoration: underline; }
164 #news p a:hover { text-decoration: none; }
165 #twitter { margin: 20px 0; }
166 #gallery { text-align: center; }
167
168 /* Classes */
169
170 .right_box { width: 48%; float: right; }
171 .left_box { width: 48%; float: left; }
172
173 .box {
174 margin: 20px 60px;
175 padding: 12px;
176 background: #efefef;
177 border: 1px solid #ddd;
178 }
179
180 .searchbox {
181 margin: 20px 80px;
182 padding: 12px;
183 background: #f8f8f8;
184 text-align: center;
185 border: 1px solid #ddd;
186 }
187
188 .feed-grid { height: 180px; overflow: hidden; text-align: left; }
189 .feed-grid h3 {
190 margin: 15px 0 0; font-size: 16px;
191 padding: 0 22px;
192 background: url(images/feed.png) no-repeat left; }
193 .feed-grid span { font-size: 10px; color: #888; margin-left: 24px; }
194 .feed-grid ul { color: #666; }
195 .feed-grid a { color: #666; }
196 .feed-grid a:hover { color: blue; }
197
198 /* Button */
199
200 .button a {
201 background-color: #b64b22;
202 color: #ffffff;
203 margin-right: 6px;
204 padding: 6px 10px;
205 font-size: 12px;
206 text-decoration: none;
207 font-weight: bold;
208 }
209 .button a:hover, input[type=submit]:hover {
210 background-color: #a3431f;
211 color: #ffffff;
212 }
213
214 /* Round corner */
215
216 #block_nav, pre, .box, .searchbox, .button a, #twitter {
217 -moz-border-radius: 4px;
218 -webkit-border-radius: 4px;
219 border-radius: 4px;
220 }
221
222 /* Transition */
223
224 .box {
225 -webkit-transition-property: background-color;
226 -webkit-transition-duration: 2s;
227 -moz-transition-property: background-color;
228 -moz-transition-duration: 2s;
229 transition-property: background-color;
230 transition-duration: 2s;
231 }
232
233 /* Form */
234
235 input[type=submit] {
236 border: 1px solid #b64b22;
237 background-color: #b64b22;
238 color: white;
239 font-weight: bold;
240 cursor: pointer;
241 padding: 4px 10px;
242 font-size: 14px;
243 margin-left: -5px;
244 -webkit-border-top-right-radius: 4px;
245 -webkit-border-bottom-right-radius: 4px;
246 -moz-border-radius-topright: 4px;
247 -moz-border-radius-bottomright: 4px;
248 border-top-right-radius: 4px;
249 border-bottom-right-radius: 4px;
250 }
251
252 input[type=submit]:hover { background-color: #a3431f; }
253
254 input[type=text] {
255 border: 1px inset #333333;
256 padding: 2px;
257 height: 17px;
258 width: 100%;
259 -webkit-border-radius: 4px;
260 -moz-border-radius: 4px;
261 border-radius: 4px;
262 }
263
264 /* Footer */
265
266 #footer {
267 background: #f1f1f1;
268 text-align: center;
269 border-top: 1px solid #ddd;
270 padding: 40px;
271 color: #666;
272 }
273
274 #footer a { color: #666; padding: 0 2px; }
275
276 .year:after {
277 /* content: "2007-2014"; */
278 content: "2014";
279 }
280
281 /* Mercurial */
282
283 #tarball ul { margin: 0 0 6px; padding: 0px; }
284 #tarball li { display: inline-block; }
285
286 #content a { text-decoration:none; }
287
288 #block_nav li { font-weight: bold; }
289
290 .container {
291 margin: 0px 280px 0px 0px;
292 padding: 0px 40px 60px 40px;
293 }
294
295 .main {
296 background: white;
297 }
298
299 #.main {
300 width: 100%;
301 }
302
303 .overflow {
304 width: 100%;
305 overflow: auto;
306 }
307
308 .search {
309 text-align: center;
310 }
311
312 form.search div#hint {
313 display: none;
314 position: absolute;
315 top: 96px;
316 left: 10%;
317 width: 300px;
318 padding: 5px 10px;
319 background: #f1f1f1;
320 border: 1px solid #c5c5c5;
321 -moz-border-radius: 5px; /* this works only in camino/firefox */
322 -webkit-border-radius: 5px; /* this is just for Safari */
323 }
324
325 form.search:hover div#hint { display: block; }
326
327 .age { white-space:nowrap; }
328 .date { white-space:nowrap; }
329 .indexlinks { white-space:nowrap; }
330 .parity0 { background-color: #f0f0f0; }
331 .parity1 { background-color: white; }
332 .plusline { color: green; }
333 .minusline { color: #dc143c; } /* crimson */
334 .atline { color: purple; }
335
336 .navigate {
337 text-align: right;
338 font-size: 80%;
339 margin: 1em 0;
340 }
341
342 .tag {
343 color: #999;
344 font-size: 70%;
345 font-weight: normal;
346 margin-left: .5em;
347 vertical-align: baseline;
348 }
349
350 .branchhead {
351 color: #000;
352 font-size: 80%;
353 font-weight: normal;
354 margin-left: .5em;
355 vertical-align: baseline;
356 }
357
358 ul#graphnodes .branchhead {
359 font-size: 75%;
360 }
361
362 .branchname {
363 color: #000;
364 font-size: 60%;
365 font-weight: normal;
366 margin-left: .5em;
367 vertical-align: baseline;
368 }
369
370 h3 .branchname {
371 font-size: 80%;
372 }
373
374 /* Common */
375 pre { margin: 0; }
376
377 h2 a { color: #215090; }
378
379 /* log and tags tables */
380 .bigtable {
381 border-bottom: 1px solid #999;
382 border-collapse: collapse;
383 font-size: 90%;
384 width: 100%;
385 font-weight: normal;
386 text-align: left;
387 margin-top: 10px;
388 }
389
390 .bigtable td {
391 vertical-align: top;
392 }
393
394 .bigtable th {
395 padding: 1px 4px;
396 border-bottom: 1px solid #999;
397 }
398 .bigtable tr { border: none; }
399 .bigtable .age { width: 6em; }
400 .bigtable .author { width: 12em; }
401 .bigtable .description { }
402 .bigtable .node { width: 5em; font-family: monospace;}
403 .bigtable .permissions { width: 8em; text-align: left;}
404 .bigtable .size { width: 5em; text-align: right; }
405 .bigtable .annotate { text-align: right; }
406 .bigtable td.annotate { font-size: smaller; }
407 .bigtable td.source { font-size: inherit; }
408
409 .source, .sourcefirst, .sourcelast {
410 font-family: monospace;
411 white-space: pre;
412 padding: 1px 4px;
413 font-size: 90%;
414 }
415 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
416 .sourcelast { border-top: 1px solid #999; }
417 .source a { color: #999; font-size: smaller; font-family: monospace;}
418 .bottomline { border-bottom: 1px solid #999; }
419
420 .fileline { font-family: monospace; }
421 .fileline img { border: 0; }
422
423 .tagEntry .closed { color: #99f; }
424
425 /* Changeset entry */
426 #changesetEntry {
427 border-collapse: collapse;
428 font-size: 90%;
429 width: 100%;
430 margin-bottom: 1em;
431 }
432
433 #changesetEntry th {
434 padding: 1px 4px;
435 width: 4em;
436 text-align: right;
437 font-weight: normal;
438 color: #999;
439 margin-right: .5em;
440 vertical-align: top;
441 }
442
443 div.description {
444 border-left: 2px solid #999;
445 margin: 1em 0 1em 0;
446 padding: .3em;
447 }
448
449 /* Graph */
450 div#wrapper {
451 position: relative;
452 border-top: 1px solid black;
453 border-bottom: 1px solid black;
454 margin: 0;
455 padding: 0;
456 }
457
458 canvas {
459 position: absolute;
460 z-index: 5;
461 top: -0.7em;
462 margin: 0;
463 }
464
465 ul#graphnodes {
466 position: absolute;
467 z-index: 10;
468 top: -1.0em;
469 list-style: none inside none;
470 padding: 0;
471 }
472
473 ul#nodebgs {
474 list-style: none inside none;
475 padding: 0;
476 margin: 0;
477 top: -0.7em;
478 }
479
480 ul#graphnodes li, ul#nodebgs li {
481 height: 39px;
482 }
483
484 ul#graphnodes li .info {
485 display: block;
486 font-size: 70%;
487 position: relative;
488 top: -3px;
489 }