source: spip-zone/_plugins_/prive_fluide/branches/prive_fluide_plus/prive/style_prive_plugin_prive_fluide_plus.html @ 111130

Last change on this file since 111130 was 111130, checked in by nicod@…, 2 years ago

Pas de justification sur le texte, c'est mal, et pas de césure auto

File size: 5.3 KB
Line 
1[(#REM)<style>/*
2
3        Surcharges de l'Espace prive fluide de Tcharlss
4       
5        - Tous les champs de formulaires forcés sur deux colonnes, avec des labels plus larges
6        - En dessous de 980px, les formualires sur une seule colonne
7
8*/]#CACHE{3600*100,cache-client}
9#HTTP_HEADER{Content-Type: text/css;charset=utf-8}
10#HTTP_HEADER{Vary: Accept-Encoding}
11
12
13/*--------------------------------------
14  Partons sur de bonnes bases
15----------------------------------------*/
16
17*, *:before, *:after {
18        -webkit-box-sizing: border-box;
19        -moz-box-sizing: border-box;
20        box-sizing: border-box;
21}
22
23/*
24        en corrigeant certaines incohérences
25*/
26
27.icone a img {
28        box-sizing: content-box;
29}
30
31/*--------------------------------------
32  Pas de justification, c'est mal
33  et pas de césure auto
34--------------------------------------*/
35
36#wysiwyg .champ,.preview {
37        -moz-hyphens:none;
38        -webkit-hyphens:none;
39        -khtml-hyphens:none;
40        -ms-hyphens:none;
41        -o-hyphens:none;
42        hyphens:none;
43        text-align: #ENV{left};
44}
45
46
47/*--------------------------------------
48  Formulaires
49----------------------------------------*/
50
51.formulaire_spip > h3.titrem {
52        margin-bottom: 0;
53}
54
55.formulaire_spip input.text,
56.formulaire_spip input.password,
57.formulaire_spip input.file,
58.formulaire_spip textarea,
59.formulaire_spip select,
60.formulaire_spip .choix {
61        background: white;
62        padding: 0.5em;
63        border: 1px solid #ddd;
64        border-radius: 4px;
65        width: 100%;
66        max-width: 45em;
67}
68.formulaire_spip input.file {
69        border: none;
70}
71.formulaire_spip .editer .explication {
72        /* .explication est en font-size à 90% */
73        max-width: calc(45em / 0.9);
74}
75.formulaire_spip .choix {
76        border-bottom: none;
77        display: flex;
78        align-items: flex-start;
79}
80.formulaire_spip .choix > input {
81        margin-top: 0.4em;
82}
83.formulaire_spip .choix > label {
84        width: auto;
85}
86
87/*
88        Labels plus larges
89*/
90
91.formulaire_spip .editer_parent,
92.formulaire_spip .editer_groupe_mot,
93.formulaire_spip .editer_descriptif,
94.formulaire_spip .editer_chapo,
95.formulaire_spip .editer_texte,
96.formulaire_spip .editer_ps,
97.formulaire_spip .editer,
98.formulaire_spip .editer.gauche {
99        padding-#ENV{left}: 175px;
100}
101
102.formulaire_spip .editer_parent label,
103.formulaire_spip .editer_groupe_mot label,
104.formulaire_spip .editer_descriptif label,
105.formulaire_spip .editer_chapo label,
106.formulaire_spip .editer_texte label,
107.formulaire_spip .editer_ps label,
108.formulaire_spip .haut label,
109.formulaire_spip .pleine_largeur>label,
110.formulaire_spip .editer > label {
111        display: inline-block;
112        float: #ENV{left};
113        width: 155px;
114        margin-#ENV{left}: -160px;
115        margin-top: 0.25em;
116}
117
118/*
119        Ne pas centrer les textarea ni le #wysiwyg ...
120*/
121
122#wysiwyg,
123.formulaire_spip textarea,
124.formulaire_spip .edition {
125        display: inline-block;
126        max-width: 45em !important;
127        margin-left: 0 !important;
128        margin-right: 0 !important;
129}
130
131/*
132        mais laisser une marge en preview.
133       
134        #wysiwyg .champ, .preview sont en font-size en 1.2em,
135        donc on recalcule la largeur pour avoir à peut près le même nombre de caractères par ligne qu'en mode édition
136       
137        Et pas de justification, c'est mal.
138*/
139
140.fiche_objet #wysiwyg {
141        margin-left: 15px !important;
142        max-width: calc(45em * 1.2) !important;
143}
144#wysiwyg .champ,.preview {
145        text-align: #ENV{left};
146}
147#wysiwyg .contenu_descriptif,
148#wysiwyg .contenu_nom_site,
149#wysiwyg .contenu_bio,
150#wysiwyg .contenu_ps {
151        margin-left: -10px;
152        margin-right: -10px;
153}
154
155/*
156        Labels longs
157*/
158
159.formulaire_spip .long_label {padding-#ENV{left}:280px;}
160.formulaire_spip .long_label > label {width: 260px;margin-#ENV{left}:-270px;}
161
162
163/*
164        Fieldsets et legends
165*/
166
167.formulaire_spip h3.legend,
168.formulaire_spip legend {
169        font-weight: normal;
170        font-size:   1.1em;
171        padding: 0.5em 10px;
172        margin-left: 0;
173        margin-right: 0;
174        margin-bottom: .34625em;
175}
176.formulaire_spip legend {
177        width: calc(100% - 1em);
178        display: block;
179        overflow: hidden;
180}
181.formulaire_spip fieldset {
182        border: none;
183        border-top: none; /* à garder */
184}
185
186.formulaire_editer_article .editer.editer_liens_sites fieldset {
187        padding-left: 0;
188        padding-right: 0;
189}
190
191/*
192        Colonne de gauche (#navigation)
193*/
194
195.lat .formulaire_spip .editer label {
196        margin-bottom: 0.5em;
197}
198.lat .formulaire_spip .editer {
199        padding: .34625em 10px;
200}
201
202/*--------------------------------------
203  En dessous de 980px, les formulaires
204  passent sur une seule colonne
205----------------------------------------*/
206
207@media (max-width: 980px) {
208       
209        .formulaire_spip .editer-groupe,
210        .formulaire_spip fieldset,
211        .formulaire_spip fieldset .editer-groupe,
212        .formulaire_spip .editer .boutons,
213        .formulaire_spip .legend {
214                margin-left: 0;
215                margin-right: 0;
216        }
217
218        .formulaire_spip .editer,
219        .formulaire_spip .editer.gauche,
220        .formulaire_spip .editer.droite {
221                padding: 0.5em 0;
222        }
223
224        .formulaire_editer_article .editer.editer_liens_sites,
225        .formulaire_spip .editer_parent {
226                padding-left: 10px;
227                padding-right: 10px;
228                margin-left: -10px;
229                margin-right: -10px;
230        }
231        .formulaire_editer_article .editer.editer_liens_sites h3.legend {
232                margin-left: -10px;
233                margin-right: -10px;
234        }
235
236        .formulaire_spip .editer label,
237        .formulaire_spip .editer.gauche label,
238        .formulaire_spip .editer.droite label {
239                display: block;
240                width: auto;
241                float: none;
242                margin: 0 0 0.25em 0;
243        }
244
245        .formulaire_spip .choix {
246                border-top: none;
247                border-bottom: none;
248        }
249
250        .formulaire_spip .choix label {
251                display: inline-block;
252                margin-bottom: 0;
253                vertical-align: middle;
254                margin-#ENV{left}: 0.25em;
255        }
256
257        .formulaire_spip h3:not(.titrem) {
258                margin-top: 1em;
259                margin-bottom: 1em;
260        }
261
262}
Note: See TracBrowser for help on using the repository browser.