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

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

EscalV4 : des formulaires "identification" et "recherche" plus sexys

File size: 20.0 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.png}") white 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 */
440table.spip tr.row_first,
441#menuV2 ul.menulist, #menuV2 ul.menulist ul, #menuV2 ul.menulist a,
442.titre-message,
443#formulaire_forum, .formulaire_spip.formulaire_forum, .small_mini,
444.calendar_head_mini, #entete-evenement, #nouvel-evenement{
445  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
446  color:  [(#CONFIG{escal/config/text5,#000000})];
447}
448/* gris-bleu tres clair */
449
450table.spip tr.row_even, table.forum tr.art-forum,
451#formulaire-contact,
452.calendar_this_month,
453#documents_portfolio, #ps,
454.forum_reponse .titre-message, #formulaire_forum input.barre,
455#signatures li {
456        background-color: [(#CONFIG{escal/config/couleur6,#EFEFEF})];
457        color:  [(#CONFIG{escal/config/text6,#000000})];
458}
459/* un autre bleu */
460ul#menu li .on, ul#menu li .on > a, #menu li:hover > a.on,  ul#menu ul li.on:hover,
461#formulaire_forum #previsu, #formulaire_forum #previsu .forum-message, #formulaire_forum #previsu .forum-chapo,
462.calendar_this_day,
463table.spip tr.row_odd  {
464        background-color: [(#CONFIG{escal/config/couleur7,#BBCCDD})];
465        color:  [(#CONFIG{escal/config/text7,#000000})];
466}
467/* orange */
468.annonce,.annoncedefil, .une-annonce-defilante, .calendar_mini_event, .spip_surligne {
469        background-color: [(#CONFIG{escal/config/couleur10,#EC7942})];
470  color:  [(#CONFIG{escal/config/text10,#FFFFFF})];
471}
472
473/* le pied */
474#pied {
475        background-color: [(#CONFIG{escal/config/couleur11,#BBCCDD})];
476        color:  [(#CONFIG{escal/config/text11,#000000})];
477}
478
479/* ombre trombinoscope */
480.boite img{
481        box-shadow: 5px 5px 5px [(#CONFIG{escal/config/couleur3,#336699})];
482}
483
484/* les caracteres */
485/******************/
486
487a:link, a.spip_cadre_link {
488        color: [(#CONFIG{escal/config/texte1,#000099})];
489}
490a:visited {
491        color: [(#CONFIG{escal/config/texte2,#000099})];
492}
493
494a:hover, a.zeroclipboard-is-hover,
495ul.onglets li a:hover,
496#cadre-plan a:hover, table.forum a:hover,
497.content a.lien_pagination:hover{
498        color: [(#CONFIG{escal/config/texte3,#FF8000})];
499}
500
501#ariane-forum, #ariane-forum a,
502table.forum tr.rub-forum td, table.forum a, table.forum tr.art-forum td  {
503        color: [(#CONFIG{escal/config/texte4,#336699})];
504}
505
506.alerte1, .alerte {
507        color: [(#CONFIG{escal/config/texte5,#FF0000})];
508}
509/* les bordures */
510/****************/
511
512ul#menu li a, ul#menu ul {
513        border-color: [(#CONFIG{escal/config/bord1,#CCCCCC})];
514}
515ul.onglets li a {
516  border: 1px solid [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
517  border-top : 1px solid white;
518}
519ul.onglets li a.active {
520  border: 1px solid [(#CONFIG{escal/config/couleurune,#336699})];
521}
522.cadre-articles-rubrique, .cadre-articles-event, .cadre-sous-rubrique, #cadre-article, #documents_portfolio,
523.forum-thread, .forum_reponse,
524#formulaire-contact, .valeur2, .valeur3,
525#signatures li, #signatures li p.message {
526        border-color: [(#CONFIG{escal/config/bord2,#CCCCCC})];
527}
528
529table.spip, table.spip td, table.spip th {
530        border-color: [(#CONFIG{escal/config/bord3,#FFFFFF})];
531}
532
533#menuV2 ul.menulist li {
534        border-color: [(#CONFIG{escal/config/bord4,#FFFFFF})];
535}
536.formulaire_recherche input.text,
537.identification-light,
538ul#menu li a:hover,
539.calendar_mini_event  {
540        border-color: [(#CONFIG{escal/config/bord5,#CCCCCC})];
541}
542
543#ariane-forum, table.forum {
544        border-color: [(#CONFIG{escal/config/bord6,#006699})];
545}
546/*********************************************/
547/*    Les arrondis                           */
548/*********************************************/
549ul#menu li a, ul#menu ul, ul#menu ul li {
550  border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
551}
552#menuV2 ul.menulist, #menuV2 ul.menulist a {
553  border-radius: [(#CONFIG{escal/config/arrondi2,10px})];
554}
555ul.onglets li a {
556  border-radius: [(#CONFIG{escal/config/arrondi31,8px 8px 0px 0px})];
557}
558.laune ul.anchors li a, .cadre-rubrique-accueil {
559  border-radius: [(#CONFIG{escal/config/arrondi32,5px})];
560}
561h1.cadre {
562  border-radius: [(#CONFIG{escal/config/arrondi41,0px 50px 0px 0px})];
563}
564.texte {
565  border-radius: [(#CONFIG{escal/config/arrondi42,0px 0px 0px 10px / 0px 0px 0px 100px})];
566}
567.identification-light, .formulaire_recherche input.text {
568  border-radius: [(#CONFIG{escal/config/arrondi5,5px})];
569}
570.annonce, .annoncedefil, .une-annonce-defilante {
571  border-radius: [(#CONFIG{escal/config/arrondi6,15px})];
572}
573#entete-evenement, #nouvel-evenement {
574  border-radius: [(#CONFIG{escal/config/arrondi7,8px 8px 0 0})];
575}
576
577/************************************************************************/
578/*    fixation de la barre d'outils sauf si écran de moins de 950px     */
579/************************************************************************/
580@media all and (min-width: 950px) {
581[(#CONFIG{escal/config/espace}|=={haut}|oui)
582[(#CONFIG{escal/config/fixespace}|=={oui}|oui)
583#espace {
584  position: fixed;
585  width: 100%;
586  background-color: #ffffff;
587  z-index: 100;
588}
589#entete{
590padding-top: 30px;
591}
592
593]]}
594
595/*********************************************/
596/*    Les cadres latéraux                    */
597/*********************************************/
598
599.cadre-couleur h1.cadre {
600  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
601  color:  [(#CONFIG{escal/config/text5,#000000})];
602}
603.cadre-couleur .texte {
604        background-color: [(#CONFIG{escal/config/couleur8,#DAE6F6})];
605        color:  [(#CONFIG{escal/config/text8,#000000})];
606  border-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
607}
608[(#CONFIG{escal/config/bordcadres}|=={non}|oui)
609.cadre-couleur .texte {
610  border: none;
611}]
612 /* la noisette inc-liste_auteurs */
613 /*********************************/
614[(#CONFIG{escal/config/iconesauteurs}|=={non}|non)
615.legende_admin{
616  background-image: [url("(#CHEMIN{images/admin.png})")];
617  padding-left: 20px;
618  background-repeat : no-repeat;
619}
620.legende_redacteur{
621        background-image: [url("(#CHEMIN{images/redacteur.png})")];
622  padding-left: 20px;
623  background-repeat : no-repeat;
624}
625.legende_visiteur{
626        background-image: [url("(#CHEMIN{images/visiteur.png})")];
627  padding-left: 20px;
628  background-repeat : no-repeat;
629}
630]
631.legende_admin, .admin a{
632  color: [(#CONFIG{escal/config/couleuradmin,#})] !important;
633}
634.legende_redacteur, .redacteur a{
635  color: [(#CONFIG{escal/config/couleurredacteur,#009933})] !important;
636}
637.legende_visiteur, .visiteur a{
638  color: [(#CONFIG{escal/config/couleurvisiteur,#000000})] !important;
639}
640/******************************/
641/* le modele choix-article    */
642/******************************/
643.choix-article{
644        background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
645        border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
646}
647.choix-article a{
648        background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
649        color:  [(#CONFIG{escal/config/textuneart,#000000})];
650        border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
651}
652.choix-article a:hover{
653        background: [(#CONFIG{escal/config/couleur4,#224466})] !important;
654        color:  [(#CONFIG{escal/config/text4,#FFFFFF})] !important;
655}
656/*********************************************/
657/*    La page contact                        */
658/*********************************************/
659[(#CONFIG{escal/config/checkbox}|=={non}|oui)
660li#checkbox {
661  display: none;
662}
663]
664/**************************/
665/* Le modele image_fluide */
666/**************************/
667
668dl.image_fluide{
669  width:100%;
670  margin:auto;
671}
672dl.image_fluide img{
673  width:100%;
674  margin: auto;
675  position: static;
676  height: auto;
677  box-sizing: border-box;
678}
679
680/***************************************/
681/* personnalisation du plugin galleria */
682/***************************************/
683.galleria-container {
684 background-color: [(#CONFIG{escal/config/galleriafond,#FFFFFF})];
685}
686.galleria-info-link, .galleria-info-text,
687.galleria-thumb-nav-left,  .galleria-thumb-nav-right {
688        background-color: [(#CONFIG{escal/config/galleriaencarts,#336699})];
689}
690.galleria-info-title, .galleria-info-description {
691        color: [(#CONFIG{escal/config/galleriacoulpolice,#FFFFFF})];
692}
693.galleria-info-title {
694        font-size: [(#CONFIG{escal/config/galleriatailletitre,14})]px;
695}
696.galleria-counter {
697  color: grey !important;
698  opacity: 1 !important;
699}
700
701
702/***************************************/
703/* personnalisation du plugin shoutbox */
704/***************************************/
705.formulaire_shoutbox #contenu_shoutbox_taille{
706        height: [(#CONFIG{escal/config/hauteurshoutbox,200})]px
707}
Note: See TracBrowser for help on using the repository browser.