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

Last change on this file since 113716 was 113716, checked in by jcvilleneuve@…, 20 months ago

EscalV4 : utilisation du plugin mediaspip_player pour l'affichage des videos en page d'accueil + modification image accueil au survol du mega menu horizontal

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