source: spip-zone/_plugins_/bootstrap/trunk/bootstrap2spip/css/forms.less @ 90641

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

bugfix bouton

File size: 5.0 KB
Line 
1@import "bootstrap/css/forms.less";
2
3legend {&:extend(h3);}
4
5/* Surcharge RTL */
6.rtl {
7  .form-search .input-append .search-query {
8    .border-radius(0 14px 14px 0);
9  }
10  .form-search .input-append .btn {
11  .border-radius(14px 0 0 14px);
12  }
13  .form-search .input-prepend .search-query {
14  .border-radius(14px 0 0 14px);
15  }
16  .form-search .input-prepend .btn {
17  .border-radius(0 14px 14px 0);
18  }
19}
20
21
22/* Structure generale des formulaires
23----------------------------------------------- */
24.formulaire_spip { clear: both; margin-bottom: @emLineHeight; padding: @emLineHeight; background-color: @wellBackground;position: relative;}
25.formulaire_spip form {margin-bottom: 0}
26.formulaire_spip .boutons {.form-actions;margin: 0 -@emLineHeight -@emLineHeight; padding: @emLineHeight;text-align: right;}
27.secondary {
28  .formulaire_spip {padding: @emLineHeight/2;}
29  .formulaire_spip .boutons {margin: 0 -@emLineHeight/2 -@emLineHeight/2; padding: @emLineHeight/2;}
30}
31
32input.submit, .formulaire_spip button.submit:not(.btn-link) {.btn}
33
34/* Explications */
35.formulaire_spip .explication {.help-block }
36
37/* Lignes */
38.formulaire_spip .editer-groupe,
39// et compat legacy
40.formulaire_spip >div>ul,
41.formulaire_spip fieldset>ul,
42.formulaire_spip .fieldset>ul,
43.formulaire_spip form>ul,
44.formulaire_spip form>div>ul {margin-left: 0;list-style: none;.control-group;}
45
46.formulaire_spip .editer { list-style: none;clear: both; margin: 0 -@emLineHeight; padding: @emLineHeight/4 @emLineHeight; }
47
48/* choix */
49.formulaire_spip .choix label {display:inline;font-weight:normal;}
50.formulaire_spip .choix input.radio,
51.formulaire_spip .choix input.checkbox {width:auto;margin: @paddingMini;margin-left:0;margin-bottom: 1px;}
52
53/* choix de mot dans le form forum notamment */
54.formulaire_spip .choix_mots {#grid > .fluid > .row-fluid}
55.formulaire_spip .choix_mots .saisie_mot {
56  .input-block-level();
57  float: left;
58  margin-left: @fluidGridGutterWidth;
59  *margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
60  #grid > .fluid > .span(4);
61}
62.formulaire_spip .choix_mots .saisie_mot:nth-child(3n-2) {margin-left: 0;clear: both;}
63.formulaire_spip .choix_mots .saisie_mot label {display:inline;font-weight:normal;}
64.formulaire_spip .choix_mots .saisie_mot input.radio,
65.formulaire_spip .choix_mots .saisie_mot input.checkbox {width:auto;margin: @paddingMini;margin-left:0;margin-bottom: 1px;}
66
67
68/* Champs de saisie */
69/*
70.span9 form input.text { width: 80%;}
71.span8 form input.text { width: 80%;}
72.span7 form input.text { width: 80%;}
73.span6 form input.text { width: 80%;}
74.span5 form input.text { width: 80%;}
75.span4 form input.text { width: 80%;}
76.span3 form input.text { width: 80%;}
77.span2 form input.text { width: 80%;}
78*/
79form input.text { width: 80%;}
80/*
81.span8 form textarea { width: 80%;}
82.span7 form textarea { width: 80%;}
83.span6 form textarea { width: 80%;}
84.span5 form textarea { width: 80%;}
85.span4 form textarea { width: 80%;}
86.span3 form textarea { width: 80%;}
87.span2 form textarea { width: 80%;}
88*/
89form textarea { width: 80%;}
90.markItUp .markItUpContainer .markItUpHeader {width: 80%;padding-right: 6px;padding-left: 6px;}
91.markItUp .markItUpContainer .markItUpHeader + textarea {border-top-left-radius: 0;border-top-right-radius: 0;border-top:0;}
92
93/*
94.span9 form select { width: 80%;}
95.span8 form select { width: 80%;}
96.span7 form select { width: 80%;}
97.span6 form select { width: 80%;}
98.span5 form select { width: 80%;}
99.span4 form select { width: 80%;}
100.span3 form select { width: 80%;}
101.span2 form select { width: 80%;}
102*/
103form select { width: 80%;}
104
105
106/* Reponses, previsu et erreurs
107----------------------------------------------- */
108
109/* Champs obligatoires */
110.formulaire_spip li.obligatoire {}
111.formulaire_spip li.obligatoire label {font-weight: bold;}
112
113/* * Erreurs */
114.editer.erreur { background-color: @errorBackground; }
115.editer .erreur_message { display: block; color: @errorText; font-weight: bold;}
116.editer .erreur_message label {display: inline;}
117.editer .erreur_message input {margin: 0;}
118
119/* Reponses */
120.reponse_formulaire {.alert;}
121.reponse_formulaire_ok {.alert-success;}
122.reponse_formulaire_erreur {.alert-error;}
123
124/* Variantes et cas particuliers
125----------------------------------------------- */
126
127/* quelques fieldset.info qui ne sont pas des messages d'info */
128.formulaire_spip fieldset.info {
129  background-color: inherit;
130  color: inherit;
131  text-shadow:inherit;
132  .border-radius(inherit);
133  &:extend(fieldset);
134}
135
136/* Selection des langues */
137.formulaire_menu_lang { margin: 0; padding: 0; background: none; border: 0;}
138//.formulaire_menu_lang form select {#grid > .core > .span(3)}
139
140/* Formulaires de recherche (site / petitions) */
141.formulaire_recherche,.secondary .formulaire_recherche {.form-search}
142.formulaire_recherche,.secondary .formulaire_recherche { padding: 0; background: none; border: 0;}
143
144/* Formulaire de login dans une page */
145.formulaire_login form .editer {clear:left;}
146.formulaire_login form input.text,
147.formulaire_login form input.password {#grid > .core > .span(5)}
148
149.formulaire_login form .editer_password .details {margin-bottom:0;}
150.formulaire_login #spip_logo_auteur {float:right;}
151
Note: See TracBrowser for help on using the repository browser.