source: spip-zone/_themes_/zpip-2/KeepItSimple/css/spip.form.less @ 48853

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

Theme KeepItSimple? pour Zpip-dist v2, en version LESS

File size: 5.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:10px; border: 1px solid #F0F0F0; background-color: #f8f8f8;text-align: left; }
12#main .formulaire_spip {padding: 15px 25px 25px 20px;}
13
14/* Fieldset */
15.formulaire_spip fieldset { clear: both; margin: 0;margin-bottom: @margin-bottom/*@margin-bottom*/; padding: 0; border: 0; }
16.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.25em; font-weight: bold; background-color: #F8F8F8; } /* Preciser la couleur des legend et du fond pour IE/Win */
17
18.formulaire_spip fieldset fieldset { margin-top: @margin-bottom/*@margin-bottom*/; }
19.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
20
21/* Explications */
22.formulaire_spip .explication { color: #444;}
23
24/* Lignes */
25.formulaire_spip .editer { clear: both; margin: 0 -10px; padding: @demi-line-height/*@demi-line-height*/; border-bottom: 1px solid #E6E6E6;color: #7BA857;}
26
27/* Labels */
28.formulaire_spip .editer>label { display: block; text-align: left; color: #7BA857; font-weight: bold;}
29
30.formulaire_spip .choix label {display:inline;font-weight:normal;}
31.formulaire_spip .choix input.radio,
32.formulaire_spip .choix input.checkbox {width:auto;}
33
34
35/* Champs de saisie */
36.formulaire_spip input.text { width: 100%;}
37.formulaire_spip textarea { width: 100%; }
38.formulaire_spip select { width: 100%; }
39.formulaire_spip input.text,input.password, select, textarea {margin: 5px 0;padding: 5px;color: #6A6969;border-width: 1px;border-style: solid;border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;    }
40.formulaire_spip input.text:focus,input.password:focus, select:focus, textarea:focus {color: #7BA857;background: #EFFAE6;}
41
42/* Boutons */
43.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; margin-top: @margin-bottom/*@margin-bottom*/; }
44.formulaire_spip .boutons input { margin-left: 1em; }
45.formulaire_spip .boutons input, input.submit {
46        font: bold 12px Arial, Sans-serif;
47        height: 30px;
48        margin: 0;
49        padding: 2px 3px;
50        color: #fff;
51        background: #9CCF5F;
52
53        border-width: 1px;
54        border-style: solid;
55        border-color: #B6DE8F #8DB836 #8DB836 #B6DE8F;
56  text-align:left !important;
57}
58
59@media print {
60        .formulaire_spip { display: none; }
61}
62
63/* Reponses, previsu et erreurs
64----------------------------------------------- */
65
66/* Champs obligatoires */
67.formulaire_spip li.obligatoire {}
68.formulaire_spip li.obligatoire label {font-weight: strong;}
69
70
71/* Reponses */
72.reponse_formulaire { margin-bottom: @margin-bottom/*@margin-bottom*/; padding: @demi-margin-bottom/*@demi-margin-bottom*/; border: 2px solid #ddd; }
73.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
74.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
75.reponse_formulaire_ok a { color: #264409; }
76.reponse_formulaire_erreur a { color: #8a1f11; }
77
78
79/* Previsualisation du message */
80fieldset.previsu { margin-bottom: @margin-bottom/*@margin-bottom*/;padding: @demi-margin-bottom/*@demi-margin-bottom*/; border: 2px dashed #F57900; }
81fieldset.previsu legend { color: #F57900; }
82fieldset.previsu legend { padding-left:0.50em; font-weight: bold; color: #F57900; }
83/* Reponse du formulaire */
84fieldset.previsu .reponse_formulaire { font-weight: bold; color: #e86519;}
85fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
86
87
88/* * Erreurs */
89.editer.erreur { background-color: #fbe3e4; }
90.editer .erreur_message { display: block; color: #C30; font-weight: bold;}
91
92
93/* Variantes et cas particuliers
94----------------------------------------------- */
95
96/* Selection des langues */
97.formulaire_menu_lang { margin: 0; padding: 0; background: none; border: 0;}
98.formulaire_menu_lang select {width: 15em;}
99
100/* Formulaires de recherche (site / petitions) */
101/* header quick search */
102.formulaire_recherche {border: 1px solid #bababa;background: #fafafa;z-index: 999999;padding:2px;margin:0;}
103#navigation .formulaire_recherche {padding:2px;}
104.formulaire_recherche  input.text {color: #bababa;/*float: left;*/margin: 0; padding: 5px;background:#fafafa;border:none;width:265px;}
105#navigation .formulaire_recherche  input.text {width:175px;}
106.formulaire_recherche  input.submit{text-indent:-1000px;width: 25px; height: 24px;border:0;background:#fff url(img/search.gif) no-repeat top left;}
107.formulaire_recherche label {display: none;}
108
109/* Choix des mots-clefs */
110.choix_mots li { float: left; width: 30%; padding: 1%; }
111
112/* Formulaire de login dans une page */
113.formulaire_login .editer {clear:left;}
114.formulaire_login input.text,.formulaire_login input.password {width:15em;}
115.formulaire_login .editer_password .details {margin-bottom:0;}
116.formulaire_login #spip_logo_auteur {float:right;}
117
118
119#entete .formulaire_menu_lang { position: absolute; right: 0; top: 200px; display: block; margin:0;width: 235px;padding:0;background:none;border:0; } /*Cf.: spip_formulaires.css*/
120#entete .formulaire_menu_lang select {width: 235px;}
Note: See TracBrowser for help on using the repository browser.