source: spip-zone/_squelettes_/escal/trunk/config.css.html @ 111228

Last change on this file since 111228 was 111228, checked in by jcvilleneuve@…, 3 years ago

EscalV4 : choix de la couleur par défaut des événements + correction hauteur titre du site dans page de login

File size: 20.3 KB
Line 
1#CACHE{0}
2#HTTP_HEADER{Content-Type: text/css;}
3
4/* ======================================================================
5                          LES ELEMENTS
6   ======================================================================*/
7[(#CONFIG{escal/config/pointeurbody}|oui)
8body {
9cursor: [url((#CHEMIN{#CONFIG{escal/config/pointeurbody}}))], auto;
10}]
11[(#CONFIG{escal/config/pointeura}|oui)
12a {
13cursor: [url((#CHEMIN{#CONFIG{escal/config/pointeura}}))], auto;
14}]
15/*
16
17[(#CONFIG{escal/config/ombres}|non)
18#ombre-droite {
19        background: [url((#CHEMIN{images/ombre-droitegris.png}))] repeat-y scroll right center;
20        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
21}
22#ombre-gauche {
23        background: [url((#CHEMIN{images/ombre-gauchegris.png}))] repeat-y scroll left center;
24        margin: 0 auto;
25        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
26}]
27
28[(#CONFIG{escal/config/ombres}|=={gris}|oui)
29#ombre-droite {
30        background: [url((#CHEMIN{images/ombre-droitegris.png}))] repeat-y scroll right center;
31  width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px; 
32}
33#ombre-gauche {
34        background: [url((#CHEMIN{images/ombre-gauchegris.png}))] repeat-y scroll left center;
35        margin: 0 auto;
36        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
37}]
38
39[(#CONFIG{escal/config/ombres}|=={blanc}|oui)
40#ombre-droite {
41        background: [url((#CHEMIN{images/ombre-droiteblanc.png}))] repeat-y scroll right center;
42        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
43}
44#ombre-gauche {
45        background: [url((#CHEMIN{images/ombre-gaucheblanc.png}))] repeat-y scroll left center;
46        margin: 0 auto;
47        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
48}]
49[(#CONFIG{escal/config/ombres}|=={noir}|oui)
50#ombre-droite {
51        background: none;
52}
53#ombre-gauche {
54        background: none;
55}
56#conteneur{
57        border-left: 1px solid black;
58        border-right: 1px solid black;
59}]
60[(#CONFIG{escal/config/ombres}|=={non}|oui)
61#ombre-droite {
62        background: none;
63}
64#ombre-gauche {
65        background: none;
66}]
67
68*/
69[(#CONFIG{escal/config/ombres}|=={oui}|oui)
70#ombre-droite {
71        margin: 0 auto;
72        width: [(#CONFIG{escal/config/largeurlayoutbase,950})]px;
73        box-shadow: [(#CONFIG{escal/config/decalombre,5})]px 0 [(#CONFIG{escal/config/degradeombre,10})]px #CONFIG{escal/config/couleurombre,black};
74}
75#ombre-gauche {
76        margin: 0 auto;
77        width: [(#CONFIG{escal/config/largeurlayoutbase,950})]px;
78        box-shadow: -[(#CONFIG{escal/config/decalombre,5})]px 0 [(#CONFIG{escal/config/degradeombre,10})]px #CONFIG{escal/config/couleurombre,black};
79}]
80[(#CONFIG{escal/config/ombres}|=={oui}|non)
81#ombre-droite {
82        background: none;
83}
84#ombre-gauche {
85        background: none;
86}]
87
88
89
90div#bandeau {
91        text-align: [(#CONFIG{escal/config/alignbandeau, left})];
92}
93
94[(#CONFIG{escal/config/nomsite}|=={non}|oui)
95#nom-site-spip {
96  display:  none;
97}]
98
99#nom-site-spip {
100  font-size: [(#CONFIG{escal/config/nomsitetaille,50})]px;
101  line-height: [(#CONFIG{escal/config/nomsitetaille,50})]px;
102}
103[(#CONFIG{escal/config/slogansite}|=={non}|oui)
104#slogan-site-spip {
105  display:  none;
106}]
107#slogan-site-spip {
108  font-size: [(#CONFIG{escal/config/slogansitetaille,25})]px;
109}
110[(#CONFIG{escal/config/descriptifsite}|=={non}|oui)
111#descriptif-site-spip {
112  display:  none;
113}]
114#descriptif-site-spip {
115  font-size: [(#CONFIG{escal/config/descriptifsitetaille,12})]px;
116}
117[(#CONFIG{escal/config/nomsite}|=={non}|oui)
118  [(#CONFIG{escal/config/slogansite}|=={non}|oui)
119    [(#CONFIG{escal/config/descriptifsite}|=={non}|oui)
120#titrepage{
121  display:  none;
122  }]]]
123 
124[(#CONFIG{escal/config/espace}|=={haut}|oui) 
125        [(#CONFIG{escal/config/fixespace}|=={oui}|oui)
126#entete .menu.floatable {
127        top: 25px;
128}]]
129#espace{
130        max-width: [(#CONFIG{escal/config/largeurmaxlayoutfluide,2000})]px;
131}
132
133[(#CONFIG{escal/config/nbrecol}|non)
134.laune ul.anchors li {
135        width: 40%;
136}
137]
138[(#CONFIG{escal/config/nbrecol}|=={1}|oui)
139.laune ul.anchors li {
140        width: 90%;
141}
142]
143[(#CONFIG{escal/config/nbrecol}|=={2}|oui)
144.laune ul.anchors li {
145        width: 40%;
146}
147]
148[(#CONFIG{escal/config/nbrecol}|=={3}|oui)
149.laune ul.anchors li {
150        width: 25%;
151}
152]
153[(#CONFIG{escal/config/nbrecolrub}|non)
154.cadre-articles-rubrique {
155        width: 90%;
156}
157.introduction-articles-rubrique {
158        margin-left: [(#CONFIG{escal/config/taillelogorub,150})]px;
159}
160]
161[(#CONFIG{escal/config/nbrecolrub}|=={1}|oui)
162.cadre-articles-rubrique {
163        width: 90%;
164}
165.introduction-articles-rubrique {
166        margin-left: [(#CONFIG{escal/config/taillelogorub,150})]px;
167}
168]
169[(#CONFIG{escal/config/nbrecolrub}|=={2}|oui)
170.cadre-articles-rubrique {
171        width: 40%;
172}
173]
174[(#CONFIG{escal/config/nbrecolrub}|=={3}|oui)
175.cadre-articles-rubrique {
176        width: 25%;
177}
178]
179
180[(#CONFIG{escal/config/checkboxliste}|=={ligne}|oui)
181#formulaire-contact .checkbox .listitem{
182        display: inline !important;
183}
184#formulaire-contact .checkbox{
185        padding-bottom: 10px;
186}
187]
188
189
190/* annonces defilantes */
191/***********************/
192#annonces-defilantes {
193        height: [(#CONFIG{escal/config/hauteurannoncedefil,210})]px;
194}
195.annoncedefil {
196        height: [(#CONFIG{escal/config/hauteurannoncedefil,210}|moins{35})]px;
197}
198/* noisette annonces defilantes */
199.annonce-descriptif {
200        margin-left: [(#CONFIG{escal/config/taillelogoannonce,150}|plus{20})]px;
201}
202/* noisette inc-photos */
203/***********************/
204
205#photos-defilantes {
206        height: #CONFIG{escal/config/largeurimagenoisettes,170}px;
207        width: #CONFIG{escal/config/largeurimagenoisettes,170}px;
208}
209.une-photo-defilante {
210        top: #CONFIG{escal/config/largeurimagenoisettes,170}px;
211        line-height: #CONFIG{escal/config/largeurimagenoisettes,170}px;
212}
213
214/* noisette inc-sites_favoris */
215/***********************/
216
217#sites-defilants {
218        height: [(#CONFIG{escal/config/largeurimagenoisettes,170})]px;
219        width: #CONFIG{escal/config/largeurimagenoisettes,170}px;
220}
221.un-site-defilant {
222        top: [(#CONFIG{escal/config/largeurimagenoisettes,170})]px;
223}
224
225/* ======================================================================
226                          LES ICONES
227   ======================================================================*/
228
229/* articles du menu horizontal */
230#menu ul li.article {
231        background: url(#CHEMIN{images/artmenu.png}) no-repeat top left;
232}
233
234/* menu vertical */
235#menuV ul#accueilmenu li {
236  background: url(#CHEMIN{images/accueil.png}) no-repeat top left;
237}
238#menuV ul.rubriques li {
239        background: url(#CHEMIN{images/rubnormal.png}) no-repeat top left;
240}
241#menuV ul.rubriques li.on {
242        background: url(#CHEMIN{images/rubexpose.png}) no-repeat top left;
243}
244#menuV ul.articles li {
245        background: url(#CHEMIN{images/artnormal.png}) no-repeat top left;
246}
247#menuV ul.articles li.on {
248        background: url(#CHEMIN{images/artexpose.png}) no-repeat top left;
249}
250
251#menuV ul.menugrmots li {
252        background: url(#CHEMIN{images/grmots.png}) no-repeat top left;
253}
254#menuV ul.menumots li {
255        background: url(#CHEMIN{images/artnormal.png}) no-repeat top left;
256}
257#menuV ul.menumots li.on {
258        background: url(#CHEMIN{images/artexpose.png}) no-repeat top left;
259}
260
261
262/* liens */
263a.spip_out {
264        background: transparent url(#CHEMIN{images/spip_out.gif}) no-repeat scroll right center;
265}
266a.spip_out img {
267        background: none;
268}
269a.spip_mail{
270        background: transparent url(#CHEMIN{images/mail.gif}) no-repeat scroll right center;
271}
272
273/* noisettes dépliables/repliables */
274.toggleimage1 {;
275        background: transparent url(#CHEMIN{images/loupeplus.png}) no-repeat scroll right center;
276}
277.toggleimage2 {
278        background: transparent url(#CHEMIN{images/loupemoins.png}) no-repeat scroll right center;
279}
280
281/* formulaire de recherche */
282.formulaire_recherche input.text {
283        background: url(#CHEMIN{images/loupe.gif}) no-repeat;
284}
285
286/* blocs d'infos d'Escal */
287#texte-article .aide {
288        background-image: url(#CHEMIN{images/aide.png});
289}
290#texte-article .important {
291        background-image: url(#CHEMIN{images/important.png});
292}
293#texte-article .avertissement {
294        background-image: url(#CHEMIN{images/avertissement.png});
295}
296#texte-article .info {
297        background-image: url(#CHEMIN{images/info.png});
298}
299.spip_cadre, .coloration_code {
300        background-image: url(#CHEMIN{images/code.png});
301}
302/* page contact */
303#nom, #nom:focus{
304        background-image: url(#CHEMIN{images/contact-nom.svg});
305}
306#prenom, #prenom:focus{
307        background-image: url(#CHEMIN{images/contact-prenom.svg});
308}
309#email, #email:focus{
310        background-image: url(#CHEMIN{images/contact-mail.svg});
311}
312#champsup1, #champsup1:focus{
313        background-image: url(#CHEMIN{images/contact-sup1.svg});
314}
315#champsup2, #champsup2:focus{
316        background-image: url(#CHEMIN{images/contact-sup2.svg});
317}
318#checkbox{
319        background-image: url(#CHEMIN{images/contact-checkbox.svg});
320}
321#motif{
322        background-image: url(#CHEMIN{images/contact-motif.svg});
323}
324#message{
325        background-image: url(#CHEMIN{images/contact-message.svg});
326}
327
328
329/* noisette rainette */
330li.meteo {
331        list-style-image: url(#CHEMIN{images/fleche_droite.png})
332}
333/* ======================================================================
334                          LES COULEURS   (pour tout le site)
335   ======================================================================*/
336
337/* les fonds et les textes associés */
338/*************/
339body {
340  background-color: [ (#CONFIG{escal/config/couleurfond,#DFDFDF})];
341  [(#CONFIG{escal/config/imagefond}|?{
342    background-image: url([(#CHEMIN{#CONFIG{escal/config/imagefond}})]);
343    ,
344    [(#CONFIG{escal/config/imagefond2}|?{
345      background-image: url([(#CHEMIN{#CONFIG{escal/config/imagefond2}})]);
346      ,
347      background-image: none;
348      })]
349  })]
350  [(#CONFIG{escal/config/imagefondunique}|=={oui})
351  background-repeat:no-repeat;
352  background-attachment:fixed;
353  background-position: top center;
354  -webkit-background-size: cover; /* pour Chrome et Safari */
355  -moz-background-size: cover; /* pour Firefox */
356  -o-background-size: cover; /* pour Opera */
357  background-size: cover; /* version standardisée */
358  ]
359}
360/* bandeau */
361div#entete {
362        background-color: [(#CONFIG{escal/config/couleur9,#336699})];
363        color:  [(#CONFIG{escal/config/texte01,#FFFFFF})];
364}
365
366/* fond des pages */
367div#conteneur{
368 background-color: [(#CONFIG{escal/config/couleurpage,#FFFFFF})];
369 color:  [(#CONFIG{escal/config/textpage,#000000})];
370}
371/* bloc a la une */
372ul.onglets li a.active, ul.onglets li a.active:hover, .laune, .laune .fragment a,
373.contenu_1, .contenu_2, .contenu_3, .contenu_4, .contenu_5, .contenu_6, .contenu_7, .contenu_8, .contenu_9, .contenu_10,
374#cadre-plan, #cadre-plan a, .texte#accueil{
375        background-color: [(#CONFIG{escal/config/couleurune,#336699})];
376        color:  [(#CONFIG{escal/config/textune,#FFFFFF})];
377}
378/* onglets inactifs */
379ul.onglets li a{
380  background-color: [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
381  color:  [(#CONFIG{escal/config/textuneinact,#000000})];
382}
383/* articles en une */
384.laune ul.anchors li a {
385        background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
386        color:  [(#CONFIG{escal/config/textuneart,#000000})];
387}
388/* gris */
389.calendar_not_this_month,
390#ariane-forum, table.forum tr.rub-forum,
391#forum-site .descriptif, #forum-site .texte {
392  background-color: [(#CONFIG{escal/config/couleur1,#DFDFDF})];
393  color:  [(#CONFIG{escal/config/text1,#000000})];
394}
395/* blanc */
396#cadre-article, .cadre-sous-rubrique, .cadre-articles-rubrique, .revisions, .cadre-articles-event, .titre-articles-rubrique, .introduction-articles-rubrique,
397.cadre-rubrique-accueil,
398.texte-insert,
399table #nav-agenda,
400.valeur2, .valeur3,
401table.forum, .forum-thread, .forum_reponse, .pages .on,
402.trombino, .entry-content, #mentions {
403 background-color: [(#CONFIG{escal/config/couleur2,#FFFFFF})];
404 color:  [(#CONFIG{escal/config/text2,#000000})] ;
405
406}
407/* bleu fonce de base */
408#cadre-rubrique, #cadre-titre-article, #cadre-titre-article a, .accueil .cadre-chemin, .accueil .cadre-chemin a, .cadre-chemin a,
409.reponse-article, .repondre-article a, .graph .bar,
410table.forum th, a.lien_pagination,
411#menu, ul#menu ul, ul#menu li a, .slicknav_menu, .slicknav_menu a,
412#menuV2 ul.menulist a:hover, #menuV2 ul.menulist li.smenu:hover,
413#menuV2 ul.menulist li.smenu>a:hover{
414        background-color: [(#CONFIG{escal/config/couleur3,#336699})];
415        color:  [(#CONFIG{escal/config/text3,#FFFFFF})] !important;
416}
417/* bleu tres fonce */
418.laune ul.anchors li a:hover, .laune .art-exergue:hover, #menu li:hover > a, ul#menu ul li:hover,
419.cadre-rubrique-accueil:hover, .cadre-chemin a:hover, .repondre-article a:hover {
420        background-color: [(#CONFIG{escal/config/couleur4,#224466})] !important;
421        color:  [(#CONFIG{escal/config/text4,#FFFFFF})] !important;
422}
423/* bleu clair */
424.identification-light:hover, .formulaire_recherche input.text:hover,
425table.spip tr.row_first,
426#menuV2 ul.menulist, #menuV2 ul.menulist ul, #menuV2 ul.menulist a,
427.titre-message,
428#formulaire_forum div, .formulaire_spip.formulaire_forum, .small_mini,
429.calendar_head_mini, #entete-evenement, #nouvel-evenement{
430  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
431  color:  [(#CONFIG{escal/config/text5,#000000})];
432}
433/* gris-bleu tres clair */
434.identification-light, .formulaire_recherche input.text,
435table.spip tr.row_even, table.forum tr.art-forum,
436#formulaire-contact,
437.calendar_this_month,
438#documents_portfolio, #ps,
439.forum_reponse .titre-message, #formulaire_forum input.barre,
440#signatures li {
441        background-color: [(#CONFIG{escal/config/couleur6,#EFEFEF})];
442        color:  [(#CONFIG{escal/config/text6,#000000})];
443}
444/* un autre bleu */
445ul#menu li .on, ul#menu li .on > a, #menu li:hover > a.on,  ul#menu ul li.on:hover,
446#formulaire_forum div#previsu, #formulaire_forum div#previsu .forum-message, #formulaire_forum div#previsu .forum-chapo,
447.calendar_this_day,
448table.spip tr.row_odd  {
449        background-color: [(#CONFIG{escal/config/couleur7,#BBCCDD})];
450        color:  [(#CONFIG{escal/config/text7,#000000})];
451}
452/* orange */
453.annonce,.annoncedefil, .une-annonce-defilante, .calendar_mini_event, .spip_surligne {
454        background-color: [(#CONFIG{escal/config/couleur10,#EC7942})];
455  color:  [(#CONFIG{escal/config/text10,#FFFFFF})];
456}
457
458/* le pied */
459#pied {
460        background-color: [(#CONFIG{escal/config/couleur11,#BBCCDD})];
461        color:  [(#CONFIG{escal/config/text11,#000000})];
462}
463
464/* ombre trombinoscope */
465.boite img{
466        box-shadow: 5px 5px 5px [(#CONFIG{escal/config/couleur3,#336699})];
467}
468
469/* les caracteres */
470/******************/
471
472a:link, a.spip_cadre_link {
473        color: [(#CONFIG{escal/config/texte1,#000099})];
474}
475a:visited {
476        color: [(#CONFIG{escal/config/texte2,#000099})];
477}
478
479a:hover, a.zeroclipboard-is-hover,
480ul.onglets li a:hover,
481#cadre-plan a:hover, table.forum a:hover,
482.content a.lien_pagination:hover{
483        color: [(#CONFIG{escal/config/texte3,#FF8000})];
484}
485
486#ariane-forum, #ariane-forum a,
487table.forum tr.rub-forum td, table.forum a, table.forum tr.art-forum td  {
488        color: [(#CONFIG{escal/config/texte4,#336699})];
489}
490
491.alerte1, .alerte {
492        color: [(#CONFIG{escal/config/texte5,#FF0000})];
493}
494/* les bordures */
495/****************/
496
497ul#menu li a, ul#menu ul {
498        border-color: [(#CONFIG{escal/config/bord1,#CCCCCC})];
499}
500ul.onglets li a {
501  border: 1px solid [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
502  border-top : 1px solid white;
503}
504ul.onglets li a.active {
505  border: 1px solid [(#CONFIG{escal/config/couleurune,#336699})];
506}
507.cadre-articles-rubrique, .cadre-articles-event, .cadre-sous-rubrique, #cadre-article, #documents_portfolio,
508.forum-thread, .forum_reponse,
509#formulaire-contact, .valeur2, .valeur3,
510#signatures li, #signatures li p.message {
511        border-color: [(#CONFIG{escal/config/bord2,#CCCCCC})];
512}
513
514table.spip, table.spip td, table.spip th {
515        border-color: [(#CONFIG{escal/config/bord3,#FFFFFF})];
516}
517
518#menuV2 ul.menulist li {
519        border-color: [(#CONFIG{escal/config/bord4,#FFFFFF})];
520}
521.formulaire_recherche input.text,
522.identification-light,
523ul#menu li a:hover,
524.calendar_mini_event  {
525        border-color: [(#CONFIG{escal/config/bord5,#CCCCCC})];
526}
527
528#ariane-forum, table.forum {
529        border-color: [(#CONFIG{escal/config/bord6,#006699})];
530}
531/*********************************************/
532/*    Les arrondis                           */
533/*********************************************/
534ul#menu li a, ul#menu ul, ul#menu ul li {
535  border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
536}
537#menuV2 ul.menulist, #menuV2 ul.menulist a {
538  border-radius: [(#CONFIG{escal/config/arrondi2,10px})];
539}
540ul.onglets li a {
541  border-radius: [(#CONFIG{escal/config/arrondi31,8px 8px 0px 0px})];
542}
543.laune ul.anchors li a, .cadre-rubrique-accueil {
544  border-radius: [(#CONFIG{escal/config/arrondi32,5px})];
545}
546h1.cadre {
547  border-radius: [(#CONFIG{escal/config/arrondi41,0px 50px 0px 0px})];
548}
549div.texte {
550  border-radius: [(#CONFIG{escal/config/arrondi42,0px 0px 0px 10px / 0px 0px 0px 100px})];
551}
552.identification-light, .formulaire_recherche input.text {
553  border-radius: [(#CONFIG{escal/config/arrondi5,10px})];
554}
555.annonce, .annoncedefil, .une-annonce-defilante {
556  border-radius: [(#CONFIG{escal/config/arrondi6,15px})];
557}
558#entete-evenement, #nouvel-evenement {
559  border-radius: [(#CONFIG{escal/config/arrondi7,8px 8px 0 0})];
560}
561
562/************************************************************************/
563/*    fixation de la barre d'outils sauf si écran de moins de 950px     */
564/************************************************************************/
565@media all and (min-width: 950px) {
566[(#CONFIG{escal/config/espace}|=={haut}|oui)
567[(#CONFIG{escal/config/fixespace}|=={oui}|oui)
568#espace {
569  position: fixed;
570  width: 100%;
571  background-color: #ffffff;
572  z-index: 100;
573
574#entete{
575padding-top: 30px;
576}
577.identification-light, .formulaire_recherche input.text {
578  border-radius: 0;
579}
580]]}
581
582/*********************************************/
583/*    Les cadres latéraux                    */
584/*********************************************/
585
586div.cadre-couleur h1.cadre {
587  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
588  color:  [(#CONFIG{escal/config/text5,#000000})];
589}
590div.cadre-couleur .texte {
591        background-color: [(#CONFIG{escal/config/couleur8,#DAE6F6})];
592        color:  [(#CONFIG{escal/config/text8,#000000})];
593  border-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
594}
595[(#CONFIG{escal/config/bordcadres}|=={non}|oui)
596div.cadre-couleur .texte {
597  border: none;
598}]
599 /* la noisette inc-liste_auteurs */
600 /*********************************/
601[(#CONFIG{escal/config/iconesauteurs}|=={non}|non)
602.legende_admin{
603  background: [url((#CHEMIN{images/admin.png}))];
604  padding-left: 20px;
605  background-repeat : no-repeat;
606}
607.legende_redacteur{
608        background-image: [url((#CHEMIN{images/redacteur.png}))];
609  padding-left: 20px;
610  background-repeat : no-repeat;
611}
612.legende_visiteur{
613        background-image: [url((#CHEMIN{images/visiteur.png}))];
614  padding-left: 20px;
615  background-repeat : no-repeat;
616}
617]
618.legende_admin, .admin a{
619  color: [(#CONFIG{escal/config/couleuradmin,#FF0066})] !important;
620}
621.legende_redacteur, .redacteur a{
622  color: [(#CONFIG{escal/config/couleurredacteur,#009933})] !important; 
623}
624.legende_visiteur, .visiteur a{
625  color: [(#CONFIG{escal/config/couleurvisiteur,#000000})] !important;
626}
627/******************************/
628/* le modele choix-article    */
629/******************************/
630.choix-article{
631        background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
632        border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
633}
634.choix-article a{
635        background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
636        color:  [(#CONFIG{escal/config/textuneart,#000000})];
637        border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
638}
639.choix-article a:hover{
640        background-color: [(#CONFIG{escal/config/couleur4,#224466})] !important;
641        color:  [(#CONFIG{escal/config/text4,#FFFFFF})] !important;     
642}
643/*********************************************/
644/*    La page contact                        */
645/*********************************************/
646[(#CONFIG{escal/config/checkbox}|=={non}|oui)
647li#checkbox {
648  display: none;
649}
650]
651/**************************/
652/* Le modele image_fluide */
653/**************************/
654
655dl.image_fluide{
656  width:100%;
657  margin:auto;
658}
659dl.image_fluide img{
660  width:100%;
661  margin: auto;
662  position: static; 
663  height: auto;
664  -ms-interpolation-mode: bicubic;
665  box-sizing: border-box;
666}
667
668/***************************************/
669/* personnalisation du plugin galleria */
670/***************************************/
671.galleria-container {
672 background-color: [(#CONFIG{escal/config/galleriafond,#FFFFFF})];
673}
674.galleria-info-link, .galleria-info-text,
675.galleria-thumb-nav-left,  .galleria-thumb-nav-right {
676        background-color: [(#CONFIG{escal/config/galleriaencarts,#336699})];
677}
678.galleria-info-title, .galleria-info-description {
679        color: [(#CONFIG{escal/config/galleriacoulpolice,#FFFFFF})];
680}
681.galleria-info-title {
682        font-size: [(#CONFIG{escal/config/galleriatailletitre,14})]px;
683}
684.galleria-counter {
685  color: grey !important;
686  opacity: 100 !important;
687}
688
689
690/***************************************/
691/* personnalisation du plugin shoutbox */
692/***************************************/
693.formulaire_shoutbox #contenu_shoutbox_taille{
694        height: [(#CONFIG{escal/config/hauteurshoutbox,200})]px
695}
Note: See TracBrowser for help on using the repository browser.