4 Ce squelette definit les styles de l'espace prive
6 Note: l'entete
"Vary:" sert a repousser l'entete par
7 defaut
"Vary: Cookie,Accept-Encoding", qui est (un peu)
8 genant en cas de
"rotation du cookie de session" apres
9 un changement d'IP (effet de clignotement).
11 ATTENTION: il faut absolument le charset sinon Firefox croit que
15 #CACHE{
3600*
100,cache-client}
16 #HTTP_HEADER{Content-Type: text/css; charset=iso-
8859-
15}
17 #HTTP_HEADER{Vary: Accept-Encoding}
19 #SET{claire,##ENV{couleur_claire,edf3fe}}
20 #SET{foncee,##ENV{couleur_foncee,
3874b0}}
21 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
22 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
25 Note sur ecran large et etroit, en [
11846]
26 large =
540px (ou
600px!)
31 /* Style des formulaires d'edition
32 ----------------------------------------------- */
35 border:
1px solid #ENV{foncee};
37 background-color: #f8f8f8;
38 margin: [(#ENV{margin-bottom}|mult{
1.5})em]
0;
39 position:relative; /* pour positionner le ajaxload en automatique */
42 .cadre-formulaire-editer .formulaire_spip { margin-top:
0; }
43 .cadre-formulaire-editer {color: #
444; margin-top:[(#ENV{margin-bottom}|mult{
1.5})em];position:relative;}
44 .cadre-formulaire-editer.popin {margin-top:
0}
45 .cadre-formulaire-editer .image_loading {position:absolute;right:
0;}
47 .entete-formulaire{ background:white; border:
1px solid #ENV{foncee}; border-bottom:
0; padding:[(#ENV{margin-bottom}|div{
2})em]
10px; overflow:hidden;}
48 .ie6 .entete-formulaire {zoom:
1; /* correction IE6 */}
49 .formulaire_spip .cadre{border:
1px solid #ENV{foncee};}
51 /* dans les formulaires de configuration */
52 h3.titrem {position:relative;}
53 .formulaire_spip h3.titrem {background-color: [#(#ENV{foncee}|couleur_eclaircir)];color: #
4A4A4A;}
56 .formulaire_spip fieldset {padding-left:
10px;padding-right:
10px;}
57 .formulaire_spip ul {padding: [(#ENV{margin-bottom}|div{
4})em]
0;}
58 .formulaire_spip ul ul,.formulaire_spip .fieldset fieldset {margin:
0;}
59 .formulaire_spip ul,.formulaire_spip fieldset,.formulaire_spip fieldset ul, .formulaire_spip .boutons,.formulaire_spip .titrem,.formulaire_spip .legend {margin-left: -
10px;margin-right: -
10px;}
61 .formulaire_spip li {padding: [(#ENV{margin-bottom}|div{
2})em]
10px;clear:both;overflow:hidden;}
65 /* Formulaires alignes a gauche c'est le par defaut des formulaires de Spip */
67 .formulaire_spip li.gauche {padding-#ENV{left}:
140px;}
68 /* et le redefaire pour les listes spip :( */
69 .formulaire_spip .spip li {padding:
0;clear:none;overflow:visible;}
71 .formulaire_spip li label,
72 .formulaire_spip li.gauche label {
76 margin-#ENV{left}:-
130px;
77 text-align: #ENV{left};
78 /*vertical-align: top;*/
80 .ie6 .formulaire_spip li label,.ie6 .formulaire_spip li.gauche label {position:relative;display:inline;}
82 .formulaire_spip .long_label {padding-#ENV{left}:
270px;}
83 .formulaire_spip .long_label label {width:
250px;margin-#ENV{left}:-
260px;}
85 /* Formulaires avec label en haut */
86 /* les cas particuliers des edition pleines largeur */
87 .formulaire_spip .editer_parent,
88 .formulaire_spip .editer_groupe_mot,
89 .formulaire_spip .editer_descriptif,
90 .formulaire_spip .editer_chapo,
91 .formulaire_spip .editer_texte,
92 .formulaire_spip .editer_ps,
93 .formulaire_spip .haut,
94 .formulaire_spip .pleine_largeur { padding-#ENV{left}:
10px;}
96 .formulaire_spip .editer_parent label,
97 .formulaire_spip .editer_groupe_mot label,
98 .formulaire_spip .editer_descriptif label,
99 .formulaire_spip .editer_chapo label,
100 .formulaire_spip .editer_texte label,
101 .formulaire_spip .editer_ps label,
102 .formulaire_spip .haut label,
103 .formulaire_spip .pleine_largeur label {display: block;float: none;width:auto;margin-#ENV{left}:
0;}
105 .formulaire_spip li.obligatoire label,
106 .formulaire_spip li.obligatoire.gauche label {color: black;font-weight: bold;}
108 /* cas exotique d'un label dans une erreur (ie confirmez que vous etes sur ) */
109 .formulaire_spip .erreur_message label { float:none;display:inline;font-weight:normal;margin-#ENV{left}:
0;}
112 /* elements du formulaire */
113 .formulaire_spip input.text,
114 .formulaire_spip input.password,
115 .formulaire_spip textarea,
116 .formulaire_spip select { font-size:
1em;padding:
3px; width:
100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box;}
118 .lte7 .formulaire_spip input.text,
119 .lte7 .formulaire_spip input.password,
120 .lte7 .formulaire_spip textarea,
121 .lte7 .formulaire_spip select { width:
96%;margin:
0;display: inline;margin-left:
0;}
122 .lte7 .formulaire_spip textarea {margin-left:
10px;}
124 .formulaire_spip input.text,
125 .formulaire_spip input.password,
126 .formulaire_spip input.file,
127 .formulaire_spip select { font-size: inherit;font-family:inherit}
128 .formulaire_spip textarea {padding: [(#ENV{margin-bottom}|div{
4})em]
5px;overflow: auto;font-size: inherit;font-family:inherit;line-height: inherit;}
130 .formulaire_spip input.placeholder,
131 .formulaire_spip textarea.placeholder {color:#
888;}
132 .formulaire_spip li.obligatoire input.text {font-weight: bold;}
135 .formulaire_spip .erreur {background-color:#FBE3E4;}
136 .formulaire_spip li .erreur_message { display: block;color: #
8A1F11;font-weight:bold;}
137 .formulaire_spip .erreur input.text,
138 .formulaire_spip .erreur input.password,
139 .formulaire_spip .erreur textarea {border:
2px solid #FBC2C4;}
142 .formulaire_spip .choix label {font-weight:normal;text-transform: none;float:none;display:inline;margin-#ENV{left}:
5px;color: #
666666;}
143 .formulaire_spip .choix .radio,
144 .formulaire_spip .choix .checkbox {width:auto;}
146 /* reponses succes/erreur */
148 .formulaire_spip .reponse_formulaire,
149 .error,.success,.notice {border:
2px solid;color:#
333;font-weight: normal;padding:[(#ENV{margin-bottom}|div{
2})em]
10px;padding-left:
40px;min-height:
24px;background-repeat:no-repeat;background-position:
2px
5px;margin-bottom:#ENV{margin-bottom};margin-top:#ENV{margin-bottom};}
150 .formulaire_spip .reponse_formulaire_ok, .success {color: #
264409;border-color: #C6D880;background-color:#E6EFC2;background-image:url(#CHEMIN_IMAGE{ok-
24.png});}
151 .formulaire_spip .reponse_formulaire_erreur, .error {color: #
8A1F11;border-color: #FBC2C4;background-color:#FBE3E4;background-image:url(#CHEMIN_IMAGE{erreur-
24.png});}
152 .notice {color: #
514721;border-color: #FFD324;background-color:#FFF6BF;background-image:url(#CHEMIN_IMAGE{warning-
24.png});}
156 .formulaire_spip p {}
157 .formulaire_spip .explication {display:block;padding:
5px;background-color: #e9e9e9;margin:
0;}
158 .formulaire_spip li .explication a {}
160 /* Remarques importantes */
161 .formulaire_spip .attention { display: block; margin-bottom: #ENV{margin-bottom}; font-weight: normal; }
165 .formulaire_spip input.submit,
166 .formulaire_spip input.reset,
167 .formulaire_spip input.button {
172 .formulaire_spip li .aide {padding-top:
0px;}
176 .formulaire_spip li.fieldset {padding:
0;}
177 .formulaire_spip fieldset {border:
0;width:auto;border-top:
1px solid #ccc;margin-top: [(#ENV{margin-bottom}|div{
4})em];padding-bottom:[(#ENV{margin-bottom}|div{
4})em];}
179 .formulaire_spip h3.legend,
180 .formulaire_spip legend {display: block;padding-top:
7px;padding-bottom:
7px;background-color: #eee;color: black;font-weight: normal;padding-#ENV{left}:
10px;padding-#ENV{right}:
5px;}
182 .formulaire_spip li fieldset label {color: #
444444;}
183 .formulaire_spip li fieldset input.text, .formulaire_spip li fieldset textarea.textarea {border:
1px solid #aaaaaa;}
187 .formulaire_spip .boutons { margin-bottom:
0;clear:both;padding: [(#ENV{margin-bottom}|div{
2})em]
10px;text-align: #ENV{right};background-color: #[(#ENV{claire}|couleur_eclaircir)];border-top:
1px solid [(#ENV{claire})];}
189 #navigation .formulaire_spip .boutons,
190 #extra .formulaire_spip .boutons { padding: [(#ENV{margin-bottom}|div{
4})em]
5px}
192 .formulaire_spip .boutons .image_loading {float:none;}
193 /* Bouton de validation */
194 input[
type=
"file"] {border: none;background-color: transparent;}
195 /* Pour IE, qui grossit le bouton submit */
196 input[
type=
"submit"],input[
type=
"reset"] {font-size: inherit;}
200 * Formulaires compactes en colonnes laterales
202 .lat .formulaire_spip,.lat .formulaire_spip fieldset {padding:
0 5px;}
203 .lat .formulaire_spip ul,.lat .formulaire_spip fieldset,.lat .formulaire_spip .boutons,.lat .formulaire_spip .titrem,.lat .formulaire_spip .legend {margin-left: -
5px;margin-right: -
5px;}
205 .lte7 .lat .formulaire_spip input.text,.lte7 .lat .formulaire_spip textarea {margin-left:
5px;} /* BUG IE7 */
206 .lat .formulaire_spip {}
207 .lat .formulaire_spip h3.titrem {font-size:
1em;/*padding:[(#ENV{margin-bottom}|div{
4})em]
5px;*/}
209 .lat .formulaire_spip li {padding: [(#ENV{margin-bottom}|div{
4})em]
5px;}
211 .lat .formulaire_spip li label {text-transform: none;color: #
444444;display:block;font-weight: normal;float:none;padding:
0;width:auto;margin-#ENV{left}:
0;}
212 .lat .formulaire_spip select { width:auto;padding:
1px
0;}
213 .lat .formulaire_spip input {padding:
1px
0;}
214 .lat .formulaire_spip textarea {padding:
2px;}
215 .lat .formulaire_spip input.file {font-size:
0.9em;}
217 .lat .formulaire_spip li .choix label {display:inline;}
219 /* Champs particuliers, trans-forms */
220 .formulaire_spip .editer_parent,
221 .formulaire_spip .editer_groupe_mot,
222 .formulaire_editer_auteur .editer_statut {background-color: [#(#ENV{couleur_claire}|couleur_eclaircir)];margin-top:
5px;padding-bottom:[(#ENV{margin-bottom}|div{
2})em];}
223 .formulaire_spip .editer_parent .rubrique_actuelle {clear:#ENV{left};}
225 .formulaire_spip li.editer_parent label,
226 .formulaire_spip li.editer_groupe_mot label {
232 /* Formulaires particuliers ----------------------------------------------------------------*/
233 .formulaire_editer_article li.editer_liens_sites {border-bottom:
1px solid #ccc;}
235 /* edition d'un auteur */
236 .formulaire_editer_auteur .editer_identification fieldset{[background-color: #(#ENV{claire}|couleur_eclaircir|couleur_eclaircir);]}
237 .formulaire_editer_auteur li.editer_statut { padding-top:
10px;}
238 .formulaire_editer_auteur li.editer_statut .instituer_auteur {margin-#ENV{left}:-
130px;margin-top:
10px;}
239 .formulaire_editer_auteur li.editer_statut .rubriques_restreintes
> p {margin-#ENV{left}:
0;margin-bottom:
0;margin-top:
10px;}
242 .formulaire_spip .toggle_box_link {position:absolute;top:
5px;#ENV{right}:
5px;}
244 .formulaire_editer_logo {}
245 #navigation .formulaire_editer_logo .apercu,#navigation .formulaire_editer_logo .ajouter_survol {text-align: center;}
246 .formulaire_editer_logo .taille {font-size:
0.9em;}
248 .formulaire_configurer_multilinguisme #langues_bloquees li,
249 .formulaire_configurer_multilinguisme #langues_proposees li { padding:
0 5px;margin-#ENV{right}:
10px;float:#ENV{left};width:
45%;clear:none;}
250 .formulaire_configurer_multilinguisme .traduite label {text-decoration:underline;}
251 .formulaire_configurer_multilinguisme #langues_bloquees label {color: #ENV{foncee};font-weight: bold; }
253 /* config/reducteur */
254 .formulaire_configurer_reducteur .vignette_reducteur {text-align: center; float: #ENV{left};padding:
2px; border:
2px solid #ddd; width:
154px;padding-top:
150px;margin:
2px;background-position: top center;background-repeat: no-repeat;}
255 .formulaire_configurer_reducteur .vignette_reducteur:hover {border-color:#bbb;background-color:#ddd;}
256 .formulaire_configurer_reducteur .vignette_reducteur.on { font-weight: bold; border:
2px solid #ENV{claire};background-color:#fff; }
257 .formulaire_configurer_reducteur .vignette_reducteur.on:hover {border-color:#ENV{foncee};}
260 .formulaire_dater li {padding-bottom:
0;padding-top:
0;}
261 .formulaire_dater li label {font-weight: bold;text-transform: uppercase;font-size:
0.9em;}
262 .formulaire_dater .aide {float:#GET{right}}
263 .lte7 .formulaire_dater a.aide {margin-top: -
16px;position: relative;display: inline;}
264 .formulaire_dater .affiche {font-weight: bold;text-transform: uppercase;}
265 .formulaire_dater .saisie_redac {display:block;}
268 .formulaire_editer_liens .liste-objets {border:
0;margin-left:-
10px;margin-right:-
10px;}
269 .formulaire_editer_liens .liste-objets-associer .caption {font-size:
0.9em;}
270 .formulaire_editer_liens .liste-objets-associer .caption span.recherche {float:#ENV{right};margin-top:-
3px;font-size:
0.9em;}
271 .formulaire_editer_liens .liste-objets-associer .caption span.recherche .tout_voir {font-size:
0.8em;}
272 .formulaire_editer_liens h3,.formulaire_editer_liens .titrem {margin:
0 -
10px;padding:[(#ENV{margin-bottom}|div{
2})em];}
273 .formulaire_editer_liens .liste-objets-lies {margin-bottom:
0;}
274 .formulaire_editer_liens .selecteur
> .titrem {margin-bottom:
0;}
275 .formulaire_editer_liens .selecteur .tout_voir {visibility:hidden;}
276 .formulaire_editer_liens .selecteur.filtre .tout_voir {visibility:visible;}
277 .formulaire_editer_liens.non_editable input,.formulaire_editer_liens.non_editable button {display:none;}
278 .formulaire_editer_liens .action {text-align: #ENV{right};}
279 .formulaire_editer_liens .liste-objets tr
> .action {text-align: #ENV{right};width:
120px;}
280 .lte7 .formulaire_editer_liens .liste-objets tr
> .action button {font-size:
1em;}
281 .formulaire_editer_liens .liste-objets tr
> .action button img {float:#ENV{right};margin-#ENV{left}:
5px;}
282 .lte7 .formulaire_editer_liens .liste-objets tr
> .action button img {display: inline;float: none;}
284 .formulaire_editer_liens .associer_mot.obligatoire.nonvu {background-color:#FFCDAF;}
285 .formulaire_editer_liens .associer_mot select,.formulaire_editer_liens .associer_mot input.text {width:
75%;}
286 .formulaire_editer_liens .associer_mot .submit {float:#ENV{right};font-weight:normal;}
288 /* retour visuel a la suppression et a l'ajout */
289 .remove {background-color:#FFD0BF;}
290 .append {background-color:#E0FFCF;}
292 /* formulaire de recherche : */
293 /* version old style */
294 .spip_recherche { float: [(#ENV{right})]; border:
0;background:none;}
295 .spip_recherche .recherche { float:[(#ENV{left})];padding:
3px;padding-#ENV{right}:
30px;width:
186px;/*font-size:
10px;*/ border:
1px solid #fff; background-color: #ENV{foncee}; color: #fff; margin:
0 0 6px; }
296 .spip_recherche .submit {float: [(#ENV{left})];margin-#ENV{left}:-
24px;margin-top:
1px;}
297 /* version moderne */
298 .formulaire_spip.formulaire_recherche { float: [(#ENV{right})]; border:
0;background:none;border:
1px solid #fff; background-color: [#(#ENV{foncee}|couleur_foncer)]; margin:
0 0 6px;position:relative;padding:
0;z-index:
1;}
299 .box_mediabox .formulaire_spip.formulaire_recherche {z-index:
1} /* focus dans la mediabox */
300 .largeur .formulaire_spip.formulaire_recherche .text,.box_mediabox .formulaire_spip.formulaire_recherche .text{ float:[(#ENV{left})];padding:
3px;width:
200px;background-color:#ENV{foncee};border:none;border-right:
1px solid #fff;/*font-size:
10px;*/ color: #fff; margin:
0;min-height:
20px;}
301 .lte8 .largeur .formulaire_spip.formulaire_recherche .text {min-height:
14px} /* IE<=
8 ne supporte pas -ms-box-sizing:border-box; */
302 .formulaire_spip.formulaire_recherche .text.cancelable {padding-#ENV{left}:
20px}
303 .formulaire_spip.formulaire_recherche .text::-webkit-input-placeholder { color:#eee; }
304 .formulaire_spip.formulaire_recherche .text:-moz-placeholder { color:#eee; }
305 .formulaire_spip.formulaire_recherche .text.placeholder { color:#eee; }
307 .formulaire_spip.formulaire_recherche .cancel {float: [(#ENV{left})];line-height:
1px;position:absolute;top:
2px;left:
2px;}
308 .formulaire_spip.formulaire_recherche label {display:none;}
309 .formulaire_spip.formulaire_recherche .submit,.formulaire_spip.formulaire_recherche .image {float: [(#ENV{left})];margin-top:
0px;padding:
0 2px;}
311 /* formulaire_traduire */
312 .formulaire_traduire .liste-objets {margin-top:
0;margin-bottom:
0;}
313 .formulaire_traduire .liste-objets .first_row {display:none;}
314 .formulaire_traduire .supprimer_trad {float:#ENV{right};}
316 /* les boutons action */
317 form.bouton_action_post, form.bouton_action_post div {display:inline;}
318 form.bouton_action_post.link button.submit, .formulaire_spip .boutons input.link,.formulaire_spip button.link {margin:
0;font-weight:normal;}
320 .formulaire_spip button {cursor:pointer;}
321 form.bouton_action_post.link button.submit, .formulaire_spip .boutons input.link,.formulaire_spip button.link {background:none;border:
0;cursor:pointer;padding:
0 0 1px;color:#
444;}
322 form.bouton_action_post.link button.submit:hover, .formulaire_spip .boutons input.link:hover,.formulaire_spip button.link:hover {border-bottom:
1px solid;padding:
0;}
324 /* formulaire_editer_logo */
325 .formulaire_editer_logo .titrem,.formulaire_editer_logo .ajouter_survol {text-transform: uppercase;}