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

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

EscalV4 : oubli d'un style pour les formulaires formidable

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