wok-stable view slitaz-mercurial-style/stuff/templates/static/style-slitaz.css @ rev 7941

slitaz-mercurial-style: add missing icon and some fixes
author Christophe Lincoln <pankso@slitaz.org>
date Wed Jan 12 00:31:56 2011 +0100 (2011-01-12)
parents 5dc095e54903
children
line source
1 html {
2 min-height: 102%;
3 }
4
5 body {
6 background: #ffffff;
7 color: black;
8 font: 13px sans-serif, vernada, arial;
9 margin: 0;
10 border-top: 34px solid #f1f1f1;
11 }
12
13 /* Accessibility */
14
15 #access {
16 position: absolute;
17 top: 4px;
18 right: 0px;
19 text-align: right;
20 width: auto;
21 margin: 0;
22 padding: 4px 4px 4px 20px;
23 font-size: 11px;
24 font-weight: bold;
25 }
26
27 #access a {
28 background: transparent;
29 color: #0F314E;
30 text-decoration: none;
31 }
32
33 #access a:hover {
34 background: inherit;
35 color: #b64b22;
36 }
37
38 #access img {
39 vertical-align: middle;
40 }
41
42 /* Header and title */
43
44 #header {
45 background: #351a0a url(header-img.png) no-repeat top right;
46 color: black;
47 width: 100%;
48 height: 42px;
49 border-top: 1px solid black;
50 border-bottom: 1px solid #999;
51 margin-bottom: 33px;
52 }
53
54 #titre {
55 position: absolute;
56 font-size: 14px;
57 font-weight: bolder ;
58 left: 180px;
59 top: 4px;
60 }
61
62 #logo {
63 position: absolute;
64 float: left;
65 left: 16px;
66 top: -10px;
67 width: 200px;
68 height: 74px;
69 }
70
71 /* Side bar Navigation */
72
73 #nav {
74 position: absolute;
75 top: 102px;
76 right: 80px;
77 color: #555555;
78 float: right;
79 width: 250px;
80 line-height: 1.5em;
81 text-align: left;
82 font-size: 12px;
83 }
84
85 #nav .nav_box ul {
86 list-style-type: none;
87 margin: 0;
88 padding: 10px 24px 10px 0px;
89 background-color: inherit;
90 }
91
92 #nav li {
93 display: inline;
94 }
95
96 #nav h4 {
97 font-size: 120%;
98 color: #666666;
99 font-weight: bold;
100 margin: 0;
101 padding: 0 0 1px 0;
102 border-bottom: 1px solid #cecece;
103 }
104
105 #nav a {
106 color: #0F314E;
107 background: inherit;
108 display: block;
109 text-decoration: none;
110 font-weight: bold;
111 }
112
113 #nav a:hover {
114 color: #b64b22;
115 text-decoration: none;
116 display: block;
117 }
118
119 #nav ul {
120 -moz-border-radius: 8px;
121 -webkit-border-radius: 8px;
122 border-radius: 8px;
123 list-style-type: none;
124 margin: 10px 0;
125 padding: 10px 24px 10px 24px;
126 background-color: #eaeaea;
127 }
128
129 .nav_box {
130 margin: 10px 0;
131 padding: 10px 24px 10px 24px;
132 background-color: #eaeaea;
133 text-align: justify;
134 -moz-border-radius: 8px;
135 -webkit-border-radius: 8px;
136 border-radius: 8px;
137 -moz-box-shadow: 0 1px 3px #666;
138 -webkit-box-shadow: 0 1px 3px #666;
139 box-shadow: 0 1px 3px #666;
140 /* CSS3 transition */
141 -webkit-transition-property: background-color;
142 -webkit-transition-duration: 2s;
143 -moz-transition-property: background-color;
144 -moz-transition-duration: 2s;
145 transition-property: background-color;
146 transition-duration: 2s;
147 }
148
149 .nav_box:hover { background-color: #f8f8f8; }
150
151 #nav .nav_box p {
152 line-height: 1.3em;
153 }
154
155 #nav .nav_box p a {
156 display: inline;
157 font-weight: normal;
158 text-decoration: underline;
159 }
160
161 #nav .nav_box p a:hover {
162 text-decoration: none;
163 color: blue;
164 background: inherit;
165 }
166
167 /* Page content */
168
169 #content {
170 background: white;
171 color: black;
172 text-align: justify;
173 height: auto;
174 margin: 6px 320px 0px 0px;
175 padding: 0px 40px 60px 80px;
176 }
177
178 #content-full {
179 background: white;
180 color: black;
181 text-align: justify;
182 height: auto;
183 margin: 0;
184 padding: 0px 80px 40px 80px;
185 }
186
187 #content li, #content-full li {
188 line-height: 1.5em;
189 text-align: left;
190 }
191
192 #news li {
193 list-style-type: square;
194 border-bottom: 1px dotted #BEBEBE;
195 margin-left: -25px;
196 padding: 4px 0px 4px 0px;
197 }
198
199 #news a {
200 text-decoration: none;
201 }
202
203 #gallery {
204 text-align: center;
205 }
206
207 /* Box and block. */
208
209 .infobox {
210 margin: 20px 60px;
211 padding: 12px;
212 background: #f8f8f8;
213 }
214
215 .infobox img { vertical-align: middle; }
216 /* .infobox:hover { background-color: #f2b21d; } */
217 .infobox:hover { background-color: #FBFBFB; }
218
219 .block {
220 /*padding-bottom: 35%;*/
221 color: black;
222 min-height: 200px;
223 margin-bottom: 40px;
224 }
225
226 .block ul {
227 list-style-type: none;
228 margin: 0;
229 padding: 0 20px;
230 }
231
232 .block_left {
233 width: 46%;
234 float: left;
235 background-color: #eaeaea;
236 margin: 4px 2px;
237 padding: 0 10px 10px 10px;
238 }
239
240 .block_right {
241 width: 46%;
242 float: right;
243 background-color: #eaeaea;
244 margin: 4px 2px;
245 padding: 0 10px 10px 10px;
246 }
247
248 #block_top {
249 color: black;
250 background-color: #eaeaea;
251 min-height: 180px;
252 margin-bottom: 40px;
253 margin-right: 340px;
254 padding: 0 10px;
255 }
256
257 #block_nav {
258 width: 300px;
259 min-height: 180px;
260 float: right;
261 background-color: #eaeaea;
262 margin: 0;
263 padding: 0 10px;
264 }
265
266 .infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
267 -moz-border-radius: 8px;
268 -webkit-border-radius: 8px;
269 border-radius: 8px;
270 -moz-box-shadow: 0 1px 3px #666;
271 -webkit-box-shadow: 0 1px 3px #666;
272 box-shadow: 0 1px 3px #666;
273 /* CSS3 transition */
274 -webkit-transition-property: background-color;
275 -webkit-transition-duration: 2s;
276 -moz-transition-property: background-color;
277 -moz-transition-duration: 2s;
278 transition-property: background-color;
279 transition-duration: 2s;
280 }
281
282 #block_nav {
283 font-weight: bold;
284 }
285
286 #block_nav a {
287 text-decoration: none;
288 }
289
290 #block_nav li a:hover {
291 color: #b64b22;
292 }
293
294 #block_nav ul {
295 margin: 0;
296 list-style-type: none;
297 }
298
299 #block_nav h3 {
300 font-size: 110%;
301 }
302
303 .block_left:hover, .block_right:hover, #block_top:hover,
304 #block_nav:hover, #footer:hover {
305 background-color: #f8f8f8;
306 }
307
308 #block_top li { display: inline; }
309 #block_top li a { font-weight: bold; }
310
311 .right_box {
312 width: 50%;
313 float: right;
314 }
315
316 .floor {
317 color: #999999;
318 font-size: 20px;
319 -webkit-transform: rotate(-45deg) skew(15deg, 15deg);
320 -moz-transform: rotate(-45deg) skew(15deg, 15deg);
321 -o-transform: rotate(-45deg) skew(15deg, 15deg);
322 -ms-transform: rotate(-45deg) skew(15deg, 15deg);
323 transform: rotate(-45deg) skew(15deg, 15deg);
324 }
325
326 /* Button */
327
328 .button { margin-left: 20px; }
329
330 .button a {
331 background-color: #b64b22;
332 color: #ffffff;
333 margin-right: 6px;
334 padding: 6px 10px;
335 font-size: 14px;
336 -moz-border-radius: 4px;
337 -webkit-border-radius: 4px;
338 border-radius: 4px;
339 -moz-box-shadow: 0 1px 3px #666;
340 -webkit-box-shadow: 0 1px 3px #666;
341 box-shadow: 0 1px 3px #666;
342 }
343
344 .button a:hover, input[type=submit]:hover {
345 background-color: #a3431f;
346 color: #ffffff;
347 }
348
349 input[type=submit] {
350 border: 1px solid #b64b22;
351 background-color: #b64b22;
352 color: white;
353 font-weight: bold;
354 cursor: pointer;
355 padding: 2px 10px;
356 font-size: 14px;
357 -moz-border-radius: 2px;
358 -webkit-border-radius: 2px;
359 border-radius: 2px;
360 -moz-box-shadow: 0 0 5px #666;
361 -webkit-box-shadow: 0 0 5px#666;
362 box-shadow: 0 0 5px #666;
363 }
364
365 input[type=text] {
366 border: 1px solid #333333;
367 padding: 3px;
368 width: 100%;
369 max-width: 500px;
370 }
371
372 /* HTML styles */
373
374 h1 {
375 color: #444444;
376 background: transparent;
377 text-align: left;
378 margin: 0px 0px 4px 0px;
379 font-size: 150%;
380 font-weight: bold;
381 padding: 5px 0 0 10px;
382 }
383
384 h2 {
385 color: #b64b22;
386 padding: 0;
387 margin: 20px 0 0 0;
388 font-size: 130%;
389 font-weight: bold;
390 }
391
392 h3 {
393 font-weight: bold;
394 color: #666666;
395 background: transparent;
396 }
397
398 h3 img {
399 vertical-align: middle;
400 width: 20px;
401 height: 20px;
402 padding-right: 4px;
403 }
404
405 a {
406 text-decoration: underline;
407 color: #103A5E;
408 background: inherit;
409 }
410
411 a:hover {
412 text-decoration: none;
413 color: blue;
414 background: inherit;
415 }
416
417 code {
418 font-size: 12px;
419 color: #669900;
420 background: inherit;
421 }
422
423 tt {
424 color: #15EE15;
425 background: inherit;
426 }
427
428 img {
429 border: 0pt none;
430 }
431
432
433 pre {
434 padding: 5px;
435 color: black;
436 background: #f1f1f1;
437 }
438
439 pre.script {
440 padding: 10px;
441 color: black;
442 background: #E8E8E8;
443 border: 1px inset #606060;
444 }
445
446 textarea {
447 background: #E5E5E5;
448 margin-top: 12px;
449 }
450
451 .year:after {
452 /* content: "2007-2011"; */
453 content: "2011";
454 }
455
456 /* Footer */
457
458 #footer {
459 margin: 0px 80px 80px 80px;
460 padding: 10px;
461 background: #eaeaea;
462 color: #666666;
463 height: 180px;
464 clear: both;
465 border-radius: 8px;
466 -moz-border-radius: 8px;
467 -webkit-border-radius: 8px;
468 -moz-box-shadow: 0 1px 3px #666;
469 -webkit-box-shadow: 0 1px 3px #666;
470 box-shadow: 0 1px 3px #666;
471 }
472 #footer a {
473 background: inherit;
474 color: #666666;
475 }
476 #footer a:hover {
477 background: inherit;
478 color: #333333;
479 }
480 #footer ul {
481 list-style-type: none;
482 }
483 #footer li {
484 padding: 2px;
485 }
486 #footer h4 {
487 margin: 0 20px;
488 font-size: 125%;
489 }
490
491 .container {
492 margin: 6px 280px 0px 0px;
493 padding: 0px 40px 60px 40px;
494 }
495
496 .main {
497 background: white;
498 }
499
500 #.main {
501 width: 100%;
502 }
503
504 .overflow {
505 width: 100%;
506 overflow: auto;
507 }
508
509 .search {
510 text-align: center;
511 }
512
513 form.search div#hint {
514 display: none;
515 position: absolute;
516 top: 0px;
517 right: 280px;
518 width: 200px;
519 padding: 5px;
520 background: #ffc;
521 font-size: 80%;
522 border: 1px solid yellow;
523 -moz-border-radius: 5px; /* this works only in camino/firefox */
524 -webkit-border-radius: 5px; /* this is just for Safari */
525 }
526
527 form.search:hover div#hint { display: block; }
528
529 a { text-decoration:none; }
530 .age { white-space:nowrap; }
531 .date { white-space:nowrap; }
532 .indexlinks { white-space:nowrap; }
533 .parity0 { background-color: #f0f0f0; }
534 .parity1 { background-color: white; }
535 .plusline { color: green; }
536 .minusline { color: #dc143c; } /* crimson */
537 .atline { color: purple; }
538
539 .navigate {
540 text-align: right;
541 font-size: 80%;
542 margin: 1em 0;
543 }
544
545 .tag {
546 color: #999;
547 font-size: 70%;
548 font-weight: normal;
549 margin-left: .5em;
550 vertical-align: baseline;
551 }
552
553 .branchhead {
554 color: #000;
555 font-size: 80%;
556 font-weight: normal;
557 margin-left: .5em;
558 vertical-align: baseline;
559 }
560
561 ul#graphnodes .branchhead {
562 font-size: 75%;
563 }
564
565 .branchname {
566 color: #000;
567 font-size: 60%;
568 font-weight: normal;
569 margin-left: .5em;
570 vertical-align: baseline;
571 }
572
573 h3 .branchname {
574 font-size: 80%;
575 }
576
577 /* Common */
578 pre { margin: 0; }
579
580 h2 a { color: #b64b22; }
581
582 /* log and tags tables */
583 .bigtable {
584 border-bottom: 1px solid #999;
585 border-collapse: collapse;
586 font-size: 90%;
587 width: 100%;
588 font-weight: normal;
589 text-align: left;
590 margin-top: 20px;
591 }
592
593 .bigtable td {
594 vertical-align: top;
595 }
596
597 .bigtable th {
598 padding: 1px 4px;
599 border-bottom: 1px solid #999;
600 }
601 .bigtable tr { border: none; }
602 .bigtable .age { width: 6em; }
603 .bigtable .author { width: 12em; }
604 .bigtable .description { }
605 .bigtable .node { width: 5em; font-family: monospace;}
606 .bigtable .permissions { width: 8em; text-align: left;}
607 .bigtable .size { width: 5em; text-align: right; }
608 .bigtable .annotate { text-align: right; }
609 .bigtable td.annotate { font-size: smaller; }
610 .bigtable td.source { font-size: inherit; }
611
612 .source, .sourcefirst, .sourcelast {
613 font-family: monospace;
614 white-space: pre;
615 padding: 1px 4px;
616 font-size: 90%;
617 }
618 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
619 .sourcelast { border-top: 1px solid #999; }
620 .source a { color: #999; font-size: smaller; font-family: monospace;}
621 .bottomline { border-bottom: 1px solid #999; }
622
623 .fileline { font-family: monospace; }
624 .fileline img { border: 0; }
625
626 .tagEntry .closed { color: #99f; }
627
628 /* Changeset entry */
629 #changesetEntry {
630 border-collapse: collapse;
631 font-size: 90%;
632 width: 100%;
633 margin-bottom: 1em;
634 }
635
636 #changesetEntry th {
637 padding: 1px 4px;
638 width: 4em;
639 text-align: right;
640 font-weight: normal;
641 color: #999;
642 margin-right: .5em;
643 vertical-align: top;
644 }
645
646 div.description {
647 border-left: 2px solid #999;
648 margin: 1em 0 1em 0;
649 padding: .3em;
650 }
651
652 /* Graph */
653 div#wrapper {
654 position: relative;
655 border-top: 1px solid black;
656 border-bottom: 1px solid black;
657 margin: 0;
658 padding: 0;
659 }
660
661 canvas {
662 position: absolute;
663 z-index: 5;
664 top: -0.7em;
665 margin: 0;
666 }
667
668 ul#graphnodes {
669 position: absolute;
670 z-index: 10;
671 top: -1.0em;
672 list-style: none inside none;
673 padding: 0;
674 }
675
676 ul#nodebgs {
677 list-style: none inside none;
678 padding: 0;
679 margin: 0;
680 top: -0.7em;
681 }
682
683 ul#graphnodes li, ul#nodebgs li {
684 height: 39px;
685 }
686
687 ul#graphnodes li .info {
688 display: block;
689 font-size: 70%;
690 position: relative;
691 top: -3px;
692 }