]> git.sur5r.net Git - bacula/bacula/blob - gui/bweb/html/kaiska.css
ebl Add brestore ajax port.
[bacula/bacula] / gui / bweb / html / kaiska.css
1 /*
2 * ----------------------------------------------------------------------------
3 * "THE BEER-WARE LICENSE" (Revision 42):
4 * Willy Morin (kaiska@ifrance.com) wrote this file. As long as you retain this
5 * notice you can do whatever you want with this stuff. If we meet some day,
6 * and you think this stuff is worth it, you can buy me a beer in return
7 *
8 * Willy Morin
9 * http://kaiska.flinkserver.net
10 *
11 * Addendum Étienne Bersac ( commentsbrowser ), http://bersace03.free.fr
12 * ----------------------------------------------------------------------------
13 */ 
14
15 * { font-family: sans-serif, monospace; }
16
17 body { background: #f1f1f1; }
18
19 a:link {    
20     color: #36598E;
21     text-decoration: none;
22 }    
23     
24 a:visited {    
25     color: #B64545;
26     text-decoration: none;
27 }
28
29 h1.rubrique_info {
30     color: #552 !important;  
31     margin: 0px 0px 0px 0px;
32     padding: 0em; 
33     border: 0px;
34     font-size: 12px;
35 }
36 h1.connexe {
37     font-size: 12px;
38     padding: 0em;
39     margin: 0px 0px 0px 0px;
40     color: #900;
41 }
42
43 a.rubrique_infolink { text-decoration: none; }
44 ul.rubrique_infoul {
45     display: inline;
46     list-style-type: square;
47 }
48 ul.rubrique_infoul * { width: 100%; }
49 li.rubrique_infoul { margin-left: 15px; }
50
51 .leftbox ul.rubrique_infoul {
52         display:block;
53         padding: 0 10px 0 10px;
54         margin-right: -10px;
55 }
56
57 h1 { color: #990033; }
58
59 div.main {  
60                 margin: 15px 10px 0px 10px;
61     border: 2px #ddd solid;
62     text-align: left;
63     font-size: 0.8em;
64 }
65
66 div.lsfnbanner {
67         position: absolute;
68         top: 0;
69         left: 4px;
70         width: 99%;
71         text-align: center;
72         font-size: .8em;
73         padding: 0;
74         margin: 0;
75         border: 0;
76 }
77
78 div.footer {
79         padding-top: 5px;
80         padding-bottom: 3px;
81         border-top: 1px #ccc solid;
82         border-left: 1px #ccc solid;
83         border-right: 1px #ccc solid;
84         text-align: left;
85         font-size: 9px;
86         background: #eeeae6;
87         margin-top: 40px;
88         margin-left: 20px;
89         margin-right: 20px;
90 }
91 div.footer p {
92         margin-left: 10px;
93         margin-top: 2px;
94         margin-bottom: 2px;
95 }
96 div.menubartop {
97     margin: 0;
98                 padding:0;
99                 background:#ddd;
100 }
101
102 div.smallmenubar {
103     padding: 4px;
104                 padding-left: 10px;
105                 padding-right: 10em;
106                 margin-top: -4px;
107                 font-weight: normal;
108     font-size: 0.8em;
109     text-align: left;
110                 background: #e0ddd8;
111 }
112
113 div.smallmenubar a:hover{
114         margin-bottom:4px;
115 }
116 div.menuevent {
117     float: left;
118     width: 350px;
119     font-size: 11px;
120     text-align: left;
121     padding-top: 0px;
122     padding-bottom: 0px;
123     padding-left: 10px;
124     font-weight: bold;
125     margin: 0px;
126 }
127 div.menubar {
128     background: #eeeae6;
129     border-top: 1px #999 solid;
130     border-bottom: 1px #999 solid;
131     padding: 2px 10px 3px 10px;
132     font-weight:bold;
133     font-size: 1em;
134 }
135 div.menubar a {
136         text-decoration: none;
137 }
138 div.menubar p {
139         padding: 0px;
140         margin: 0px;
141 }
142
143 .menudate { visibility:hidden;height:0;margin:0;padding:0;}
144
145 div.menusearch {
146         float: none;
147         position: absolute;
148         top: 19px;
149         right:22px;
150         margin:0;
151   text-align: left;
152         padding: 0;
153         width: auto;
154         background: transparent url('/bweb/add.png') 2px no-repeat;
155         padding-left:25px;
156 }
157 div.menusearch p {
158         margin: 0;
159 }
160 div.newsletter {
161         float: right;
162         text-align: right;
163         margin: 0px;
164         padding: 0px;
165         font-size: 8px;
166         font-weight: normal;
167 }
168 div.newsletter p { margin: 0px 0px 0px 0px; }
169 .searchinput {
170         border: solid 1px #ccc;
171         padding-left: 5px;
172         padding-right: 5px;
173         height:1.1em;
174 }
175 .searchinput:focus{
176         border: solid 1px #777;
177         background: #f5f5e9;
178         padding-left: 5px;
179         padding-right: 5px;
180 }
181
182 .newsletterinput {
183     border: solid 1px black;
184     font-weight: normal;
185 }
186 a#menulinkselect { color: #ed7e00; }
187
188 div.leftbox {
189     width: 200px; 
190     float: left; 
191     padding-right: 5px;
192     padding-bottom: 5px;
193     border-right: 0px solid #ccc;
194     border-bottom: 0px solid #ccc;
195     background: white;
196     margin-bottom: 10px;
197     margin-right: 20px;
198     overflow: hidden;
199 }
200 div.leftbox h1 {
201         text-transform: uppercase;
202         font-weight: bold;
203         color: #ed7e00;
204         font-size: 10px;
205         margin: 0px;
206 }
207 div.leftbox h2 {
208         font-weight: bold;
209         font-size: 12px;
210         margin: 0px;
211 }
212 div.leftbox ul {
213   list-style-type: square;
214         color: #552;
215         margin-left: 5px;
216         margin-right: 5px;
217         padding-left: 10px;
218         border: 1px solid #bbb;
219         background: #eeeae6;
220         -moz-border-radius: 10px;
221 }
222 div.leftbox li {
223         margin-left: 10px;
224         margin-top: 3px;
225         padding-bottom: 3px;
226         border-bottom: 1px solid #ddd;
227         font-size:0.8em;
228 }
229
230 div.leftbox p {
231         color: #552;
232         text-align:center;
233 }
234
235 div.rightbox {
236     width: 140px; 
237     float: right; 
238     padding-top: 10px;
239     padding-left: 5px;
240                 padding-right: 15px;
241     padding-bottom: 5px;
242     border: 1px solid #ccc;
243                 margin: 10px;
244                 -moz-border-radius: 10px;
245                 text-align: left;
246                 background: #eeeae6;
247 }
248 div.rightbox h1{
249         color: #552;
250 }
251
252 div.rightbox ul {
253   list-style-type: square;
254         color: #552;
255         padding:0;
256 }
257 div.rightbox li {
258         margin-left: 10px;
259         margin-top: 3px;
260         padding-bottom: 3px;
261         border-bottom: 1px solid #ddd;
262         font-size:0.8em;
263 }
264
265 div.journaldiv {
266         margin-left: 0px;
267         margin-right: 0px;
268         margin-top: 20px;
269         margin-bottom: 20px;
270         border: 1px solid #ccc;
271         padding-top: 5px;
272         padding-bottom: 5px;
273         padding-right: 10px;
274         padding-left: 10px;
275         background-color: #eeeae6;
276         -moz-border-radius: 10px;
277 }
278 div.journaldiv p {
279         margin-top: 10px;
280         margin-bottom: 0px;
281 }
282 div.journaldiv h1 {
283   color: #552;
284         margin: 0;
285         border-bottom: 1px dotted #bbb;
286 }
287 div.journaldiv h2 {
288         font-size: 10px;
289         margin: 0;
290 }
291 div.tipdiv {
292         margin-right: 50px;
293         padding-top: 5px;
294         padding-right: 10px;
295         padding-left: 10px;
296         text-align: justify;
297         background-color: #eee;
298         border: black solid 1px;
299         margin-left: 10px;
300 }
301 div.tipdiv h1 {
302         font-weight: bold;
303         font-size: 14px;
304         color: black;
305   margin-top: 0;
306   margin-bottom: 20px;
307 }
308 div.tipdiv h2 {
309         text-transform: uppercase;
310         font-weight: bold;
311         color: #ed7e00;
312         font-size: 12px;
313         margin: 0;
314 }
315
316 div.newsdiv {
317     margin-left: 220px;
318     margin-right: 180px;
319     margin-top: 10px;
320     margin-bottom: 20px;
321         text-align: justify;
322 }
323 div.newsdiv h1 {
324         font-weight: bold;
325         font-size: 14px;
326         margin: 0px;
327 }
328 div.newsdiv h2 {
329         font-weight: normal;
330         font-size: 12px;
331         margin: 0px;
332 }
333 div.newsdiv h3 {
334         font-weight: normal;
335         font-size: 12px;
336         margin-bottom: 20px;
337 }
338 div.objdiv {
339     margin-left: 220px;
340     margin-right: 20px;
341     margin-top: 10px;
342     margin-bottom: 20px;
343 }
344
345 h1.newstitle {
346     text-align: left;
347     font-size: 14px;
348     margin: 0px 0px 0px 0px;
349     color: #552;
350 }
351 div.titlediv {
352     border-top: solid #cac2a8 0px;
353     margin-top: 20px;
354                 padding-top: 5px;
355     background-color: #eeeae6;
356     padding-left: 10px;
357     font-size: 11px;
358                 color:#666;
359                 -moz-border-radius: 10px 10px 0 0;
360 }
361 div.bodydiv {
362         border-top: solid #ccc 0px;
363         border-bottom: solid #ccc 1px;
364         border-left: solid #ccc 1px;
365         border-right: solid #ccc 1px;
366         padding-left: 10px;
367   padding-right: 10px;
368         padding-top: 10px;
369         padding-bottom: 5px;
370   margin-top: 0;
371   text-align: justify;
372         background: #f5f5f5;
373         -moz-border-radius: 0 0 10px 10px;
374 }
375
376 div.comments {
377     padding: 10px;
378     border-top: solid 2px #552;
379     border-bottom: solid 2px #552;
380     border-left: 1px solid #ccc;
381                 border-right: 1px solid #ccc;
382                 margin-top: 20px;
383     margin-bottom: 10px;
384     background: #dad6d1;
385     font-size: 12px;
386     line-height: 1.3em;
387                         -moz-border-radius: 10px;
388 }
389
390 .comment-vote { font-style: italic; color:#666; font-size:0.9em;}
391
392 p.commentsbody {
393   border-left: 1px solid #aaa;
394   padding-left: 10px;
395         text-align: justify;
396         margin-right: 20px;
397 }
398 div.commentsreply {
399         text-align: center;
400         margin-top: 10px;
401         font-size:0.9em;
402         color: #666;
403 }
404
405 div.commentsreply .searchinput{ height:auto; }
406
407 ul.commentsul {
408   list-style-type: none;
409         margin-bottom: 10px;
410         margin-left: 1.25em;
411         padding-left: 0;
412 }
413 ul.commentsli { margin: 10px; }
414 div.comments li {
415         margin-top: 20px;
416         margin-left: 2px;
417 }
418
419 div.comments h1 {
420     font-size: 12px;
421     color: black;
422     margin: 0px 20px 3px 0px;
423                 background:#ebe7e2;
424     padding-left: 1px;
425     font-weight: normal;
426                 -moz-border-radius: 10px;
427 }
428
429 div.articlediv {
430     padding-left: 20px;
431     padding-right: 20px;
432     padding-top: 10px;
433     padding-bottom: 20px;
434     margin-right: 180px;
435     margin-left: 220px;
436     margin-top: 10px;
437     text-align: justify;
438     background: #dad6d1;
439                 -moz-border-radius: 10px;
440                 border: 1px solid #ccc;
441 }
442 img { border: 0; }
443 div.sectionimg {
444     float: left;
445     margin-right: 10px;
446     margin-top: 5px;
447 }
448 p.hautpage {
449         margin-top: 20px;
450         margin-bottom: 20px;
451         margin-left: 10px;
452 }
453 div.leftcol {
454         width: 202px;
455         float: left;
456         padding: 0px;
457 }
458 div.logodiv {
459         border-right: 0px black solid;
460         border-bottom: 0px black solid;
461         padding: 0px;
462         line-height: 0px
463 }
464 div.loginbox {
465         margin-left: 4px;
466         border: solid #bbb 1px;
467         margin-top: 5px;
468         padding: 5px;
469         background-color: #E0DDD8;
470         font-size: 0.8em;
471         -moz-border-radius: 10px;
472 }
473 div.loginbox p {
474         margin: 0px;
475         padding: 0px;
476 }
477 div.loginbox ul {
478         margin-left: 2px;
479         margin-top: 0px;
480         margin-bottom: 0px;
481         padding: 0px;
482   list-style-type: none;
483         border-left: 1px solid #aaa;
484         padding-left: 8px;
485 }
486 div.loginbox h1 {
487         text-transform: none;
488         font-weight: bold;
489         color: #552;
490         font-size: 1.2em;
491         margin: 0px;
492         margin-top:10px;
493         border-bottom:1px solid #ccc;
494 }
495 div.loginbox h2 {
496         font-weight: bold;
497         font-size: 1.1em;
498         margin: 0px;
499 }
500 div.loginbox h3 {
501         margin-top: 0px;
502         margin-bottom: 5px;
503         font-size: 12px;
504 }
505 #poll div.otherbox ul {
506         margin-left: 0px;
507         margin-top: 0px;
508         margin-bottom: 10px;
509         padding: 0px;
510         list-style-type: none;
511 }
512 div.otherboxtitle {
513         margin-bottom: 2px;
514         background-color: #e0ddd8;
515         margin-left: 4px;
516         margin-top: 5px;
517         margin-bottom: 0px;
518         padding-left: 5px;
519         padding-top: 2px;
520         font-size: 11px;
521         border-top: 1px solid #ccc;
522         border-bottom: 0px solid #ccc;
523         font-size: 1em;
524         font-weight: bold;
525         -moz-border-radius: 10px 10px 0px 0px;
526         text-transform: none;
527 }
528 div.otherbox {
529         margin-left: 4px;
530         border: 1px #ccc solid;
531         border-top:0px;
532         margin-top: 0px;
533         padding: 5px;
534         text-align: left;
535         background: #e0ddd8;
536         font-size: 10px;
537         -moz-border-radius: 0px 0px 10px 10px;
538 }
539 div.otherbox h1 {
540         text-transform: uppercase;
541         font-weight: bold;
542         color: #552;
543         font-size: 1.2em;
544         margin: 0px;
545         text-transform: none;
546         border-bottom: 1px dotted #ccc;
547 }
548 div.otherbox h2 {
549         font-weight: bold;
550         font-size: 11px;
551         margin: 0px;
552 }
553 div.otherbox p {
554         margin-top: 5px;
555         margin-bottom: 10px;
556 }
557 div.rightlogo { 
558     width: 90px; 
559     float: right;
560     margin-right: 0px;
561     padding-top: 0px;
562     padding-left: 0px;
563     padding-bottom: 0px;
564 }   
565 div.centraldiv {
566   margin-left: 220px;
567   margin-right: 10px;
568   margin-bottom: 20px;
569         margin-top: 10px;
570 }
571 div.centraldiv h1 {
572         font-weight: bold;
573         font-size: 14px;
574         margin: 0px;
575 }
576 div.centraldiv h2 {
577         font-weight: normal;
578         font-size: 12px;
579         margin: 0px;
580 }
581 div.centraldiv h3 {
582         font-weight: normal;
583         font-size: 12px;
584         margin-bottom: 20px;
585 }
586 div.lefttopbox {
587         padding: 5px;
588         border: 2px #ddd solid;
589         text-align: justify;
590         background: #f9f9f9;
591         font-size: 0.8em;
592         float: left;
593         -moz-border-radius: 10px;
594 }
595 div.lefttopbox p {      margin-top: 5px; margin-bottom: 10px; }
596 div.lefttopbox h1 {
597         font-size: 0px;
598         font-weight: bold;
599         margin: 0px;
600         text-align: right;
601 }
602 div.lefttopbox h2 {
603         text-transform: uppercase;
604         font-weight: bold;
605         color: #ed7e00;
606         font-size: 13px;
607         margin: 0px;
608 }
609 div.lefttopbox h3 {
610         font-weight: bold;
611         font-size: 1.1em;
612         text-align:left;
613         margin: 0px;
614 }
615 div.righttopbox {
616         border: 1px #ccc solid;
617         background: white;
618         padding: 5px;
619         text-align: justify;
620         font-size: 0.8em;
621         width: 34%;
622         float: right;
623         -moz-border-radius: 10px;
624 }
625 div.righttopbox h1 {
626         text-transform:none;
627         font-weight: bold;
628         font-size: 10px;
629         margin: 0px;
630         color: #552;
631         border-bottom: 1px solid #ccc;
632 }
633 div.righttopbox h2 {
634         font-weight: bold;
635         font-size: 1.1em;
636         color: #666;
637         margin: 0px;
638 }
639 div.boardindex {
640         text-align: justify;
641         font-size: 11px;
642         padding: 10px;
643         margin-left: 20px;
644         margin-right: 20px;
645 }
646 a.boardindex:link,a.boardindex:visited,a.boardindex:active {
647         text-decoration:none;
648         color: red;
649 }
650 div.boardleftmsg {
651         float: left;
652         margin-top: 3px;
653 }
654 div.boardrightmsg {
655         margin-left: 130px;
656         margin-top: 3px;
657         padding-left: 5px;
658 }
659 div.journalbody {
660         margin-left: 40px;
661         margin-top: 40px;
662 }
663 div.journalbody h1 {
664         font-size: 15px;
665         font-weight: bold;
666 }
667 div.journalbody p {
668         margin-bottom: 20px;
669 }
670 .formulaire {
671     border: solid 1px black;
672 font-size: 12px;
673 background-color: #fffbf7;
674 color: #000000;
675 }
676
677 .newcomments {
678         color: red;
679         font-weight: bold;
680 }
681 div.commentsreplythanks {
682         margin-left: 100px;
683         margin-top: 50px;
684         margin-right: 100px;
685         background-color: #eee;
686         border: black solid 1px;
687         padding: 10px;
688 }
689 div.archivediv { margin-right: 20px; }
690 .archivedate { color:#f30; }
691 .archivelink {
692         font-size: 14px;
693         font-weight: bold;
694         text-decoration: underline;
695 }
696 div.forumgroup {
697         text-align: left;
698         border: solid black 1px;
699         padding: 10px 20px 20px 10px;
700         background-color: #eeeae6;
701         border: 1px solid #ccc;
702         -moz-border-radius: 10px;
703 }
704
705 div.forumgroup b{
706         color: #552;
707         background: #e0ddd8;
708         font-size: 1.1em;
709         display:block;
710         -moz-border-radius: 10px;
711         padding-left: 10px;
712         padding-right: 10px;
713         margin-left:-15px;
714         margin-right:-15px;
715         margin-top:-3px;
716 }
717
718 div.forumgroup td{
719         -moz-border-radius: 10px;
720 }
721
722 div.adminall {
723         font-size: 12px;
724         padding: 10px;
725 }
726 div.floatwin {
727     position:absolute;
728     top: 150px;
729     left: 450px;
730     width:200px;
731     visibility:hidden;
732     background: #dcdff4;
733     padding: 5px;
734     border: solid black 1px;
735 }
736
737 div.poll-result-bar {
738         background: #eeeae6;
739         color: black;
740         border: solid 1px #ccc;
741         font-size: 0.7em;
742         -moz-border-radius: 10px;
743 }
744 div.funbanner {
745         text-align: right;
746         border-top: #aaa solid 1px;
747         border-bottom: #aaa solid 1px;
748         padding-right: 20px;
749         padding-top: 2px;
750         padding-bottom: 2px;
751         font-size: 10px;
752         background-color: #fff2e8;
753         font-weight: bold;
754         margin-top: 10px;
755 }
756
757 div.main
758 {
759         margin-bottom: 3em !important;
760 }
761
762 .replie
763 {
764         display: none;  
765 }
766
767 .deplie
768 {
769         display: block;
770 }
771
772 #commentsnav
773 {
774         display: none;
775         text-align: right;
776 }
777
778 #commentsbrowser
779 {
780   border: 1px solid #baa !important;
781   background: #dfd6d1 !important;
782   color: #333333;
783   position: fixed;
784   bottom: 0.5ex;
785   max-height: 0.8ex;
786   padding: 2px 0 0;
787   overflow: hidden;
788   left: 19px !important;
789   right: 19px !important;
790   font-size: 10px;
791 }
792
793 #commentsbrowser:hover
794
795   max-height: none;
796   padding: 0.5ex;
797   overflow: hidden;
798 }
799
800 div.comments h1.nouveau
801 {
802         border: 1px solid rgb(211, 117, 55);
803         /*border: 1px solid #D58E64;*/
804         background-color: rgb(225, 220, 220);
805         
806         color: #111111;
807 }
808
809 #pallierdiv, #csspersodiv
810 {
811         position: fixed;
812         bottom: 5em;
813         left: 3%;
814         max-width: 17em;
815         border: 1px solid #333333;
816         background: #EEEEEE;
817         color: #333333;
818         padding: 0.6em;
819         display: none;
820 }
821
822 #csspersodiv
823 {
824         left: 37%;
825         max-width: 35em;
826 }
827
828 #pallierdiv input, #csspersodiv input
829 {
830         margin-left: 0.2em;
831 }
832
833 form
834 {
835         margin: 0;
836 }
837
838 #cssurl
839 {
840         width: 12em;
841 }
842
843 #pallierdiv h3, #csspersodiv h3
844 {
845     font-size: 12px;
846     padding: 0;
847     margin: 0 0 0.5em 0;
848     color: #990033;
849 }
850
851 tt 
852 {
853         font-size: 1em;
854         background:#fffbec;
855         color: #330;
856 }
857                 
858 pre, code, blockquote,quote
859 {
860         font-size: 1em;
861         display:block;
862         background:#fffbec;
863         margin: 5px 15px 5px 15px;
864         padding: 5px;
865         border-left: 1px solid #552;
866         color: #330;
867 }
868
869 tt, pre, code
870 {
871         font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
872 }
873
874 blockquote {    font-style:italic; }
875
876 div.titledivmini {
877     border-top: solid #cac2a8 0px;
878                 padding-top: 5px;
879     background-color: #eeeae6;
880     padding-left: 10px;
881                 color:#666;
882                 -moz-border-radius: 10px 10px 0 0;
883 }
884 h1.newstitlemini {
885     text-align: left;
886     margin: 0px 0px 0px 0px;
887     color: #552;
888                 font-size: 12px !important;
889 }
890 div.subtitlemini {
891     border-top: solid #cac2a8 0px;
892     margin-top: 0px;
893                 padding-top: 5px;
894     background-color: #eeeae6;
895     padding-left: 1px;
896     font-size: 11px;
897                 color:#666;
898 }
899 div.bodydivmini {
900         border-top: solid #ccc 0px;
901         border-bottom: solid #ccc 1px;
902         border-left: solid #ccc 1px;
903         border-right: solid #ccc 1px;
904         padding-left: 2px;
905   padding-right: 2px;
906         padding-top: 1px;
907         padding-bottom: 1px;
908   margin-top: 0;
909   margin-bottom: 2px;
910   text-align: justify;
911         background: #f5f5f5;
912         font-size: 11px;
913         -moz-border-radius: 0 0 10px 10px;
914 }
915
916 blockquote:before {
917         content: "\00AB";
918         font-size:1.3em;
919         font-weight: bold;
920         color: #552;
921 }
922
923 blockquote:after {
924         content: "\00BB";
925         font-size:1.3em;
926         font-weight: bold;
927         color: #552;
928 }
929
930 em{ font-style: italic; }
931
932 #palliercontainer {
933       text-align: left;
934       margin-left: 20px;
935 }
936
937 #csscourantecontainer {
938       text-align: center;
939       padding-left: 20%;
940 }
941
942 #newcommentsnav {
943       float: right;
944       text-align: right;
945 }
946
947 .centraldiv table {
948 border: 0;
949 }
950 .centraldiv table td {
951 border: thin solid #BBBBBB;
952 background:#E0DDD8;
953 }
954
955 .centraldiv table th {
956 padding:1em;
957 background:#CCCCCC;
958 border:0;
959 border-top:1em solid white;
960 }
961
962 div.extrait {
963 visibility:hidden;
964 position:fixed;
965 bottom:1em;
966 right:1em;
967 left:1em;
968 background:#E0DDD8;
969 border:thin solid #BBBBBB;
970 }