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

Last change on this file since 113811 was 113811, checked in by root, 3 months ago

EscalV4 : refonte des formulaires de paramétrage du bloc central en page d'accueil : on sépare les paramétrages des différentes façons de présenter les derniers articles et des articles avec mots-clés + pour derniers articles ter : si les articles ont une video, on peut l'afficher à la place des éléments habituels

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