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}}
26 border:
1px solid #GET{foncee};
30 zoom:
1; /* correction IE6 */
32 .formulaire_spip .cadre{border:
1px solid #GET{foncee};}
35 Note sur ecran large et etroit, en [
11846]
36 large =
540px (ou
600px!)
41 /* elements du formulaire */
42 .formulaire_spip input.text,
43 .formulaire_spip input.password,
44 .formulaire_spip textarea,
45 .formulaire_spip select
54 box-sizing: border-box;
55 -webkit-box-sizing: border-box;
56 -moz-box-sizing: border-box;
57 -ms-box-sizing: border-box;
61 .formulaire_spip li .erreur_message {
63 border:
1px solid #GET{claire};
66 background-color: #fed7d7;
69 box-sizing: border-box;
70 -webkit-box-sizing: border-box;
71 -moz-box-sizing: border-box;
72 -ms-box-sizing: border-box;
75 .formulaire_spip .reponse_formulaire_erreur,
76 .formulaire_spip .reponse_formulaire_ok {
80 .formulaire_spip .reponse_formulaire_erreur {
82 border:
2px solid #c30;
85 .formulaire_spip .reponse_formulaire_ok {
91 .formulaire_spip .explication {
93 display: -moz-inline-box;
94 display: inline-block;
97 box-sizing: border-box;
98 -webkit-box-sizing: border-box;
99 -moz-box-sizing: border-box;
100 -ms-box-sizing: border-box;
101 border:
1px solid #GET{claire};
105 background-color: #dddddd;
107 .formulaire_spip .explication a {color:[#(#GET{foncee}|couleur_foncer)];}
108 /* Remarques importantes */
109 .formulaire_spip em.attention { display: block; margin:
0.5em; font-weight: normal; }
112 .formulaire_spip textarea {
118 .formulaire_spip input.submit,
119 .formulaire_spip input.reset,
120 .formulaire_spip input.button {
124 /* sauf dans les petits cf. http://trac.rezo.net/trac/spip/ticket/
1484 */
125 .document .formulaire_spip select {
130 border:
1px solid #GET{claire};
135 .formulaire_spip li em.aide {
141 /* Style des formulaires d'edition
142 ----------------------------------------------- */
149 border:
1px solid #GET{foncee};
151 background-color: #f8f8f8;
154 .formulaire_spip form {
159 .formulaire_spip ul {
164 .formulaire_spip ul li ul {
167 .formulaire_spip li {
174 /* annuler les f@@@@ div de sa majeste */
175 div.edition, div.label {display:inline;}
177 /* Formulaires alignes a gauche
178 c'est le par defaut des formulaires de Spip */
180 .formulaire_spip li.gauche {padding-#GET{left}:
140px;}
182 .formulaire_spip li label,
183 .formulaire_spip li.gauche label {
186 margin-#GET{left}:-
130px;
187 text-align: #GET{left};
188 /*vertical-align: top;*/
195 font-family: verdana, arial, helvetica, sans;
200 .formulaire_spip ul
>li label,
201 .formulaire_spip ul
>li.gauche label {
206 .formulaire_spip li.obligatoire label,
207 .formulaire_spip li.obligatoire.gauche label {
213 /* Formulaires avec label en haut */
214 /* les cas particuliers des edition pleines largeur */
215 .formulaire_spip li.editer_parent,
216 .formulaire_spip li.editer_groupe_mot,
217 .formulaire_spip li.editer_descriptif,
218 .formulaire_spip li.editer_chapo,
219 .formulaire_spip li.editer_texte,
220 .formulaire_spip li.editer_ps,
221 .formulaire_spip li.editer_url_zip_plugin2,
222 .formulaire_spip li.haut {
223 padding-#GET{left}:
10px;
227 .formulaire_spip li.editer_parent label,
228 .formulaire_spip li.editer_groupe_mot label,
229 .formulaire_spip li.editer_descriptif label,
230 .formulaire_spip li.editer_chapo label,
231 .formulaire_spip li.editer_texte label,
232 .formulaire_spip li.editer_ps label,
233 .formulaire_spip li.editer_url_zip_plugin2 label,
234 .formulaire_spip li.haut label {
240 padding-bottom:
10px;
241 padding-#GET{right}:
5px;
242 font-family: verdana, arial, helvetica, sans;
247 .formulaire_spip li.editer_parent.obligatoire label,
248 .formulaire_spip li.editer_groupe_mot.obligatoire label,
249 .formulaire_spip li.editer_descriptif.obligatoire label,
250 .formulaire_spip li.editer_chapo.obligatoire label,
251 .formulaire_spip li.editer_texte.obligatoire label,
252 .formulaire_spip li.editer_ps.obligatoire label,
253 .formulaire_spip li.editer_url_zip_plugin2.obligatoire label,
254 .formulaire_spip li.haut.obligatoire label {
258 .formulaire_spip li.editer_parent textarea,
259 .formulaire_spip li.editer_parent select,
260 .formulaire_spip li.editer_groupe_mot select,
261 .formulaire_spip li.editer_descriptif textarea,
262 .formulaire_spip li.editer_chapo textarea,
263 .formulaire_spip li.editer_texte textarea,
264 .formulaire_spip li.editer_texte .spip_barre,
265 .formulaire_spip li.editer_ps textarea,
266 .formulaire_spip li.haut textarea,
267 .formulaire_spip li.haut select,
268 .formulaire_spip li.haut input,
269 .formulaire_spip li.editer_descriptif .erreur_message,
270 .formulaire_spip li.editer_chapo .erreur_message,
271 .formulaire_spip li.editer_texte .erreur_message,
272 .formulaire_spip li.editer_ps .erreur_message,
273 .formulaire_spip li.haut .erreur_message {
277 .formulaire_spip li .erreur_message label {
287 /* Formulaires obligatoires */
288 .formulaire_spip li.obligatoire input {
296 .formulaire_spip li.fieldset {padding:
0;}
297 .formulaire_spip fieldset {
299 padding:
0px
0 10px
0;
302 border-top:
1px solid #ccc;
305 .formulaire_editer_article li.editer_liens_sites {
306 border-bottom:
1px solid #ccc;
309 .formulaire_spip h3.legend,
310 .formulaire_spip legend
316 background-color: #eee;
317 padding-#GET{left}:
10px;
318 padding-#GET{right}:
5px;
319 font-family: verdana, arial, helvetica, sans;
326 .formulaire_spip fieldset li label {
329 .formulaire_spip fieldset li input.text, .formulaire_spip fieldset li textarea.textarea {
330 border:
1px solid #aaaaaa;
337 .formulaire_spip extra {
346 .formulaire_spip .boutons {
347 [background-color: #(#GET{claire}|couleur_eclaircir);]
348 [border-top:
1px solid (#GET{claire});]
351 text-align: #GET{right};
354 #navigation .formulaire_spip .boutons,#navigation .boutons_formulaire,
355 #extra .formulaire_spip .boutons,#extra .boutons_formulaire {
363 .cadre-formulaire{background:white;padding:
0;}
364 .entete-formulaire{padding:
0.5em;}
369 .formulaire_spip li.editer_identification fieldset{
370 [background-color: #(#GET{claire}|couleur_eclaircir|couleur_eclaircir);]
373 .formulaire_spip li.editer_identification em.attention {
377 border:
1px solid red;
379 background-color: white;
385 .formulaire_spip li.editer_parent,
386 .formulaire_spip li.editer_groupe_mot,
387 .formulaire_editer_auteur li.editer_statut {
388 background-color: [#(#ENV{couleur_claire}|couleur_eclaircir)];
392 .formulaire_spip li.editer_parent .rubrique_actuelle {clear:#GET{left};}
394 .formulaire_editer_auteur li.editer_statut { padding-top:
10px;}
395 .formulaire_editer_auteur li.editer_statut .instituer_auteur {margin-left:-
130px;}
397 .formulaire_spip li.editer_groupe_mots_associer,
398 .formulaire_spip li.editer_groupe_mots_reglage_avance,
399 .formulaire_spip li.editer_groupe_mots_editeur {
400 padding-#GET{left}:
10px;
403 .formulaire_editer_site div.previsu_logo_site{
407 .formulaire_editer_site div.previsu_logo_site img{
413 /* Inscription du flux RSS */
414 .formulaire_spip li.editer_referencement_automatise {
416 [background-color: (#GET{foncee});]
419 .formulaire_spip li.editer_referencement_automatise fieldset {
421 border-bottom:
1px solid #GET{foncee};
423 .formulaire_spip li.editer_referencement_automatise fieldset li {
424 padding-#GET{left}:
10px;
426 .formulaire_spip li.editer_referencement_automatise p.explication {
431 .formulaire_spip li.editer_syndication {
432 padding-#GET{left}:
10px;
436 .formulaire_spip li.editer_parent label,
437 .formulaire_spip li.editer_groupe_mot label {
445 .formulaire_spip table.spip_barre {
446 [background-color: (#GET{claire});]
452 .formulaire_spip table.spip_barre tr {
455 .formulaire_spip table.spip_barre a img {
456 [(#EVAL{_DIR_IMG_PACK}|concat{fond-fondo.gif}|background_image{[(#ENV{couleur_claire}|couleur_eclaircir)], center center })]
457 padding:
3px; border:
1px outset #GET{claire};
459 .formulaire_spip table.spip_barre a:hover img { background: #fff; border:
1px solid #cc9; }
460 .formulaire_spip table.spip_barre input.barre { width:
99%; background: transparent; border:
0; color: #f57900; }
463 .formulaire_spip li.editer_parent .choix label,
464 .formulaire_spip .choix label{
467 margin-#GET{left}:
5px;
469 text-transform: none;
475 .formulaire_spip .choix input.radio,
476 .formulaire_spip .choix input.checkbox {width:auto;}
482 * Formulaires compactes
485 .formulaire_spip_compact{
488 .formulaire_spip_compact ul li,
489 #navigation .formulaire_spip li,#extra .formulaire_spip li {
490 padding:
2px
5px !important;
493 .formulaire_spip_compact li label,
494 .formulaire_spip_compact li.editer_descriptif label,
495 #navigation .formulaire_spip li label,#extra .formulaire_spip li label {
496 text-transform: none;
499 -moz-display: inline-box;
500 display: inline-block;
510 .formulaire_spip_compact select,#navigation .formulaire_spip select,#extra .formulaire_spip select { font-size:
0.95em; width:auto;padding:
1px
0;}
511 .formulaire_spip_compact input,#navigation .formulaire_spip input,#extra .formulaire_spip input {
515 .formulaire_spip_compact textarea, #navigation .formulaire_spip textarea, #extra .formulaire_spip textarea {
520 /* Bouton de validation */
524 background-color: transparent;
526 /* Pour IE, qui grossit le bouton submit */
527 input[
type=
"submit"] {
532 .formulaire_spip ul.spip,.formulaire_spip ol.spip {
534 margin-#GET{left}:
10px;
535 list-style-type: disc;
536 list-style-position: outside;
538 .formulaire_spip ol.spip {
539 list-style-type: decimal;
542 .formulaire_spip ul.spip li,.formulaire_spip ol.spip li {
543 margin-#GET{left}:
10px;