source: spip-zone/_plugins_/themes_interface_privee/style_prive_chocolat.html @ 48883

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

Version compatible avec nouvelle versions CSS imbriqués.

File size: 5.8 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: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
30        background: url([(#CHEMIN{images/chocolat/fond-bas.gif})]) top repeat-y;
31        background-color: #342915;
32        color: #342915;
33        padding-bottom: 10px;
34}
35
36h1, 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   {
37        font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
38}
39
40.etroit {
41        background: url([(#CHEMIN{images/chocolat/fond-bas-etroit.gif})]) top repeat-y;
42        background-color: #342915;
43
44        #bandeau-principal {
45                background: url([(#CHEMIN{images/chocolat/fond-haut-etroit.gif})]) top repeat-y;
46        }
47        #bandeau_couleur {
48                background: url([(#CHEMIN{images/chocolat/fond-milieu-etroit.gif})]) top no-repeat;
49                background-color: #342915;
50        }
51}
52
53#bandeau-principal {
54        background-color: #342915;
55        background: url([(#CHEMIN{images/chocolat/fond-haut.gif})]) top repeat-y;
56        border-bottom: 0px;
57       
58        .boutons_admin a.boutons_admin {
59                padding-bottom: 5px;
60        }
61        .bandeau_sec {
62                border-color: #674c22;
63                -spip-border-bottom-left-radius: 4px;
64                -spip-border-bottom-right-radius: 4px;
65                position: absolute;
66        }       
67        .bandeau_sec.h-list {
68                padding: 0px;
69                ul {
70                        display: block;
71                        width: 100%;
72
73                        li {
74                                display: table;
75                                width: 100%;
76                               
77                                a {
78                                        display: table-row;
79                                        width: auto;
80
81                                        img {
82                                                display: table-cell;
83                                                margin-#GET{right}: 5px;
84                                                vertical-align: middle;
85                                                border: 0px;
86                                                padding: 5px 5px 5px 5px;
87                                        }
88                                        span {
89                                                text-align: #GET{left};
90                                                display: table-cell;
91                                                vertical-align: middle;
92                                                width: 100%;
93                                                padding-#GET{right}: 5px;
94                                        }
95                                }
96                               
97                                a:hover {
98                                        background-color: #fbf3e7;
99
100                                        img {
101                                                border: 0px;
102                                                background-color: #fbf3e7;
103                                        }
104                                }
105                        }
106
107                }
108        }
109       
110        .cellule48 a span, .cellule36 a span {
111                color: #926928;
112        }
113        .cellule48 a:hover span, .cellule36 a:hover span {
114                color: #342915;
115        }
116}
117
118#bandeau_couleur {
119        background-color: #342915;
120        background: url([(#CHEMIN{images/chocolat/fond-milieu.gif})]) top no-repeat;
121        border:none;
122        padding-top: 5px;
123        padding-bottom: 5px;
124
125        a, a.icone26 {
126                color: white;
127        }
128
129        .bandeau_couleur_sous {
130                top: 5px;
131                border: 1px solid #926928;
132                background-color: none;
133                background: url([(#CHEMIN{images/chocolat/blanc-90.png})]);
134                border-top: 0px;
135                color: #464646;
136                -spip-border-bottom-left-radius: 4px;
137                -spip-border-bottom-right-radius: 4px;
138                position: absolute;
139
140                a {
141                        color: #926928;
142                }
143
144        }
145}
146
147.cadre, .dater {
148        border-color: #c9b89c;
149        -spip-border-radius: 4px;
150       
151        .titrem, .titrem span a {
152                background: url([(#CHEMIN{images/chocolat/grad.gif})]) center center;
153                padding-top: 6px;
154                padding-bottom: 6px;
155                color: #73531f;
156                text-shadow: #fbf3e7 1px 1px 1px;
157               
158        }
159}
160
161.cadre-sous_rub, .cadre-e {
162        background-color: #eddbbf;
163}
164.cadre-couleur-foncee {
165        border: 1px solid #c9b89c;
166}
167
168.entete-formulaire, .formulaire_spip {
169        border-color: #c9b89c;
170}
171.entete-formulaire {
172        -spip-border-top-left-radius: 4px;
173        -spip-border-top-right-radius: 4px;
174}
175
176.icone36 a img, a.icone36 img, .icone36 a:hover img, a.icone36:hover img {
177        -spip-border-radius: 4px;
178}
179
180.formulaire_spip {
181        background: #fbf7f0;
182       
183        p.boutons {
184                background-color: #eddbbf;
185                border-color: #c9b89c;
186        }
187       
188        input.text, input.password, textarea {
189                border: 1px solid #c9b89c;
190        }
191       
192        fieldset {
193                border-color: #c9b89c;
194                h3.legend, legend {
195                        background-color: #eddbbf;             
196                }
197        }
198}
199
200
201div.liste, div.cadre-liste {
202        border-color: #c9b89c;
203        -spip-border-bottom-left-radius: 0px;
204        -spip-border-bottom-right-radius: 0px;
205
206        table {
207       
208                .tr_liste {
209                        background-color: white;
210                       
211                        td {
212                                border-color:#c9b89c;
213                        }
214                }
215                .tr_liste_over, .tr_liste:hover {
216                        background-color: #fbf3e7;
217                       
218                }
219        }
220       
221        .titrem.hover {
222                background-color: #eee;
223        }
224
225        .tranches {
226                padding: 4px 0px 4px 10px;     
227                background-color: #dfdfdf;
228                border-color: #f0f0f0;
229                border-top: 0;
230        }
231}
232
233
234.cadre-forum {
235        -spip-border-bottom-left-radius: 0px;
236        -spip-border-bottom-right-radius: 0px;
237}
238.cadre-thread-forum {
239        -spip-border-radius: 0px;
240}
241
242
243.no_onglets {
244        .fiche_objet {
245                border-color: #927340; 
246                -spip-border-radius: 4px;
247                -spip-box-shadow:  0px 0px 2px #73531f;
248        }
249
250        #contenu {
251                h1 {
252                        color: #73531f;         
253                }
254        }
255}
256.no_onglets #contenu #wysiwyg div.contenu_descriptif,
257.no_onglets #contenu #wysiwyg div.contenu_nom_site,
258.no_onglets #contenu #wysiwyg div.contenu_ps
259{
260        background-color: #fbf7f0;
261        border-color: #eddbbf;
262}
263
264/* Bouton de validation */
265input[type="submit"], .boutons button {
266        [(#EVAL{_DIR_IMG_PACK}|concat{fond-fondo.gif}|background_image{[(#ENV{couleur_claire})], center center })]
267        border: 1px solid [(#GET{claire})];
268        padding: 3px 6px;
269        font-weight: bold;
270        color: [#(#GET{foncee}|couleur_foncer)];
271        padding: 3px 10px;
272        -spip-border-radius: 10px;
273}
274input[type="submit"]:hover, .boutons button:hover {
275        border: 1px solid [(#GET{foncee})];
276        color: black;
277}
278
279
280
281
282#FILTRE{css_imbriques_decouper}
Note: See TracBrowser for help on using the repository browser.