1 /* Correction des styles par defaut
2 ---------------------------------------------- */
3 html
{ font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
4 body
{ font: .9em sans-serif
; color: #2e3436; }
5 input
, textarea
, select
{ font-size: 100%; font-family: inherit
; }
7 h1
{ margin: 1em auto
; font-size: 1.2em; font-weight: bold
; color: #5c3566; text-align: center
; }
8 h2
{ margin: 0.80em 0 0.80em 0; font-size: 1.1em; font-weight: normal
; }
10 img
, .spip_logos
{ margin: 0; padding: 0; border: 0; }
11 ul
,ol
,li
{ list-style: none
; }
14 /* Disposition a l'ecran
15 ---------------------------------------------- */
16 body
{ background: #babdb6 url
(images
/minipres-gris
.png
) no-repeat scroll
97% 100px; }
18 /* Espaceur de blocs */
19 .nettoyeur { clear: both
; margin: 0; padding: 0; border: 0; height: 0; line-height: 0; font-size: 0; }
20 .bugajaxie { display: none
; } /* Bug IE/Win */
23 /* Habillage (en vrac)
24 ---------------------------------------------- */
25 fieldset
, .fieldset
{ text-align: left
; padding: 0; border: 0; margin-top: 1em; font-size: .95em; }
26 legend
{ font-weight: bold
; font-size: 1em; color: #333; } /* Preciser la couleur des legend pour IE/Win */
29 .reponse_formulaire, .erreur_message { font-weight: bold
; color: red
; }
31 body
.minipres fieldset
, body
.minipres
.fieldset
{ border: 1px solid
#ccc; padding: 1em; }
33 #minipres { width: 38em; background: #fff repeat
; margin: 1em auto
; padding: 1em; border: 1px solid
#888; }
35 .pass #minipres { width: 90%; }
37 .petit-centre { font-size: .8em; text-align: center
; }
38 .petit-centre p { width: 300px; margin: auto
; }
40 .suivant { display: block
; margin-top: 1em; text-align: right
; }
42 .toile_foncee { background: #777; }
44 #minipres label
{ color: #333; }
45 .fondl { /*background-color: #eee; background-position: center bottom; padding: 3px; border: 1px solid #333; font-size: 0.90em;*/ }
46 .formo, input.text, input.password { width: 50%; display: block
; background-color: #f8f8f9; background-position: center bottom
; margin-bottom: 1em; padding: 3px; border: 1px inset
#333; behavior: url
(win_width.htc); }
47 .formo, input.text, input.password, select { font-size: 1.1em; }
49 p
.resultat
{ background-color: #fcaf3e; padding: 0.40em 0.10em; text-align: center
; color: #fff; font-weight: bold
; }
50 p
.resultat
.ok
{ background-color: #73d216; }
51 p
.resultat
.echec
{ background-color: #d60c0c; }
53 #etapes { display: block
; position: absolute
; top: 10px; left: 10px; }
54 #etapes span
{ display: block
; margin-top: -0.50em; padding: 12px 14px; margin-bottom: 5px; }
55 #etapes span em
{ font-size: 2em; font-weight: bold
; }
56 #etapes span span
{ position: absolute
; top: -100px; left: -100px; }
57 #etapes span
.ok
{ background: url
(images
/etape-ok
.gif
) center no-repeat
; }
58 #etapes span
.encours
{ background: url
(images
/etape-encours
.gif
) center no-repeat
; }
59 #etapes span
.todo
{ background: url
(images
/etape-todo
.gif
) center no-repeat
; }
61 #infos_etapes { height: 63px; overflow: hidden
; margin: 0; padding: 0; padding-left: 10px; background: #8c8c8c url
(../prive
/images
/degrade-etapes-clair-left
.gif
) no-repeat right top
; text-align: left
; font-family: helvetica
, arial
, sans
; list-style: none
; }
62 #infos_etapes.infos_etape_4
{ background-image: url
(../prive
/images
/degrade-etapes-vert-left
.gif
); background-color: green
; }
63 #infos_etapes li
{ float: left
; margin-left: -28px; padding-left: 29px; background: url
(../prive
/images
/degrade-etapes-fonce-left
.gif
) no-repeat left top
; color: #555; text-align: left
; font-size: 0.85em; line-height: 1.05em; }
64 #infos_etapes li
.fond
{ width: 8em; height: 69px; padding-right: 2em; padding-top: 10px; background: url
(../prive
/images
/degrade-etapes-fonce-left
.gif
) no-repeat
-30px top
; }
65 #infos_etapes li em
{float:left
;position:absolute
;top:-1000px;}
66 #infos_etapes li span
.numero_etape
{ float: left
; display: block
; height: 50px; margin-left: -10px; padding: 7px 3px 0 3px; font-weight: bold
; font-size: 3em; }
67 #infos_etapes li
.on
{ background-image: url
(../prive
/images
/degrade-etapes-vert-left
.gif
); color: #fff; font-weight: bold
; }
68 #infos_etapes li
.on
.fond
{ background-color: #88f560; background-image: url
(../prive
/images
/degrade-etapes-vert-left
.gif
); }
69 #infos_etapes li
.erreur
{ background-image: url
(../prive
/images
/degrade-etapes-rouge-left
.gif
); }
70 #infos_etapes li
.erreur
.fond
{ background-color: #ff6868; background-image: url
(../prive
/images
/degrade-etapes-rouge-left
.gif
); }
71 #infos_etapes li
.prochains
{ background-image: url
(../prive
/images
/degrade-etapes-clair-left
.gif
); }
72 #infos_etapes li
.prochains
.fond
{ background-color: #dbdbdb;background-image: url
(../prive
/images
/degrade-etapes-clair-left
.gif
); }
74 /* installation des plugins */
75 .install-plugins {background:#ddd;border:1px solid black
;color:#555;font-size:0.85em;padding:10px;}
76 .install-plugins .ok {color:green
;font-weight:bold
;}
77 .install-plugins .erreur {color:red
;font-weight:bold
;}
81 ---------------------------------------------- */
82 .page_login { text-align: center
; }
83 .page_login #minipres { width: 28em; }
84 .page_login .formulaire_menu_lang { float: right
; font-size: .9em; }
85 .page_login .formulaire_menu_lang label { display: none
; }
86 .page_login .formulaire_menu_lang select { display: inline
; }
87 .page_login .formulaire_menu_lang input.submit { display: inline
; }
88 .page_login .formulaire_login { clear: both
; text-align: left
; font-size: .9em; }
89 .page_login .formulaire_login fieldset { margin: 0; padding: 0; border: 1px solid
#babdb6; padding: 1em; font-size: 1em; }
90 .page_login .formulaire_login fieldset .spip_logos { float: right
; padding-left: 5px; }
91 .page_login .formulaire_login fieldset ul { float: left
; width: 70%; margin: 0; padding: 0; list-style: none
; }
92 .page_login .formulaire_login fieldset ul li { margin: 0; padding: 0.50em 0; }
93 .page_login
.formulaire_login fieldset ul li label
,
94 .page_login
.formulaire_login fieldset ul li
.erreur_message
,
95 .page_login .formulaire_login fieldset ul li .details { display: block
; width: auto
; }
96 .page_login .formulaire_login fieldset ul li label.nofx { display: inline
; }
97 .page_login
.formulaire_login fieldset ul li input
.text
,
98 .page_login .formulaire_login fieldset ul li input.password { width: 11em; margin: 0; display: inline
; }
99 .page_login .boutons { text-align: right
; }
100 .page_login .retour { clear: both
; text-align: center
; font-size: .9em; }
103 /* Oublie du mot de passe
104 ---------------------------------------------- */
105 body
.pass #minipres
{}
106 body
.pass
.formulaire_spip
{ background: none
; border: none
; margin: 0; padding: 0; }
109 /* Couleurs des liens
110 ---------------------------------------------- */
111 a
{ color: #e86519; text-decoration: none
; }
112 a:visited
{ color: #75507b; }
113 a:active
{ color: #8ae234; }
114 a:hover
{ text-decoration: underline
; }