source: spip-zone/_plugins_/zpip-less/css/spip.form.less @ 48854

Last change on this file since 48854 was 48854, checked in by cedric@…, 10 years ago

le compilateur LESS js utilisé par les applications desktop ne tolère pas le commentaire apres la valeur. On inverse pour garder quand meme un commentaire une fois la LESS compilée en CSS et pouvoir le faire avec une app desktop

File size: 4.3 KB
Line 
1/*  ------------------------------------------
2/*  Habillage des formulaires SPIP
3/*  ------------------------------------------ */
4@import_spip "css/config.less";
5
6input, textarea, select {-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
7.bugajaxie { display: none; } /* Bug IE/Win */
8
9/* Structure generale des formulaires
10----------------------------------------------- */
11.formulaire_spip { clear: both; margin-bottom: /*@margin-bottom*/@margin-bottom; padding: /*@demi-line-height*/@demi-line-height; border: 1px solid #ddd; background-color: #FCFCFC;text-align: left; }
12
13/* Fieldset */
14.formulaire_spip fieldset { clear: both; margin: 0;margin-bottom: /*@margin-bottom*/@margin-bottom; padding: 0; border: 0; }
15.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.25em; font-weight: bold; background-color: #FCFCFC; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
16.formulaire_spip fieldset fieldset { margin-top: /*@margin-bottom*/@margin-bottom; }
17.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
18
19/* Explications */
20.formulaire_spip .explication { color: #444;margin-bottom: 0;padding: /*@demi-line-height*/@demi-line-height 0;}
21
22/* Lignes */
23.formulaire_spip .editer { clear: both; margin: 0 /*@minus-demi-line-height*/@minus-demi-line-height; padding: /*@demi-line-height*/@demi-line-height; }
24
25/* Labels */
26.formulaire_spip .editer>label { display: block; text-align: left; color: #444; font-weight: bold;}
27
28.formulaire_spip .choix label {display:inline;font-weight:normal;}
29.formulaire_spip .choix input.radio,
30.formulaire_spip .choix input.checkbox {width:auto;}
31
32
33/* Champs de saisie */
34.formulaire_spip input.text { width: 100%;}
35.formulaire_spip textarea { width: 100%; }
36.formulaire_spip select { width: 100%; }
37
38/* Boutons */
39.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; margin-top: /*@margin-bottom*/@margin-bottom; }
40.formulaire_spip .boutons input { margin-left: 1em; }
41.formulaire_spip .boutons input, input.submit {}
42
43@media print {
44        .formulaire_spip { display: none; }
45}
46
47/* Reponses, previsu et erreurs
48----------------------------------------------- */
49
50/* Champs obligatoires */
51.formulaire_spip li.obligatoire {}
52.formulaire_spip li.obligatoire label {font-weight: strong;}
53
54
55/* Reponses */
56.reponse_formulaire { margin-bottom: /*@margin-bottom*/@margin-bottom; padding: /*@demi-margin-bottom*/@demi-margin-bottom; border: 2px solid #ddd; }
57.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
58.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
59.reponse_formulaire_ok a { color: #264409; }
60.reponse_formulaire_erreur a { color: #8a1f11; }
61
62
63/* Previsualisation du message */
64fieldset.previsu { margin-bottom: /*@margin-bottom*/@margin-bottom;padding: /*@demi-margin-bottom*/@demi-margin-bottom; border: 2px dashed #F57900; }
65fieldset.previsu legend { color: #F57900; }
66fieldset.previsu legend { padding-left:0.50em; font-weight: bold; color: #F57900; }
67/* Reponse du formulaire */
68fieldset.previsu .reponse_formulaire { font-weight: bold; color: #e86519;}
69fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
70
71
72/* * Erreurs */
73.editer.erreur { background-color: #fbe3e4; }
74.editer .erreur_message { display: block; color: #C30; font-weight: bold;}
75
76
77/* Variantes et cas particuliers
78----------------------------------------------- */
79
80/* Selection des langues */
81.formulaire_menu_lang { margin: 0; padding: 0; background: none; border: 0;}
82.formulaire_menu_lang select {width: 15em;}
83
84/* Formulaires de recherche (site / petitions) */
85.formulaire_recherche { padding: 0; background: none; border: 0;}
86.formulaire_recherche * { display: inline; vertical-align: middle; }
87.formulaire_recherche label {display: block;}
88.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(img/rechercher.gif) no-repeat left center; }
89.formulaire_recherche input.submit {}
90
91/* Choix des mots-clefs */
92.choix_mots li { float: left; width: 30%; padding: 1%; }
93
94/* Formulaire de login dans une page */
95.formulaire_login .editer {clear:left;}
96.formulaire_login input.text,.formulaire_login input.password {width:15em;}
97.formulaire_login .editer_password .details {margin-bottom:0;}
98.formulaire_login #spip_logo_auteur {float:right;}
Note: See TracBrowser for help on using the repository browser.