source: spip-zone/_plugins_/_stable_/phpmyvisites/themes/default/css/styles.php @ 9970

Last change on this file since 9970 was 9970, checked in by cedric@…, 14 years ago

"compatibilite 1.9.2 et repertoires"

File size: 14.2 KB
Line 
1<?php
2header('Content-type: text/css');
3$theme_path = "";
4$direction = $_GET["dir"];
5
6if ($direction == "rtl")
7{
8        $rightouleft = "right";
9        $leftouright = "left";
10}
11else
12{
13        $rightouleft = "left";
14        $leftouright = "right";
15}
16
17print "
18/* styles par defaut pour tous les elements */
19* {
20font-family: verdana, tahoma, Trebuchet MS,arial, sans-serif;
21}
22
23/* style de la page */
24BODY {
25background: #FFFFFF;
26margin: 0;
27}
28/* Gros titres */
29H1 {
30padding-top:10px;
31padding-bottom:10px;
32direction: $direction;
33font-size: 150%;
34text-align: center;
35color: #00008B;
36}
37/* Gros titres rouges */
38H2 {
39direction: $direction;
40font-size: large;
41text-align: center;
42line-height:1.5em;
43color: #FF0000;
44}
45/* titres moyens (rubriques par exemple) */
46H3 {
47direction: $direction;
48text-align: $rightouleft;
49background-image: url('../images/f1ltr.png');
50background-repeat: no-repeat;
51padding-left:20px;
52font-size: medium;
53background-position: 0%;
54color: #00008B;
55margin-top: 2em;
56margin-left: 2em;
57margin-bottom: 2em;
58}
59/* green big messages */
60H4 {
61direction: $direction;
62font-size: large;
63text-align: center;
64line-height:1.5em;
65color: #1bbd1b;
66}
67/* small titles */
68H5 {
69direction: $direction;
70text-align: $rightouleft;
71font-size: 95%;
72color: #000000;
73margin-top: 1.5em;
74margin-left: 2em;
75margin-bottom: 0.3em;
76}
77/* Cadre general */
78#main {
79margin: 5px;
80margin-top:20px;
81text-align: center;
82background: #FFFFFF;
83}
84
85/* cadre dans lequel se trouve les donnees */
86
87#contenu {
88font-size: 90%;
89line-height: 1.4em;
90width: 860px;
91border: 1px solid #00008B;
92text-align: $rightouleft;
93margin: auto;
94padding: 0.5em;
95}
96#login, #loginTable{
97margin:auto;
98font-size: 90%;
99}
100#login{
101margin-top: 100px;
102margin-bottom: 100px;
103}
104#interest{
105margin-top:10px;
106margin-left:70px;
107font-size:100%;
108border-bottom: 2px dotted #F0F0F0;
109color:#696a6c;
110}
111#interestcontent {
112margin-top:20px;
113}
114#includepopulationtop, A.includepopulation  {
115        margin-left:470px;
116        margin-top:30px;
117        font-size:100%;
118        color:#696a6c;
119}
120#includepopulation, A.includepopulation {
121        border-bottom: 2px dotted #F0F0F0;
122}
123
124/* menu haut */
125#menu {
126margin: 0;
127padding: 0;
128text-align: center;
129}
130#menu LI {
131display: inline;
132margin: 0;
133padding: 0;
134margin-top:8px;
135float: left;
136text-align: center;
137voice-family: \"\\\"}\\\"\";
138voice-family:inherit;
139width: 108px;
140}
141html>body #menu LI {
142width: 122px;
143}
144#menu LI UL { /* listes de deuxieme niveau */
145padding: 0;
146position: absolute;
147background: #ffffff;
148border: 1px solid #00008B;
149left: -999em; /* on met left plutot que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'ecran */
150}
151#menu LI UL LI { /* sous-listes */
152float: none;
153width: auto;
154}
155#menu LI UL LI A { /* sous-listes */
156border-width: 0;
157border-top: 1px solid #ffffff;
158border-bottom: 1px solid #ffffff;
159font-variant: normal;
160font-weight: normal;
161text-align: left;
162}
163#menu LI UL LI A:hover { /* sous-listes */
164border-top: 1px solid #00008B;
165border-bottom: 1px solid #00008B;
166}
167#menu LI:hover UL { /* listes imbriquees sous les items de listes survoles */
168left: auto;
169}
170#menu LI.sfhover UL { /* listes imbriquees sous les items de listes survoles */
171left: auto;
172margin-left: -54px;
173}
174#menu A {
175display: block;
176padding: 0.2em;
177color: #00008B;
178border: 1px solid #00008B;
179font-size: 92%;
180font-variant: 10pt-caps;
181font-variant: small-caps;
182font-weight: bolder;
183text-decoration: none;
184}
185#menu A:hover {
186background-color: #f0f7ff;
187}
188
189
190/* Comportement des liens par defaut */
191A {
192color: #00008B;
193text-decoration: none;
194}
195
196/* TOP Link */
197A.movetop {
198display: block;
199margin-top: 2em;
200}
201
202/* Comportement par defaut de la balise <SMALL> */
203SMALL {
204font-size: x-small;
205}
206/* Comportement par defaut de la balise <FORM> */
207FORM {
208margin: 0;
209padding: 0;
210}
211/* Comportement par defaut des listes deroulantes */
212SELECT {
213font-size:0.8em;
214direction: $direction;
215}
216SELECT > OPTION {
217background-color: #F8FBFF;
218}
219/* DIV generique permettant de remettre les position a zero (notament apres des float) */
220DIV.both {
221clear: both;
222}
223IMG.generic {
224display: block;
225margin-left: auto;
226margin-right: auto;
227 }
228/* DIV generique permettant de faire un centrage de contenu */
229DIV.centrer {
230text-align: center;
231}
232/* pour install & contacts */
233P.texte {
234direction: $direction;
235text-align: justify;
236margin-left: 100px;
237margin-right: 100px;
238}
239P.texte:first-letter {
240margin-left: 3em;
241}
242/* Paragraphe generique avec texte centre */
243P.centrer {
244text-align: center;
245}
246/* Affichage de code (javascript par ex) */
247CODE {
248direction: $direction;
249text-align: left;
250display: block;
251font-size: 90%;
252border-style: dashed dashed dashed solid;
253border-color: rgb(0, 0, 139);
254border-width: 1px 1px 1px 5px;
255margin: 2px;
256margin-bottom: 20px;
257padding: 4px;
258background-color: rgb(240, 247, 255);
259}
260CODE STRONG {
261font-size: 100%;
262font-weight: bold;
263}
264/* style par defaut de toutes les images */
265IMG {
266border: 0;
267}
268/* champs de formulaire */
269input {
270background: #f8f8ff;
271border: #b3b3b3 1px solid;
272color: #0c183a;
273}
274/* bouton valider formulaire (configuration, installation) */
275input.valid {
276background: #f7f7f7;
277border: #b3b3b3 1px solid;
278text-align: center;
279}
280/* boutons radio dans config */
281input.bouton {
282background: #FFFFFF;
283border: #FFFFFF 1px solid;
284}
285
286#install_steps {
287
288float:left;
289text-align:left;
290padding-right:30;
291margin-left:50;
292}
293
294
295#install_main {
296
297}
298
299/* liste des liens vers les contacts, site et admin */
300#admin {
301width: 100%;
302padding: 0;
303padding-top: 50px;
304margin: 0;
305text-align: center;
306}
307#admin LI {
308display: inline;
309margin: 0;
310padding: 0;
311float: left;
312text-align: center;
313}
314#admin LI.site {
315width: 25%;
316}
317#admin LI.install {
318width: 49%;
319}
320#admin LI.contacts {
321width: 25%;
322}
323#admin LI A {
324padding-top: 0.5em;
325font-size: 100%;
326}
327#admin LI.site  A {
328border-top: 1px dashed #00008B;
329}
330#admin LI.install A {
331border-top: 1px dashed #00008B;
332border-right: 1px dashed #00008B;
333border-left: 1px dashed #00008B;
334}
335#admin LI.contacts A {
336border-top: 1px dashed #00008B;
337}
338#admin A {
339display: block;
340padding: 0.2em;
341color: #00008B;
342text-decoration: none;
343}
344/* DIV contenant le logo + le choix des sites + le calendrier */
345#logo {
346width: 100%;
347}
348/* Choix des sites */
349#sites {
350bottom:0;
351float: right;
352padding-right: 15px;
353height: 130px;
354}
355#sites SELECT {
356border: #000000 1px solid;
357margin: auto;
358margin-top: 110px;
359}
360#sites P {
361margin: 0;
362}
363#sites OPTGROUP {
364padding-left: 3px;
365}
366/* Calendrier */
367#calendrier {
368float: right;
369text-align: $rightouleft;
370}
371#calendrier P {
372margin: 0;
373}
374#calendrier TABLE {
375direction: $direction;
376border: 1px solid rgb(80, 100, 133);
377border-bottom: 1px solid #506485;
378border-left: 1px solid #506485;
379border-collapse: collapse;
380line-height: 100%;
381margin-top:6px;
382}
383#calendrier A.selection {
384color: red;
385}
386#calendrier TH {
387border-top: 1px solid rgb(80, 100, 133);
388border-right: 1px solid rgb(80, 100, 133);
389font-weight: bold;
390text-align: center;
391background-color: #f0f7ff;
392width: 16px;
393padding: 0.1em;
394margin: 0;
395font-size: x-small;
396}
397#calendrier TD {
398border-top: 1px solid rgb(80, 100, 133);
399border-right: 1px solid rgb(80, 100, 133);
400text-align: center;
401color: #c0c0c0;
402padding: 0.2em;
403margin: 0;
404font-size: x-small;
405}
406#calendrier A.selection {
407color: red;
408}
409#calendrier SELECT {
410border: #000000 1px solid;
411}
412/* Choix de la langue */
413#choixlangue {
414float: $leftouright;
415margin: auto;
416text-align: center;
417}
418#choixlangue FIELDSET {
419width: 130px;
420padding: 5px;
421}
422#choixlangue LEGEND {
423color: rgb(0, 0, 139);
424font-weight: bold;
425font-size:90%;
426}
427#choixlangue P {
428margin: 0;
429}
430/* styles pour les infos techniques */
431P.gristrans {
432color: #cdcaca;
433}
434P.archivefait {
435font-size: 10pt;
436color: #ffffff;
437}
438P.gristrans A {
439color: #cdcaca;
440}
441P.gristrans EM A{
442font-style: italic;
443}
444P.archive {
445font-size: 70%;
446color: #bcbcbc;
447margin: 0;
448text-align: center;
449}
450P.archive EM {
451font-size: 100%;
452font-style: italic;
453}
454P.gristrans STRONG {
455font-weight: bold;
456}
457P.archive STRONG {
458font-weight: bold;
459}
460SPAN.oktrans {
461color: #9ec2a7;
462}
463SPAN.errortrans {
464color: red;
465}
466/* Information de la periode visualisee */
467P.periodevisu {
468margin: 0;
469font-size:90%;
470}
471P.choixperiode {
472margin: 0;
473margin-right: 2em;
474color: #818181;
475}
476P.choixperiode A {
477font-style: italic;
478color: #818181;
479font-size:90%;
480}
481/* Tableau de saisie de donnee dans l'admin */
482TABLE.centrer {
483margin: auto;
484}
485
486#error{
487color:red;
488font-size:100%;
489font-weight:bold;
490}
491TABLE TD.error {
492font-size:150%;
493color:red;
494}
495
496/* Tous les tableaux de resultats */
497TABLE.resultats, TABLE.interest  {
498font-size:90%;
499direction: $direction;
500margin: auto;
501empty-cells: hide;
502font-size: 90%;
503border:0
504}
505TABLE.interest {
506width:75%;
507empty-cells: hide;
508}
509TABLE.resultats TH, TABLE.interest TH{
510font-size:90%;
511border-top: 1px solid rgb(80, 100, 133);
512border-right: 1px solid rgb(80, 100, 133);
513font-weight: bold;
514text-align: center;
515background-color: rgb(96, 115, 165);
516color: #ffffff;
517padding:7px;
518padding-right:4px;
519padding-left:4px;
520empty-cells: hide;
521}
522TABLE.resultats TD, TABLE.interest TD {
523font-size:90%;
524border: 1px solid rgb(226, 227, 228);
525text-align: center;
526color: #00008B;
527padding-top:3px;
528padding-bottom:3px;
529}
530TABLE.resultats TD.damier, TABLE.interest TD.damier  {
531background-color: rgb(241, 242, 243);
532}
533TABLE.resultats TD.damierlight  {
534background-color: #f6f6f6;
535}
536TABLE.resultats TD.damieralign, TABLE.interest TD.damieralign {
537background-color: rgb(241, 242, 243);
538text-align: $rightouleft;
539padding:6;
540}
541TABLE.resultats TD.align, TABLE.interest TD.align {
542text-align: $rightouleft;
543padding:6;
544}
545TABLE.resultats TD.vide, TABLE.resultats TH.vide, TABLE.interest TD.vide, TABLE.interest TH.vide {
546border-width: 0;
547background-color: #ffffff;
548}
549TABLE.resultats TD.sansbordure, TABLE.interest TD.sansbordure {
550border-width: 0;
551text-align: $rightouleft;
552}
553TABLE.resultats TD STRONG, TABLE.interest TD STRONG {
554font-weight: bold;
555}
556
557TABLE TD.details {
558padding:0;
559margin:0;
560}
561
562/* Tous les tableaux de sous-resultats */
563TABLE.sresultats {
564margin: auto;
565empty-cells: hide;
566}
567TABLE.sresultats TH {
568border-top: 1px solid rgb(80, 100, 133);
569border-right: 1px solid rgb(80, 100, 133);
570font-weight: bold;
571text-align: center;
572background-color: rgb(96, 115, 165);
573color: #ffffff;
574font-size: 100%;
575}
576
577/* Affichage des resultats positifs (vert en general) */
578SPAN.positif {
579direction: $direction;
580color: #008000;
581font-weight: bold;
582}
583/* Affichage des resultats negatifs (rouge en general) */
584SPAN.negatif {
585direction: $direction;
586color: red;
587font-weight: bold;
588}
589/* Menu d'administration */
590#menuadmin {
591width: 400px;
592margin: auto;
593text-align: center;
594}
595#menuadmin UL {
596direction: $direction;
597text-align: $rightouleft;
598list-style-image: url(\""._DIR_PLUGIN_PHPMV."themes/default/images/f3$direction.png\");
599}
600#menuadmin LI {
601padding: 0.5em;
602}
603/* Informations lors de modification dans la partie admin */
604P.admininfos {
605color: #000000;
606font-weight: bold;
607text-align: center;
608}
609P.admininfos positif {
610color: #00FF00;
611}
612P.admininfos negatif {
613color: #FF0000;
614}
615
616/* link Next / Previous */
617#next {
618margin-bottom:10px;
619font-size:85%;
620margin-top:5px;
621}
622/* Details pour les moteurs, mots cle et sites internet */
623#detail{
624width: 98%;
625padding-top:10px;
626padding-bottom:10px;
627padding-right:5px;
628padding-left:5px;
629}
630/*
631.detail #next A {
632color:#c47105;
633}
634*/
635#detail TH {
636border: 1px solid #fbc074;
637background-color: #fbc074;
638margin: 1px;
639padding: 2px;
640font-size:90%;
641text-align: $rightouleft;
642padding-$rightouleft: 20px;
643color: #6f522d;
644}
645#detail TD {
646white-space: nowrap;
647border: 1px solid #fbc074;
648margin: 1px;
649padding: 3px;
650font-size:80%;
651color: #6073a5;
652text-align: $rightouleft;
653margin-left:10px;
654}
655#detail TD.nb {
656text-align: center;
657width: 20%;
658}
659#detail TD.data {
660padding-left:10px;
661}
662#detail TD.data IMG{
663padding-right:10px;
664}
665#detail A {
666color: #6073a5;
667}
668
669/*VARIABLES */
670#variables{
671width: 200px;
672border: 1px solid #FB6666;
673border-top:0;
674margin-right:50px;
675}
676#variables TD {
677white-space: nowrap;
678margin: 0px;
679padding: 1px;
680font-size:95%;
681color: #E17445;
682text-align: $rightouleft;
683margin-left:10px;
684border-top: 1px solid #FB6666;
685}
686#variables TD.header{
687color:#CD3131;
688font-weight:bold;
689padding:5;
690}
691#variables TD.nb {
692text-align: center;
693width: 20%;
694padding:3;
695border-left: 1px solid #FB6666;
696}
697#variables TD.data {
698padding-left:10px;
699border-right: 0;
700}
701#variables TH{
702background-color: #FB6666;
703margin: 1px;
704padding: 2px;
705text-align: $rightouleft;
706padding-$rightouleft: 20px;
707color: white;
708border:0;
709}
710
711/* PAGES VIEWS (AJAX TREE) */
712
713TABLE tr.root{
714color:blue;
715background-color: #eefbff;
716font-weight:bold;
717}
718
719TABLE tr.rouge{
720color:red;
721background-color: #deefff;
722font-weight:bold;
723}
724
725TABLE td.rouge{
726color:red;
727background-color: #deefff;
728}
729
730TABLE.sub0, TABLE.sub1, TABLE.sub2, TABLE.sub3, TABLE.sub4, TABLE.sub5, TABLE.sub6 {
731direction: $direction;
732border:0;
733margin: auto;
734empty-cells: hide;
735font-size:100%;
736}
737
738TABLE.sub TD,
739TABLE.sub0 TD,
740TABLE.sub1 TD,
741TABLE.sub2 TD,
742TABLE.sub3 TD,
743TABLE.sub4 TD,
744TABLE.sub5 TD,
745TABLE.sub6 TD
746{
747border:0;
748font-size:100%;
749border-top: 1px solid #e2e3e4;
750text-align: left;
751color: #00008B;
752padding-top:5px;
753padding-bottom:5px;
754}
755
756/* contains a subtable */
757TABLE TD.tc{
758padding:0;
759}
760
761/* without top border */
762TABLE TD.wtb{
763border-top:0;
764padding-top:0;
765}
766/* with right border */
767TABLE TD.wrb{
768border-right: 1px solid #e2e3e4;
769}
770
771TABLE TD.acenter{
772text-align: center;
773color: #00008B;
774}
775
776TABLE.sub0 TD.data{
777padding-left:5px;
778}
779TABLE.sub1 TD.data{
780padding-left:45px;
781}
782TABLE.sub2 TD.data{
783padding-left:75px;
784}
785TABLE.sub3 TD.data{
786padding-left:110px;
787}
788TABLE.sub4 TD.data{
789padding-left:140px;
790}
791TABLE.sub5 TD.data{
792padding-left:150px;
793}
794TABLE.sub6 TD.data{
795padding-left:160px;
796}
797
798TABLE TR.cate, TABLE TR.rouge{
799height:28px;
800font-weight: bold;
801}
802
803/* ADMINISTRATION */
804#generalAdmin {
805width: 50%;
806float: left;
807}
808#detailAdmin {
809width: 50%;
810float: right;
811}
812#detailInstall {
813width: 60%;
814float: right;
815}
816#detailAdmin UL {
817padding: 0;
818}
819#generalAdmin UL, #detailAdmin UL {
820list-style-type: georgian;
821}
822#adminSiteSelection P {
823text-align:center;
824}
825#adminSiteSelection UL {
826margin-left:40%;
827list-style-type: none;
828}
829
830/* BUTTONS */
831DIV.boutonsAction {
832text-align: center;
833}
834DIV.boutonsAction INPUT {
835margin: 2em;
836}
837input.bouton {
838background: #FFFFFF;
839border: #FFFFFF 1px solid;
840}
841
842
843/* Tableau d'infos dans l'admin */
844TABLE.infos {
845font-size:90%;
846direction: $direction;
847margin: auto;
848empty-cells: hide;
849font-size: 90%;
850cellspacing:0;
851border:0;
852width:95%;
853empty-cells: hide;
854}
855TABLE.infos TD {
856font-size:90%;
857border: 1px solid rgb(226, 227, 228);
858color: #00008B;
859padding-top:3px;
860padding-bottom:3px;
861}
862TABLE.infos TD.libelle {
863width: 250px;
864}
865TABLE.infos UL {
866direction: $direction;
867text-align: $rightouleft;
868list-style-type: none;
869margin: 0;
870padding: 0;
871}
872
873
874/* errors in admin */
875#errorsForm {
876color: orange;
877}
878";
879 ?>
Note: See TracBrowser for help on using the repository browser.