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

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

EscalV4 : modification de la class "info" en info-escal" pour éviter le conflit avec le plugin Analyclic

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