source: spip-zone/_squelettes_/escal/branche_V3/config.css.html @ 82799

Last change on this file since 82799 was 82799, checked in by jcvilleneuve@…, 7 years ago
File size: 16.7 KB
Line 
1#CACHE{0}
2#HTTP_HEADER{Content-Type: text/css;}
3
4/* ======================================================================
5                          LES ELEMENTS
6   ======================================================================*/
7[(#CONFIG{escal/config/pointeurbody}|oui)
8body {
9cursor: [url((#CHEMIN{#CONFIG{escal/config/pointeurbody}}))], auto;
10}]
11[(#CONFIG{escal/config/pointeura}|oui)
12a {
13cursor: [url((#CHEMIN{#CONFIG{escal/config/pointeura}}))], auto;
14}]
15
16[(#CONFIG{escal/config/ombres}|non)
17#ombre-droite {
18        background: [url((#CHEMIN{images/ombre-droitegris.png}))] repeat-y scroll right center;
19        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
20}
21#ombre-gauche {
22        background: [url((#CHEMIN{images/ombre-gauchegris.png}))] repeat-y scroll left center;
23        margin: 0 auto;
24        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
25}]
26
27[(#CONFIG{escal/config/ombres}|=={gris}|oui)
28#ombre-droite {
29        background: [url((#CHEMIN{images/ombre-droitegris.png}))] repeat-y scroll right center;
30  width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px; 
31}
32#ombre-gauche {
33        background: [url((#CHEMIN{images/ombre-gauchegris.png}))] repeat-y scroll left center;
34        margin: 0 auto;
35        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
36}]
37
38[(#CONFIG{escal/config/ombres}|=={blanc}|oui)
39#ombre-droite {
40        background: [url((#CHEMIN{images/ombre-droiteblanc.png}))] repeat-y scroll right center;
41        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
42}
43#ombre-gauche {
44        background: [url((#CHEMIN{images/ombre-gaucheblanc.png}))] repeat-y scroll left center;
45        margin: 0 auto;
46        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
47}]
48
49[(#CONFIG{escal/config/ombres}|=={non}|oui)
50#ombre-droite {
51        background: none;
52}
53#ombre-gauche {
54        background: none;
55}]
56
57
58
59div#bandeau {
60        text-align: [(#CONFIG{escal/config/alignbandeau, left})];
61}
62
63[(#CONFIG{escal/config/nomsite}|=={non}|oui)
64#nom-site-spip {
65  display:  none;
66}]
67
68#nom-site-spip {
69  font-size: [(#CONFIG{escal/config/nomsitetaille,50})]px;
70}
71[(#CONFIG{escal/config/slogansite}|=={non}|oui)
72#slogan-site-spip {
73  display:  none;
74}]
75#slogan-site-spip {
76  font-size: [(#CONFIG{escal/config/slogansitetaille,25})]px;
77}
78[(#CONFIG{escal/config/descriptifsite}|=={non}|oui)
79#descriptif-site-spip {
80  display:  none;
81}]
82#descriptif-site-spip {
83  font-size: [(#CONFIG{escal/config/descriptifsitetaille,12})]px;
84}
85[(#CONFIG{escal/config/nomsite}|=={non}|oui)
86  [(#CONFIG{escal/config/slogansite}|=={non}|oui)
87    [(#CONFIG{escal/config/descriptifsite}|=={non}|oui)
88#titrepage{
89  display:  none;
90  }]]]
91
92.laune ul.anchors li a {
93        height: [(#CONFIG{escal/config/hauteurblocsune,85})]px;
94}
95[(#CONFIG{escal/config/nbrecol}|non)
96.laune ul.anchors li {
97        width: 50%;
98}
99]
100[(#CONFIG{escal/config/nbrecol}|=={1}|oui)
101.laune ul.anchors li {
102        width: 100%;
103}
104]
105[(#CONFIG{escal/config/nbrecol}|=={2}|oui)
106.laune ul.anchors li {
107        width: 50%;
108}
109]
110[(#CONFIG{escal/config/nbrecol}|=={3}|oui)
111.laune ul.anchors li {
112        width: 33%;
113}
114]
115
116#scrollup3 {
117        height: [(#CONFIG{escal/config/hauteurannoncedefil,210})]px;
118}
119
120.annoncedefil {
121 height: [(#CONFIG{escal/config/hauteurannoncedefil,210}|moins{35})]px;
122}
123/* noisette inc-photos */
124/***********************/
125
126#scrollup2 {
127        height: [(#CONFIG{escal/config/largeurimagenoisettes,170})]px;
128  width: #CONFIG{escal/config/largeurimagenoisettes,170}px;
129  margin: auto;
130}
131.headline2 {
132        top: [(#CONFIG{escal/config/largeurimagenoisettes,170})]px;
133  height: [(#CONFIG{escal/config/largeurimagenoisettes,170})]px;
134}
135
136/* ======================================================================
137                          LES ICONES
138   ======================================================================*/
139
140/* articles du menu horizontal */
141#menu ul li.article {
142        background: url(#CHEMIN{images/artmenu.png}) no-repeat top left;
143}
144
145/* menu vertical */
146#menuV ul#accueilmenu li {
147  background: url(#CHEMIN{images/accueil.png}) no-repeat top left;
148}
149#menuV ul.rubriques li {
150        background: url(#CHEMIN{images/rubnormal.png}) no-repeat top left;
151}
152#menuV ul.rubriques li.on {
153        background: url(#CHEMIN{images/rubexpose.png}) no-repeat top left;
154}
155#menuV ul.articles li {
156        background: url(#CHEMIN{images/artnormal.png}) no-repeat top left;
157}
158#menuV ul.articles li.on {
159        background: url(#CHEMIN{/images/artexpose.png}) no-repeat top left;
160}
161
162/* liens */
163a.spip_out {
164        background: transparent url(#CHEMIN{images/spip_out.gif}) no-repeat scroll right center;
165}
166a.spip_mail{
167        background: transparent url(#CHEMIN{images/mail.gif}) no-repeat scroll right center;
168}
169
170/* noisettes dépliables/repliables */
171.toggleimage1 {;
172        background: transparent url(#CHEMIN{images/loupeplus.png}) no-repeat scroll right center;
173}
174.toggleimage2 {
175        background: transparent url(#CHEMIN{images/loupemoins.png}) no-repeat scroll right center;
176}
177
178/* formulaire de recherche */
179.formulaire_recherche input.text {
180        background: url(#CHEMIN{images/loupe.gif}) no-repeat;
181}
182
183/* ombre trombinoscope */
184        background: url(#CHEMIN{images/ombre.gif}) no-repeat bottom right;
185}
186
187/* noisette rainette */
188li.meteo {
189        list-style-image: url(#CHEMIN{images/fleche_droite.png})
190}
191/* ======================================================================
192                          LES COULEURS   (pour tout le site)
193   ======================================================================*/
194
195/* les fonds */
196/*************/
197body {
198  background-color: [ (#CONFIG{escal/config/couleurfond,#DFDFDF})];
199  [(#CONFIG{escal/config/imagefond}|?{
200    background-image: url([(#CHEMIN{#CONFIG{escal/config/imagefond}})]);
201    ,
202    [(#CONFIG{escal/config/imagefond2}|?{
203      background-image: url([(#CHEMIN{#CONFIG{escal/config/imagefond2}})]);
204      ,
205      background-image: none;
206      })]
207  })]
208  [(#CONFIG{escal/config/imagefondunique}|=={oui})
209  background-repeat:no-repeat;
210  background-attachment:fixed;
211  background-position:center
212  -webkit-background-size: cover; /* pour Chrome et Safari */
213  -moz-background-size: cover; /* pour Firefox */
214  -o-background-size: cover; /* pour Opera */
215  background-size: cover; /* version standardisée */
216  ]
217}
218/* fond des pages */
219div#conteneur{
220 background-color: [(#CONFIG{escal/config/couleurpage,#FFFFFF})];
221 color:  [(#CONFIG{escal/config/couleurpage}|?{#[(#CONFIG{escal/config/couleur2}|couleur_extreme|couleur_inverser)],#000000})];
222
223}
224/* bloc a la une */
225ul.onglets li a.active, ul.onglets li a.active:hover, .laune, .laune .fragment a,
226.contenu_1, .contenu_2, .contenu_3, .contenu_4, .contenu_5, .contenu_6, .contenu_7, .contenu_8, .contenu_9, .contenu_10,
227#cadre-plan, #cadre-plan a, .texte#accueil{
228        background-color: [(#CONFIG{escal/config/couleurune,#336699})];
229        color:  [(#CONFIG{escal/config/couleurune}|?{#[(#CONFIG{escal/config/couleurune}|couleur_extreme|couleur_inverser)],#FFFFFF})];
230}
231/* onglets inactifs */
232ul.onglets li a{
233  background-color: [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
234  color:  [(#CONFIG{escal/config/couleuruneinact}|?{#[(#CONFIG{escal/config/couleuruneinact}|couleur_extreme|couleur_inverser)],#000000})];
235}
236/* articles en une */
237.laune ul.anchors li a {
238        background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
239        color:  [(#CONFIG{escal/config/couleuruneart}|?{#[(#CONFIG{escal/config/couleuruneart}|couleur_extreme|couleur_inverser)],#000000})];
240}
241
242/* gris */
243.calendar_not_this_month,
244#ariane-forum, table.forum tr.rub-forum,
245#forum-site .descriptif, #forum-site .texte {
246  background-color: [(#CONFIG{escal/config/couleur1,#DFDFDF})];
247  color:  [(#CONFIG{escal/config/couleur1}|?{#[(#CONFIG{escal/config/couleur1}|couleur_extreme|couleur_inverser)],#000000})];
248}
249
250/* blanc */
251#cadre-article, .cadre-sous-rubrique, .cadre-articles-rubrique, .texte-insert,
252table #nav-agenda, .fc-content,
253.valeur2, .valeur3,
254table.forum, .forum-thread, .forum_reponse,
255.trombino, .entry-content, #mentions {
256 background-color: [(#CONFIG{escal/config/couleur2,#FFFFFF})];
257 color:  [(#CONFIG{escal/config/couleur2}|?{#[(#CONFIG{escal/config/couleur2}|couleur_extreme|couleur_inverser)],#000000})];
258
259}
260
261/* bleu fonce de base */
262#cadre-rubrique, #cadre-titre-article, #cadre-titre-article a, .accueil .cadre-chemin, .accueil .cadre-chemin a,
263table.forum th,
264#menu, ul#menu ul, ul#menu li a,
265#menuV2 ul.menulist a:hover, #menuV2 ul.menulist li.smenu:hover,
266#menuV2 ul.menulist li.smenu>a:hover{
267        background-color: [(#CONFIG{escal/config/couleur3,#336699})];
268        color:  [(#CONFIG{escal/config/couleur3}|?{#[(#CONFIG{escal/config/couleur3}|couleur_extreme|couleur_inverser)],#FFFFFF})];
269}
270 .cadre-chemin a
271 {
272        background-color: [(#CONFIG{escal/config/couleur3,#336699})];
273        color:  [(#CONFIG{escal/config/couleur3}|?{#[(#CONFIG{escal/config/couleur3}|couleur_extreme|couleur_inverser)],#FFFFFF})] !important;
274}
275/* bleu tres fonce */
276.laune ul.anchors li a:hover, #menu li:hover > a, ul#menu ul li:hover, .cadre-chemin a:hover {
277        background-color: [(#CONFIG{escal/config/couleur4,#224466})];
278        color:  [(#CONFIG{escal/config/couleur4}|?{#[(#CONFIG{escal/config/couleur4}|couleur_extreme|couleur_inverser)],#FFFFFF})];
279}
280/* bleu clair */
281.identification-light:hover, .formulaire_recherche input.text:hover,
282table.spip tr.row_first,
283#menuV2 ul.menulist, #menuV2 ul.menulist ul, #menuV2 ul.menulist a,
284.titre-message,
285#formulaire_forum div, .formulaire_spip.formulaire_forum, .small_mini,
286.calendar_head_mini, #entete-evenement, #nouvel-evenement{
287  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
288  color:  [(#CONFIG{escal/config/couleur5}|?{#[(#CONFIG{escal/config/couleur5}|couleur_extreme|couleur_inverser)],#000000})];
289}
290
291/* gris-bleu tres clair */
292.identification-light, .formulaire_recherche input.text,
293table.spip tr.row_even, table.forum tr.art-forum,
294#formulaire-contact,
295.calendar_this_month,
296#documents_portfolio, #ps,
297.forum_reponse .titre-message, #formulaire_forum input.barre,
298#signatures li {
299        background-color: [(#CONFIG{escal/config/couleur6,#EFEFEF})];
300        color:  [(#CONFIG{escal/config/couleur6}|?{#[(#CONFIG{escal/config/couleur6}|couleur_extreme|couleur_inverser)],#000000})];
301}
302
303/* un autre bleu */
304ul#menu li .on, ul#menu li .on > a, #menu li:hover > a.on,  ul#menu ul li.on:hover,
305#formulaire_forum div#previsu, #formulaire_forum div#previsu .forum-message, #formulaire_forum div#previsu .forum-chapo,
306.calendar_this_day,
307table.spip tr.row_odd  {
308        background-color: [(#CONFIG{escal/config/couleur7,#BBCCDD})];
309        color:  [(#CONFIG{escal/config/couleur7}|?{#[(#CONFIG{escal/config/couleur7}|couleur_extreme|couleur_inverser)],#000000})];
310}
311
312/* couleur 8 réservée pour les cadres latéraux - voir plus bas  */
313
314/* bandeau */
315div#entete {
316        background-color: [(#CONFIG{escal/config/couleur9,#336699})];
317        color:  [(#CONFIG{escal/config/couleur9}|?{#[(#CONFIG{escal/config/couleur9}|couleur_extreme|couleur_inverser)],#FFFFFF})];
318}
319
320/* orange */
321.annonce,.annoncedefil, .headline3, .calendar_mini_event, .spip_surligne {
322        background-color: [(#CONFIG{escal/config/couleur10,#EC7942})];
323  color:  [(#CONFIG{escal/config/couleur10}|?{#[(#CONFIG{escal/config/couleur10}|couleur_extreme|couleur_inverser)],#FFFFFF})];
324}
325
326/* le pied */
327#pied {
328        background-color: [(#CONFIG{escal/config/couleur11,#BBCCDD})];
329        color:  [(#CONFIG{escal/config/couleur11}|?{#[(#CONFIG{escal/config/couleur11}|couleur_extreme|couleur_inverser)],#000000})];
330}
331
332/* les caracteres */
333/******************/
334
335
336a:link{
337        color: [(#CONFIG{escal/config/texte1,#000099})];
338}
339a:visited {
340        color: [(#CONFIG{escal/config/texte2,#000099})];
341}
342a:hover, ul.onglets li a:hover,
343#cadre-plan a:hover, table.forum a:hover {
344        color: [(#CONFIG{escal/config/texte3,#FF8000})];
345}
346#nom-site-spip, #slogan-site-spip, #descriptif-site-spip, .annoncedefil .caractencadre-spip {
347  color: [(#CONFIG{escal/config/texte01,#FFFFFF})];
348}
349
350#ariane-forum, #ariane-forum a,
351table.forum tr.rub-forum td, table.forum a, table.forum tr.art-forum td  {
352        color: [(#CONFIG{escal/config/texte4,#336699})];
353}
354
355.alerte1, .alerte {
356        color: [(#CONFIG{escal/config/texte5,#FF0000})];
357}
358
359
360/* les bordures */
361/****************/
362
363ul#menu li a, ul#menu ul {
364        border-color: [(#CONFIG{escal/config/bord1,#CCCCCC})];
365}
366ul.onglets li a {
367  border: 1px solid [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
368  border-top : 1px solid white;
369}
370ul.onglets li a.active {
371  border: 1px solid [(#CONFIG{escal/config/couleurune,#336699})];
372}
373.cadre-articles-rubrique, .cadre-sous-rubrique, #cadre-article, #documents_portfolio,
374.forum-thread, .forum_reponse,
375#formulaire-contact, .valeur2, .valeur3,
376#signatures li, #signatures li p.message {
377        border-color: [(#CONFIG{escal/config/bord2,#CCCCCC})];
378}
379
380table.spip, table.spip td {
381        border-color: [(#CONFIG{escal/config/bord3,#FFFFFF})];
382}
383
384#menuV2 ul.menulist li {
385        border-color: [(#CONFIG{escal/config/bord4,#FFFFFF})];
386}
387.formulaire_recherche input.text,
388.identification-light,
389ul#menu li a:hover,
390.calendar_mini_event  {
391        border-color: [(#CONFIG{escal/config/bord5,#CCCCCC})];
392}
393
394#ariane-forum, table.forum {
395        border-color: [(#CONFIG{escal/config/bord6,#006699})];
396}
397/*********************************************/
398/*    Les arrondis                           */
399/*********************************************/
400ul#menu li a, ul#menu ul, ul#menu ul li {
401  border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
402}
403#menuV2 ul.menulist, #menuV2 ul.menulist a {
404  border-radius: [(#CONFIG{escal/config/arrondi2,10px})];
405}
406ul.onglets li a {
407  border-radius: [(#CONFIG{escal/config/arrondi31,8px 8px 0px 0px})];
408}
409.laune ul.anchors li a {
410  border-radius: [(#CONFIG{escal/config/arrondi32,5px})];
411}
412h1.cadre {
413  border-radius: [(#CONFIG{escal/config/arrondi41,0px 50px 0px 0px})];
414}
415div.texte {
416  border-radius: [(#CONFIG{escal/config/arrondi42,0px 0px 0px 10px / 0px 0px 0px 100px})];
417}
418.identification-light, .formulaire_recherche input.text {
419  border-radius: [(#CONFIG{escal/config/arrondi5,10px})];
420}
421.annonce, .annoncedefil, .headline3 {
422  border-radius: [(#CONFIG{escal/config/arrondi6,15px})];
423}
424#entete-evenement, #nouvel-evenement {
425  border-radius: [(#CONFIG{escal/config/arrondi7,8px 8px 0 0})];
426}
427
428/************************************************************************/
429/*    fixation de la barre d'outils sauf si écran de moins de 950px     */
430/************************************************************************/
431@media all and (min-width: 950px) {
432[(#CONFIG{escal/config/espace}|=={haut}|oui)
433[(#CONFIG{escal/config/fixespace}|=={oui}|oui)
434#espace {
435  position: fixed;
436  width: 950px;
437  background-color: #336699;
438  z-index: 100;
439
440#entete{
441padding-top: 30px;
442}
443.identification-light, .formulaire_recherche input.text {
444  border-radius: 0;
445}
446]]}
447
448/*********************************************/
449/*    Les cadres latéraux                    */
450/*********************************************/
451
452div.cadre-couleur h1.cadre {
453  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
454  color:  [(#CONFIG{escal/config/couleur5}|?{#[(#CONFIG{escal/config/couleur5}|couleur_extreme|couleur_inverser)],#000000})];
455}
456div.cadre-couleur .texte {
457        background-color: [(#CONFIG{escal/config/couleur8,#DAE6F6})];
458        color:  [(#CONFIG{escal/config/couleur8}|?{#[(#CONFIG{escal/config/couleur8}|couleur_extreme|couleur_inverser)],#000000})];
459  border-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
460}
461[(#CONFIG{escal/config/bordcadres}|=={non}|oui)
462div.cadre-couleur .texte {
463  border: none;
464}]
465 /* la noisette inc-liste_auteurs */
466 /*********************************/
467[(#CONFIG{escal/config/iconesauteurs}|=={non}|non)
468.legende_admin{
469  background: [url((#CHEMIN{images/admin.png}))];
470  padding-left: 20px;
471  background-repeat : no-repeat;
472}
473.legende_redacteur{
474        background-image: [url((#CHEMIN{images/redacteur.png}))];
475  padding-left: 20px;
476  background-repeat : no-repeat;
477}
478.legende_visiteur{
479        background-image: [url((#CHEMIN{images/visiteur.png}))];
480  padding-left: 20px;
481  background-repeat : no-repeat;
482}
483]
484.legende_admin, .admin a{
485  color: [(#CONFIG{escal/config/couleuradmin,#FF0066})] !important;
486}
487.legende_redacteur, .redacteur a{
488  color: [(#CONFIG{escal/config/couleurredacteur,#009933})] !important; 
489}
490.legende_visiteur, .visiteur a{
491  color: [(#CONFIG{escal/config/couleurvisiteur,#000000})] !important;
492}
493/*********************************************/
494/*    La page contact                        */
495/*********************************************/
496[(#CONFIG{escal/config/checkbox}|=={non}|oui)
497li#checkbox {
498  display: none;
499}
500]
501
502/***************************************/
503/* personnalisation du plugin galleria */
504/***************************************/
505.galleria-container {
506 background-color: [(#CONFIG{escal/config/galleriafond,#FFFFFF})];
507}
508.galleria-info-link, .galleria-info-text,
509.galleria-thumb-nav-left,  .galleria-thumb-nav-right {
510        background-color: [(#CONFIG{escal/config/galleriaencarts,#336699})];
511}
512.galleria-info-title, .galleria-info-description {
513        color: [(#CONFIG{escal/config/galleriacoulpolice,#FFFFFF})];
514}
515.galleria-info-title {
516        font-size: [(#CONFIG{escal/config/galleriatailletitre,14})]px;
517}
518.galleria-counter {
519  color: grey !important;
520  opacity: 100 !important;
521}
Note: See TracBrowser for help on using the repository browser.