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

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

EscalV4 : correction CSS encore + une autre image svg

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