Statistiques
| Révision :

root / tei / css / spip_formulaires.css @ 2

Historique | Voir | Annoter | Télécharger (4,7 ko)

1 2 mingarao
/*  ------------------------------------------
2 2 mingarao
/*  Habillage des formulaires
3 2 mingarao
/*  ------------------------------------------ */
4 2 mingarao
input, select, textarea { font-size: 100%; font-family: inherit; }
5 2 mingarao
6 2 mingarao
7 2 mingarao
/* Structure generale des formulaires
8 2 mingarao
----------------------------------------------- */
9 2 mingarao
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
10 2 mingarao
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */
11 2 mingarao
12 2 mingarao
/* Fieldset */
13 2 mingarao
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
14 2 mingarao
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
15 2 mingarao
.formulaire_spip fieldset fieldset { margin-top: 1em; }
16 2 mingarao
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
17 2 mingarao
18 2 mingarao
/* Explications */
19 2 mingarao
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }
20 2 mingarao
21 2 mingarao
/* Lignes */
22 2 mingarao
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
23 2 mingarao
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
24 2 mingarao
25 2 mingarao
/* Labels */
26 2 mingarao
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
27 2 mingarao
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
28 2 mingarao
29 2 mingarao
.formulaire_spip .choix label{display:inline;font-weight:normal;}
30 2 mingarao
.formulaire_spip .choix input.radio,
31 2 mingarao
.formulaire_spip .choix input.checkbox {width:auto;}
32 2 mingarao
33 2 mingarao
34 2 mingarao
/* Champs de saisie */
35 2 mingarao
.formulaire_spip input.text { width: 15em; border: 1px inset; }
36 2 mingarao
.formulaire_spip textarea { width: 99%; border: 1px inset; }
37 2 mingarao
.formulaire_spip select { width: 99%; }
38 2 mingarao
39 2 mingarao
/* Boutons */
40 2 mingarao
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
41 2 mingarao
.formulaire_spip .boutons input { margin-left: 1em; }
42 2 mingarao
.formulaire_spip .boutons input, input.submit {}
43 2 mingarao
44 2 mingarao
45 2 mingarao
/* Reponses, previsu et erreurs
46 2 mingarao
----------------------------------------------- */
47 2 mingarao
48 2 mingarao
/* Champs obligatoires */
49 2 mingarao
.formulaire_spip li.obligatoire {}
50 2 mingarao
.formulaire_spip li.obligatoire label {}
51 2 mingarao
52 2 mingarao
/* Previsualisation du message */
53 2 mingarao
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
54 2 mingarao
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
55 2 mingarao
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
56 2 mingarao
.formulaire_spip fieldset.previsu p { margin: 1em 0; }
57 2 mingarao
58 2 mingarao
/* Reponse du formulaire */
59 2 mingarao
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
60 2 mingarao
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
61 2 mingarao
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */
62 2 mingarao
63 2 mingarao
/* * Erreurs */
64 2 mingarao
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
65 2 mingarao
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
66 2 mingarao
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }
67 2 mingarao
68 2 mingarao
/* * OK */
69 2 mingarao
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
70 2 mingarao
71 2 mingarao
72 2 mingarao
/* Variantes et cas particuliers
73 2 mingarao
----------------------------------------------- */
74 2 mingarao
75 2 mingarao
/* Barre de raccourcis typographiques */
76 2 mingarao
table.spip_barre { width: 100%; }
77 2 mingarao
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
78 2 mingarao
table.spip_barre a:focus img,
79 2 mingarao
table.spip_barre a:hover img,
80 2 mingarao
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
81 2 mingarao
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color:inherit; }
82 2 mingarao
83 2 mingarao
/* Formulaire de forum */
84 2 mingarao
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
85 2 mingarao
86 2 mingarao
/* Selection des langues */
87 2 mingarao
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }
88 2 mingarao
89 2 mingarao
/* Formulaires de recherche (site / petitions) */
90 2 mingarao
.formulaire_recherche { margin: 0; padding: 0; background: none; }
91 2 mingarao
.formulaire_recherche * { display: inline; vertical-align: middle; }
92 2 mingarao
.formulaire_recherche label {}
93 2 mingarao
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
94 2 mingarao
.formulaire_recherche input.submit {}
95 2 mingarao
96 2 mingarao
.spip_surligne {} /* Cf.: spip_style.css */
97 2 mingarao
98 2 mingarao
/* Choix des mots-clefs */
99 2 mingarao
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
100 2 mingarao
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
101 2 mingarao
ul.choix_mots li label { display: inline; font-weight: normal; }
102 2 mingarao
103 2 mingarao
.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
104 2 mingarao
105 2 mingarao
/* Formulaire de login dans une page */
106 2 mingarao
.formulaire_login ul li {clear:left;}
107 2 mingarao
.formulaire_login .editer_password .details {display:block;}
108 2 mingarao
.formulaire_login #spip_logo_auteur {float:right;}