source: spip-zone/_plugins_/themes_interface_privee/style_prive_ispip.html @ 37339

Last change on this file since 37339 was 37339, checked in by pierre.fiches@…, 11 years ago

réparer le cartouche lesauteurs

File size: 8.0 KB
Line 
1[(#REM)
2
3        Ce squelette definit les styles de l'espace prive
4
5        Note: l'entete "Vary:" sert a repousser l'entete par
6        defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
7        genant en cas de "rotation du cookie de session" apres
8        un changement d'IP (effet de clignotement).
9
10        ATTENTION: il faut absolument le charset sinon Firefox croit que
11        c'est du text/html !
12]
13#CACHE{3600*100,cache-client}
14#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
15#HTTP_HEADER{Vary: Accept-Encoding}
16
17
18
19#SET{claire,##ENV{couleur_claire,edf3fe}}
20#SET{foncee,##ENV{couleur_foncee,3874b0}}
21#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
22#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
23#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
24#SET{rtl_inv,#ENV{ltr}|choixsiegal{right,'',_rtl}}
25#SET{chemin_img_pack,#EVAL{_DIR_IMG_PACK}}
26
27
28body {
29        font-family: arial, helvetica, sans-serif;
30        background-color: [#(#ENV{couleur_claire}|couleur_saturation{0.5})];
31        [(#CHEMIN{images/ispip/pinstripes.png}|background_image{[(#ENV{couleur_claire}|couleur_saturation{0.5})], center center })]
32
33}
34
35h1, h2, h3, .bandeau_couleur, .bandeau_couleur_sous, a.icone26, a.cellule-h-texte, div.onglet, div.onglet_on, div.onglet_off, .arial0, .arial1, .arial11, .arial2, .cadre, .cadre-formulaire, .cadre-formulaire-editer, a.foncee, a.foncee:hover, a.claire, a.claire:hover, span.creer, span.lang_base   {
36        font-family: arial, helvetica, sans-serif;
37}
38
39.formulaire_spip input.text,
40.formulaire_spip input.password,
41.formulaire_spip textarea,
42.formulaire_spip select
43{
44        font-family: arial, helvetica, sans-serif;
45}
46
47#bandeau-principal {
48        .bandeau_sec {
49                -webkit-border-bottom-left-radius: 8px;
50                -webkit-border-bottom-right-radius: 8px;
51                border-bottom-left-radius: 8px;
52                border-bottom-right-radius: 8px;
53                -moz-border-radius: 0px 0px 8px 8px;
54        }
55}
56#bandeau_couleur {
57        height: 33px;
58        padding-top: 8px;
59        padding-bottom: 0px;
60        border-bottom: 1px solid [#(#ENV{couleur_foncee}|couleur_saturation{0.95})];
61        background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.8})];
62        [(#CHEMIN{images/ispip/toolbar.png}|background_image{[(#ENV{couleur_foncee}|couleur_saturation{0.8})], center center })]
63
64        a, a.icone26 {
65                color: white;
66                font-size: 16px;
67            text-shadow: #[(#ENV{couleur_foncee}|couleur_saturation{0.8})] -1px -1px 1px;
68
69        }
70
71        .bandeau_couleur_sous {
72                top: 12px;
73                border-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.95})];
74                background-color: #f1f1f1;
75                border-top: 0px;
76                color: #464646;
77                -webkit-border-bottom-left-radius: 8px;
78                -webkit-border-bottom-right-radius: 8px;
79                border-bottom-left-radius: 8px;
80                border-bottom-right-radius: 8px;
81                -moz-border-radius: 0px 0px 8px 8px;
82
83                . :hover {
84                        box-shadow:  0px 0px 2px #999;
85                        -webkit-box-shadow:  0px 0px 2px #999;
86                        -moz-box-shadow:  0px 0px 2px #999;
87                }
88               
89                a {
90                        font-size: 1em;
91                        color: #464646;
92                    text-shadow: #f1f1f1 0px 0px 0px;
93                }
94        }
95
96
97}
98
99#lesauteurs .cadre-icone {position:absolute;top: -24px;}
100
101.cadre, .dater {
102    color: black;
103    background: #fff;
104    border-color: #B4B4B4;
105        -moz-border-radius: 8px;
106        -webkit-border-radius: 8px;
107        border-radius: 8px;
108       
109
110        .cadre-icone {
111                position: relative;
112                float: left;
113                top: 0px;
114                left: 0px;
115                padding-left: 5px;
116                padding-right: 5px;
117                padding-top: 3px;
118        }
119       
120        .cadre-icone + .titrem {
121                padding-left: 50px;
122        }
123
124       
125        .titrem {
126                background: url(#CHEMIN{images/gray-grad.png});
127                padding-top: 8px;
128                padding-bottom: 8px;
129                text-shadow: white 0px 1px 1px;
130                -webkit-border-top-left-radius: 8px;
131                -webkit-border-top-right-radius: 8px;
132                -moz-border-radius: 8px 8px 0px 0px;
133                border-top-left-radius: 8px;
134                border-top-right-radius: 8px;
135               
136               
137        }
138}
139
140.fiche_objet, .no_onglets .fiche_objet {
141        border-color: #dfdfdf;
142        -moz-border-radius: 8px;
143        -webkit-border-radius: 8px;
144        border-radius: 8px;
145}
146
147
148.cadre-sous_rub {
149        background-color: #ededed;
150}
151
152.cadre-couleur-foncee {
153        border: 1px solid [(#GET{claire})];
154}
155
156
157div.liste, div.cadre-liste {
158        border-color: #b4b4b4;
159        -moz-border-radius: 8px;
160        -webkit-border-radius: 8px;
161        border-radius: 8px;
162
163        table {
164       
165                .tr_liste {
166                        background-color: white;
167                       
168                        td {
169                                border-color: #B4B4B4;
170                                padding-top: 8px;
171                                padding-bottom: 8px;
172                        }
173                       
174                        . :last-child {
175                       
176                                td:first-child {
177                                        -webkit-border-bottom-left-radius: 8px;
178                                        -webkit-border-top-left-radius: 8px;
179                                        -moz-border-radius: 8px 0px 0px 8px;
180                                        border-bottom-left-radius: 8px;
181                                        border-top-left-radius: 8px;
182                                }
183                                td:last-child {
184                                        -webkit-border-bottom-right-radius: 8px;
185                                        -webkit-border-top-right-radius: 8px;
186                                        -moz-border-radius: 0px 8px 8px 0px;
187                                        border-bottom-right-radius: 8px;
188                                        border-top-right-radius: 8px;
189                                }
190                        }
191                        . :nth-child(2n) {
192                                background-color: #fafafa;
193                        }
194                }
195                .tr_liste_over, .tr_liste:hover {
196                        background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.2})];
197                       
198                }
199        }
200       
201        .titrem {
202                background: url(#CHEMIN{rien.gif});
203                background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.4})];
204                border-bottom: 1px solid #b4b4b4;
205                -webkit-border-top-left-radius: 8px;
206                -webkit-border-top-right-radius: 8px;
207                -moz-border-radius: 8px 8px 0px 0px;
208                border-top-left-radius: 8px;
209                border-top-right-radius: 8px;
210        }
211       
212        .titrem.hover {
213                background-color: #eee;
214        }
215
216        .tranches {
217                padding: 4px 0px 4px 10px;     
218                background-color: #dfdfdf;
219                border-color: #f0f0f0;
220                border-top: 0;
221        }
222}
223
224#contenu div.liste .titrem, #contenu div.cadre-liste .titrem {
225                padding-top: 10px;
226                padding-bottom: 10px;
227                font-size: 14px;
228}
229#contenu div.liste .cadre-icone, #contenu div.cadre-liste .cadre-icone {
230        padding-top: 7px;
231        padding-left: 7px;
232}
233.icone36 {
234        a img, img {
235                -moz-border-radius: 6px;
236                -webkit-border-radius: 6px;
237                border-radius: 6px;     
238        }
239}
240
241.icone36 a img, a.icone36 img, .icone36 a:hover img, a.icone36:hover img {
242        border: 0px;
243        margin-bottom: -12px;
244        background-color: transparent;
245        display: none;
246}
247
248.icone36 a img:only-child, a.icone36 img:only-child, .icone36 a:hover img:only-child, a.icone36:hover img:only-child {
249        display: inline;
250}
251
252.danger, a.cellule-h-texte {
253        background: none;
254}
255
256.icone36 {
257        width: auto;
258        margin-left: 10px;
259        margin-right: 10px;
260}
261
262.icone36 a span, a.icone36 span {
263        -moz-border-radius: 8px;
264        -webkit-border-radius: 8px;
265        border-radius: 8px;     
266        border: 1px solid #bbb;
267        padding: 8px 10px;
268        width: auto;
269        font-weight: normal;
270        font-size: 11px;
271        text-shadow: white 0px 1px 0px;
272        color: #464646;
273        [(#CHEMIN{images/ispip/bouton-ok.png}|background_image{eeeeee, center center })]
274        height: auto;
275       
276        . :hover {
277                color: black;
278                border-color: #666;
279        }
280}
281
282.cadre-formulaire-editer {
283        .entete-formulaire {
284                border: 0px;
285                padding: 0px;
286                padding-bottom: 1em;
287                background: none;
288        }
289       
290        .formulaire_spip {
291                background-color: white;
292                border: 1px solid #eee;
293                -moz-border-radius: 8px;
294                -webkit-border-radius: 8px;
295                border-radius: 8px;     
296               
297                li.editer_parent {
298                        background-color: #f0f0f0;
299                }
300               
301                li {
302                        input.text, input.password, textarea {
303                                border: 1px solid #ccc;
304                        }
305                }
306               
307                .markItUpPreview {
308                        font-family: serif;
309                }
310               
311                p.boutons {
312                        background-color: [(#ENV{couleur_foncee}|couleur_saturation{0.4})];
313                        border-top: #eee;
314                }
315                li .erreur_message {
316                        border-color: #ccc;
317                }
318               
319               
320                .explication {
321                        border-color: #ccc;
322                }
323        }
324}
325
326.cadre-forum {
327        -webkit-border-bottom-left-radius: 0px;
328        -webkit-border-bottom-right-radius: 0px;
329        -moz-border-radius: 6px 6px 0px 0px;
330        border-bottom-left-radius: 0px;
331        border-bottom-right-radius: 0px;
332}
333.cadre-thread-forum {
334        -webkit-border-radius: 0px;
335        -moz-border-radius: 0px;
336        border-radius: 0px;
337       
338        .titrem {
339                -webkit-border-radius: 0px;
340                -moz-border-radius: 0px;
341                border-radius: 0px;
342        }
343}
344
345
346input[type="submit"] {
347        [(#CHEMIN{images/ispip/bouton-ok.png}|background_image{[(#ENV{couleur_foncee}|couleur_saturation{0.85})], center center })]
348        border: 2px solid [(#GET{foncee})];
349        padding: 8px 10px;
350        font-weight: bold;
351    text-shadow: #[(#ENV{couleur_foncee}|couleur_saturation{1})] -1px -1px 0px;
352        color: white;
353        -moz-border-radius: 8px;
354        -webkit-border-radius: 8px;
355        border-radius: 8px;
356
357}
358input[type="submit"]:hover {
359        border: 2px solid #[(#ENV{couleur_foncee}|couleur_saturation{0.85}|couleur_foncer)];
360}
361
362
363
364#FILTRE{css_imbriques_decouper}
Note: See TracBrowser for help on using the repository browser.