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

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

EscalV4 : modification de nombreux icones

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