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

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

Utilisation des nouveaux pseudo-styles de css-imbriques. Suppression d'un certain nombre d'images calculées au profit de gradients CSS.

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