3 Ce squelette definit les styles de l'espace prive
5 Note: l'entete
"Vary:" sert a repousser l'entete par
6 defaut
"Vary: Cookie,Accept-Encoding", qui est (un peu)
7 genant en cas de
"rotation du cookie de session" apres
8 un changement d'IP (effet de clignotement).
10 ATTENTION: il faut absolument le charset sinon Firefox croit que
14 #CACHE{
3600*
100,cache-client}
15 #HTTP_HEADER{Content-Type: text/css; charset=iso-
8859-
15}
16 #HTTP_HEADER{Vary: Accept-Encoding}
18 #SET{claire,##ENV{couleur_claire,edf3fe}}
19 #SET{foncee,##ENV{couleur_foncee,
3874b0}}
20 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
21 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
24 En attendant que tous les formulaires soient ecrits avec la syntaxe reecommandee
25 ce style permet d eviter d avoir une police surdimensionnee dans les textarea de cfg
34 border:
1px solid #GET{foncee};
38 zoom:
1; /* correction IE6 */
40 .formulaire_spip .cadre{border:
1px solid #GET{foncee};}
42 .entete-formulaire p {margin:
0 0 0.5em;}
45 Note sur ecran large et etroit, en [
11846]
46 large =
540px (ou
600px!)
50 /* Style des formulaires d'edition
51 ----------------------------------------------- */
58 border:
1px solid #GET{foncee};
60 background: #fff [url((#CHEMIN{images/formulaire-editer.jpg}|image_sepia{#[(#GET{claire}|couleur_eclaircir)]}|image_aplatir{jpg}|extraire_attribut{src})) repeat-x bottom];
65 .cadre-formulaire{background:white;padding:
0;}
66 .entete-formulaire{padding:
0.5em;}
77 padding:
10px
10px
10px
10px;
78 padding-#GET{left}:
130px;
81 border-top:
1px solid #[(#GET{foncee}|couleur_eclaircir|couleur_eclaircir)];
83 /* Pour les cases à cocher */
84 .formulaire_spip li.choix,
85 .formulaire_spip li.editer_groupe_mots_associer,
86 .formulaire_spip li.editer_groupe_mots_reglage_avance,
87 .formulaire_spip li.editer_groupe_mots_editeur{
88 padding-#GET{left}:
10px;
90 .formulaire_spip li fieldset li {border:
0; padding-top:
5px; padding-bottom:
5px;}
92 /* elements du formulaire */
93 .formulaire_spip input.text,
94 .formulaire_spip input.password,
95 .formulaire_spip textarea,
96 .formulaire_spip select {
101 .formulaire_spip input.submit,
102 .formulaire_spip input.reset,
103 .formulaire_spip input.button {
107 /* intitules (label) */
108 .formulaire_spip li label {
111 margin-#GET{left}:-
125px;
112 text-align: #GET{left};
120 /* pour les autres */
121 .formulaire_spip ul
>li label {
126 .formulaire_spip li p {
132 .formulaire_spip li.fieldset {padding:
0;}
133 .formulaire_spip fieldset {
138 .formulaire_spip li fieldset {
139 border-top:
1px solid #GET{claire};
140 border-bottom:
1px solid #GET{claire};
141 background:transparent;
143 .formulaire_spip fieldset legend {
149 .formulaire_spip li fieldset legend {
152 margin-#GET{left}:
0px;
154 background:#fff; /* ie
6*/
156 .formulaire_spip li fieldset
>legend {
157 background:none; /* others */
159 .formulaire_spip li fieldset h3.legend {
163 background:#GET{claire};
167 /* champ des radio/checkbox
168 * on annule les decalages de label/champs
169 * lorsqu'ils sont inclus dans une class .champ
171 * La liste par defaut est verticale
172 * pour l'avoir horizontale, il faut specifier :
173 * .formulaire_spip .formulaire_editer .editer_qqc .champ{display:inline;}
175 .formulaire_spip .choix label {float:none; margin-#GET{left}:
5px; display:inline;color:#
555 !important;font-weight:normal !important;width:auto;}
176 .formulaire_spip .choix label input {vertical-align:middle;}
177 .formulaire_spip .choix input.radio,
178 .formulaire_spip .choix input.checkbox {width:auto;}
181 /*.formulaire_spip li em.aide { float:#GET{right};margin-#GET{right}:-
10px;}*/
184 .formulaire_spip .boutons,.boutons_formulaire {
185 margin:
0; clear:both;
186 text-align: #GET{right};
191 #navigation .formulaire_spip .boutons,.boutons_formulaire,#extra .formulaire_spip .boutons,.boutons_formulaire {
195 .boutons_formulaire {font-size:
1em;}
196 .formulaire_spip .boutons input.submit,.boutons_formulaire input.submit {
197 margin-#GET{left}:
1em;
204 .formulaire_spip li.obligatoire {
205 background-color:[ #(#GET{claire}|couleur_eclaircir)];
207 .formulaire_spip li.obligatoire label {
214 .formulaire_spip .erreur input.text,
215 .formulaire_spip .erreur textarea {
216 background-color: #FFCCCC;
220 .formulaire_spip .erreur .erreur_message,
221 .formulaire_spip em.attention {
225 .formulaire_spip .erreur_message{
229 .formulaire_spip .reponse_formulaire{
230 margin-#GET{left}:
0.5em;
231 margin-#GET{right}:
0.5em;
233 border:
1px solid black;
236 /* message reussite ? */
237 .formulaire_spip .reponse_formulaire_ok{
238 border-color: #
53AD20;
241 .formulaire_spip .reponse_formulaire_erreur{
247 .formulaire_spip .explication{ font-size:
10px; padding:
10px;}
248 .formulaire_spip li
>.explication{ padding:
0;}
250 /* remarques importantes */
251 .formulaire_spip em.attention{
259 .formulaire_spip table.spip_barre{
261 border:
1px solid #
666;
262 width:
90%; /* pour mettre a la meme taille que les champs de formulaire */
263 background:none; border:
0; margin:
0; padding:
0;/**/
265 .formulaire_spip table.spip_barre a img {
266 background-color:#ccc;
268 border:
1px solid #
666;
271 .formulaire_spip table.spip_barre a:hover img{
276 * Formulaires compactes
278 .formulaire_spip_compact li,#navigation .formulaire_spip li,#extra .formulaire_spip li {padding:
2px
5px;border:none;}
279 .formulaire_spip_compact li label,#navigation .formulaire_spip li label,#extra .formulaire_spip li label {float:none;margin-#GET{left}:
0;width:auto;}
280 .formulaire_spip .editer_date select {width:auto;}
288 /* annuler les f@@@@ div de sa majeste */
289 div.edition, div.label {display:inline;}
291 /* accepter la classe 'haut' pour mettre les blocs
292 sur toute la largeur du formulaire comme la css du core... */
293 .formulaire_spip li.haut {padding-left:
5px;}
294 .formulaire_spip li.haut label {margin-left:
0px;margin-bottom:
5px; display:block; float:none;width:auto;}
295 .formulaire_spip li.haut textarea {width:
98%;}
298 .formulaire_editer .editer_parent {background:#eee;}
299 .formulaire_editer .editer_parent #choix_parent {}
300 .formulaire_editer .editer_parent #choix_parent_principal,
301 .formulaire_editer .editer_parent #choix_parent_selection {margin-#GET{left}:-
120px;}
303 #contenu .formulaire_editer .editer_titre input,
304 #contenu .formulaire_editer .editer_nom input{font-size:
1.2em; font-weight:bold;}
305 .formulaire_editer .editer_chapo textarea{height:
12em;}
307 /* le brouteur de rubrique en cas de petit ecran doit etre aussi plus petit ! */
308 .etroit .formulaire_editer .editer_parent #titreparent{width:
50% !important;}
310 /* pour mettre les text-area en grand...*/
311 .formulaire_editer .editer_texte,
312 .formulaire_editer .editer_chapo,
313 .formulaire_editer .editer_descriptif {padding-left:
5px;}
314 .formulaire_editer .editer_texte label,
315 .formulaire_editer .editer_chapo label,
316 .formulaire_editer .editer_descriptif label {margin-left:
0px;margin-bottom:
5px; display:block; float:none;width:auto;}
317 .formulaire_editer .editer_texte textarea,
318 .formulaire_editer .editer_chapo textarea,
319 .formulaire_editer .editer_descriptif textarea {width:
98%;}
320 .formulaire_editer .editer_texte table.spip_barre {width:
98%;}
325 .formulaire_editer_auteur .editer_statut ul{margin:
0; }
326 .formulaire_editer_auteur .editer_statut li{list-style-position:inside; padding:
0;}
327 .formulaire_editer_auteur .editer_statut input[type=submit]{width:auto;}
329 .formulaire_editer_auteur li.editer_statut .instituer_auteur {margin-top:
15px;margin-left:-
125px;}
331 .formulaire_editer .editer_redacteurs_connectes p.explication{margin:
0.5em;}
333 /* si on enleve le: ul fieldset{margin-left:-
125px;} il faut remettre ceci : * /
334 .formulaire_editer .editer_identification{padding-left:
5px;}
335 .formulaire_editer .editer_redacteurs_connectes{padding-left:
5px;}
336 .formulaire_editer .editer_referencement_automatise {padding-left:
5px;}
337 .formulaire_editer .editer_syndications {padding-left:
5px;}
338 .formulaire_editer .editer_liens_sites {padding-left:
5px;}
342 .formulaire_editer .editer_referencement_automatise label {margin-left:
0px;}
343 .formulaire_editer .editer_referencement_automatise li {padding-left:
5px;}
344 .formulaire_editer .editer_referencement_automatise li label {display:block; float:none; width:auto;}
348 .formulaire_editer_breve .editer_statut{padding-#GET{left}:
250px;}
349 .formulaire_editer_breve .editer_statut label{width:
240px;margin-#GET{left}:-
245px;}
352 /* navigateur de rubrique */
353 .confirmer_deplacement input {
355 margin-#GET{left}: -
20px;
361 background-color: #GET{foncee};
362 border-left:
1px solid #GET{claire};
363 border-right:
1px solid #GET{claire};
368 table.spip_barre a img {padding:
3px; border:
1px outset #GET{claire}; }
369 table.spip_barre a:hover img { background: #FFF; border:
1px solid #CC9; }
370 table.spip_barre input.barre { width:
99%; background: transparent; border:
0; color: #F57900; }
372 /* retablir les ul.spip dans les explications */
374 .formulaire_spip ul.spip,.formulaire_spip ol.spip {
376 margin-#GET{left}:
10px;
377 list-style-type: disc;
378 list-style-position: outside;
380 .formulaire_spip ol.spip {
381 list-style-type: decimal;
383 .formulaire_spip ul.spip li {
384 margin-#GET{left}:
10px;
389 .formulaire_spip a {color:[#(#GET{foncee}|couleur_foncer)];text-decoration:underline;}
392 /* Style des formulaires de configuration
393 ----------------------------------------------- */
394 .formulaire_configurer {margin:
2em
0;}