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

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

Escal V3 : on peut afficher le début du texte (nombre de caractères paramétrable) des derniers articles présentés en page d'accueil + on peut paramétrer la taille maxi des logos pour ces derniers articles + un annuaire qui refonctionne

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