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

Last change on this file since 94754 was 94754, checked in by jcvilleneuve@…, 4 years ago

EscalV3 : pétouilles css sur couleur de pagination sr bloc à la une et sur l'agenda

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