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

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

Escal V4 : correction css

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