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

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

noisette inc-liste_auteurs : choix de l'affichage ou non des icone, choix de la couleur des textes, choix du pas de pagination

File size: 14.6 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: 984px;
20}
21#ombre-gauche {
22        background: [url((#CHEMIN{images/ombre-gauchegris.png}))] repeat-y scroll left center;
23        margin: 0 auto;
24        width: 984px;
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: 984px;
31}
32#ombre-gauche {
33        background: [url((#CHEMIN{images/ombre-gauchegris.png}))] repeat-y scroll left center;
34        margin: 0 auto;
35        width: 984px;
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: 984px;
42}
43#ombre-gauche {
44        background: [url((#CHEMIN{images/ombre-gaucheblanc.png}))] repeat-y scroll left center;
45        margin: 0 auto;
46        width: 984px;
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
124/* ======================================================================
125                          LES COULEURS   (pour tout le site)
126   ======================================================================*/
127
128/* les fonds */
129/*************/
130body {
131  background-color: [ (#CONFIG{escal/config/couleurfond,#DFDFDF})];
132  [(#CONFIG{escal/config/imagefond}|?{
133    background-image: url([(#CHEMIN{#CONFIG{escal/config/imagefond}})]);
134    ,
135    [(#CONFIG{escal/config/imagefond2}|?{
136      background-image: url([(#CHEMIN{#CONFIG{escal/config/imagefond2}})]);
137      ,
138      background-image: none;
139      })]
140  })]
141  [(#CONFIG{escal/config/imagefondunique}|=={oui})
142  background-repeat:no-repeat;
143  background-attachment:fixed;
144  background-position:center
145  -webkit-background-size: cover; /* pour Chrome et Safari */
146  -moz-background-size: cover; /* pour Firefox */
147  -o-background-size: cover; /* pour Opera */
148  background-size: cover; /* version standardisée */
149  ]
150}
151/* fond des pages */
152div#conteneur{
153 background-color: [(#CONFIG{escal/config/couleurpage,#FFFFFF})];
154 color:  [(#CONFIG{escal/config/couleurpage}|?{#[(#CONFIG{escal/config/couleur2}|couleur_extreme|couleur_inverser)],#000000})];
155
156}
157/* bloc a la une */
158ul.onglets li a.active, ul.onglets li a.active:hover, .laune, .laune .fragment a,
159.contenu_1, .contenu_2, .contenu_3, .contenu_4, .contenu_5, .contenu_6, .contenu_7, .contenu_8, .contenu_9, .contenu_10,
160#cadre-plan, #cadre-plan a, .texte#accueil{
161        background-color: [(#CONFIG{escal/config/couleurune,#336699})];
162        color:  [(#CONFIG{escal/config/couleurune}|?{#[(#CONFIG{escal/config/couleurune}|couleur_extreme|couleur_inverser)],#FFFFFF})];
163}
164/* onglets inactifs */
165ul.onglets li a{
166  background-color: [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
167  color:  [(#CONFIG{escal/config/couleuruneinact}|?{#[(#CONFIG{escal/config/couleuruneinact}|couleur_extreme|couleur_inverser)],#000000})];
168}
169/* articles en une */
170.laune ul.anchors li a {
171        background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
172        color:  [(#CONFIG{escal/config/couleuruneart}|?{#[(#CONFIG{escal/config/couleuruneart}|couleur_extreme|couleur_inverser)],#000000})];
173}
174
175/* gris */
176.calendar_not_this_month,
177#ariane-forum, table.forum tr.rub-forum,
178#forum-site .descriptif, #forum-site .texte {
179  background-color: [(#CONFIG{escal/config/couleur1,#DFDFDF})];
180  color:  [(#CONFIG{escal/config/couleur1}|?{#[(#CONFIG{escal/config/couleur1}|couleur_extreme|couleur_inverser)],#000000})];
181}
182
183/* blanc */
184.cadre-chemin, #cadre-article, .cadre-sous-rubrique, .cadre-articles-rubrique, .texte-insert,
185table #nav-agenda, .fc-content,
186.valeur2, .valeur3,
187table.forum, .forum-thread, .forum_reponse,
188.trombino, .entry-content, #mentions {
189 background-color: [(#CONFIG{escal/config/couleur2,#FFFFFF})];
190 color:  [(#CONFIG{escal/config/couleur2}|?{#[(#CONFIG{escal/config/couleur2}|couleur_extreme|couleur_inverser)],#000000})];
191
192}
193
194/* bleu fonce de base */
195#cadre-rubrique, #cadre-titre-article, #cadre-titre-article a, .accueil .cadre-chemin, .accueil .cadre-chemin a,
196table.forum th,
197#menu, ul#menu ul, ul#menu li a,
198#menuV2 ul.menulist a:hover, #menuV2 ul.menulist li.smenu:hover,
199#menuV2 ul.menulist li.smenu>a:hover{
200        background-color: [(#CONFIG{escal/config/couleur3,#336699})];
201        color:  [(#CONFIG{escal/config/couleur3}|?{#[(#CONFIG{escal/config/couleur3}|couleur_extreme|couleur_inverser)],#FFFFFF})];
202}
203/* bleu tres fonce */
204.laune ul.anchors li a:hover, #menu li:hover > a, ul#menu ul li:hover {
205        background-color: [(#CONFIG{escal/config/couleur4,#224466})];
206        color:  [(#CONFIG{escal/config/couleur4}|?{#[(#CONFIG{escal/config/couleur4}|couleur_extreme|couleur_inverser)],#FFFFFF})];
207}
208/* bleu clair */
209.identification-light:hover, .formulaire_recherche input.text:hover,
210table.spip tr.row_first,
211#menuV2 ul.menulist, #menuV2 ul.menulist ul, #menuV2 ul.menulist a,
212.titre-message,
213#formulaire_forum div, .formulaire_spip.formulaire_forum, .small_mini,
214.calendar_head_mini, #entete-evenement, #nouvel-evenement{
215  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
216  color:  [(#CONFIG{escal/config/couleur5}|?{#[(#CONFIG{escal/config/couleur5}|couleur_extreme|couleur_inverser)],#000000})];
217}
218
219/* gris-bleu tres clair */
220.identification-light, .formulaire_recherche input.text,
221table.spip tr.row_even, table.forum tr.art-forum,
222#formulaire-contact,
223.calendar_this_month,
224#cadre-telechargement, #ps,
225.forum_reponse .titre-message, #formulaire_forum input.barre,
226#signatures li {
227        background-color: [(#CONFIG{escal/config/couleur6,#EFEFEF})];
228        color:  [(#CONFIG{escal/config/couleur6}|?{#[(#CONFIG{escal/config/couleur6}|couleur_extreme|couleur_inverser)],#000000})];
229}
230
231/* un autre bleu */
232ul#menu li .on, ul#menu li .on > a, #menu li:hover > a.on,  ul#menu ul li.on:hover,
233#formulaire_forum div#previsu, #formulaire_forum div#previsu .forum-message, #formulaire_forum div#previsu .forum-chapo,
234.calendar_this_day,
235table.spip tr.row_odd  {
236        background-color: [(#CONFIG{escal/config/couleur7,#BBCCDD})];
237        color:  [(#CONFIG{escal/config/couleur7}|?{#[(#CONFIG{escal/config/couleur7}|couleur_extreme|couleur_inverser)],#000000})];
238}
239
240/* couleur 8 réservée pour les cadres latéraux - voir plus bas  */
241
242/* bandeau */
243div#entete {
244        background-color: [(#CONFIG{escal/config/couleur9,#336699})];
245        color:  [(#CONFIG{escal/config/couleur9}|?{#[(#CONFIG{escal/config/couleur9}|couleur_extreme|couleur_inverser)],#FFFFFF})];
246}
247
248/* orange */
249.annonce,.annoncedefil, .headline3, .calendar_mini_event, .spip_surligne {
250        background-color: [(#CONFIG{escal/config/couleur10,#EC7942})];
251  color:  [(#CONFIG{escal/config/couleur10}|?{#[(#CONFIG{escal/config/couleur10}|couleur_extreme|couleur_inverser)],#FFFFFF})];
252}
253
254/* le pied */
255#pied {
256        background-color: [(#CONFIG{escal/config/couleur11,#BBCCDD})];
257        color:  [(#CONFIG{escal/config/couleur11}|?{#[(#CONFIG{escal/config/couleur11}|couleur_extreme|couleur_inverser)],#000000})];
258}
259
260/* les caracteres */
261/******************/
262
263
264a:link{
265        color: [(#CONFIG{escal/config/texte1,#000099})];
266}
267a:visited {
268        color: [(#CONFIG{escal/config/texte2,#000099})];
269}
270a:hover, ul.onglets li a:hover,
271#cadre-plan a:hover, table.forum a:hover {
272        color: [(#CONFIG{escal/config/texte3,#FF8000})];
273}
274#nom-site-spip, #slogan-site-spip, #descriptif-site-spip, .annoncedefil .caractencadre-spip {
275  color: [(#CONFIG{escal/config/texte01,#FFFFFF})];
276}
277
278#ariane-forum, #ariane-forum a,
279table.forum tr.rub-forum td, table.forum a, table.forum tr.art-forum td  {
280        color: [(#CONFIG{escal/config/texte4,#336699})];
281}
282
283.alerte {
284        color: [(#CONFIG{escal/config/texte5,#FF0000})];
285}
286
287
288/* les bordures */
289/****************/
290
291ul#menu li a, ul#menu ul {
292        border-color: [(#CONFIG{escal/config/bord1,#CCCCCC})];
293}
294ul.onglets li a {
295  border: 1px solid [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
296  border-top : 1px solid white;
297}
298ul.onglets li a.active {
299  border: 1px solid [(#CONFIG{escal/config/couleurune,#336699})];
300}
301.cadre-articles-rubrique, .cadre-sous-rubrique, #cadre-article, #cadre-telechargement,
302.forum-thread, .forum_reponse,
303#formulaire-contact, .valeur2, .valeur3,
304#signatures li, #signatures li p.message {
305        border-color: [(#CONFIG{escal/config/bord2,#CCCCCC})];
306}
307
308table.spip, table.spip td {
309        border-color: [(#CONFIG{escal/config/bord3,#FFFFFF})];
310}
311
312#menuV2 ul.menulist li {
313        border-color: [(#CONFIG{escal/config/bord4,#FFFFFF})];
314}
315.formulaire_recherche input.text,
316.identification-light,
317ul#menu li a:hover,
318.calendar_mini_event  {
319        border-color: [(#CONFIG{escal/config/bord5,#CCCCCC})];
320}
321
322#ariane-forum, table.forum {
323        border-color: [(#CONFIG{escal/config/bord6,#006699})];
324}
325/*********************************************/
326/*    Les arrondis                           */
327/*********************************************/
328ul#menu li a, ul#menu ul, ul#menu ul li {
329  border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
330}
331#menuV2 ul.menulist, #menuV2 ul.menulist a {
332  border-radius: [(#CONFIG{escal/config/arrondi2,10px})];
333}
334ul.onglets li a {
335  border-radius: [(#CONFIG{escal/config/arrondi31,8px 8px 0px 0px})];
336}
337.laune ul.anchors li a {
338  border-radius: [(#CONFIG{escal/config/arrondi32,5px})];
339}
340h1.cadre {
341  border-radius: [(#CONFIG{escal/config/arrondi41,0px 50px 0px 0px})];
342}
343div.texte {
344  border-radius: [(#CONFIG{escal/config/arrondi42,0px 0px 0px 10px / 0px 0px 0px 100px})];
345}
346.identification-light, .formulaire_recherche input.text {
347  border-radius: [(#CONFIG{escal/config/arrondi5,10px})];
348}
349.annonce, .annoncedefil, .headline3 {
350  border-radius: [(#CONFIG{escal/config/arrondi6,15px})];
351}
352#entete-evenement, #nouvel-evenement {
353  border-radius: [(#CONFIG{escal/config/arrondi7,8px 8px 0 0})];
354}
355
356/************************************************************************/
357/*    fixation de la barre d'outils sauf si écran de moins de 950px     */
358/************************************************************************/
359@media all and (min-width: 950px) {
360[(#CONFIG{escal/config/espace}|=={haut}|oui)
361[(#CONFIG{escal/config/fixespace}|=={oui}|oui)
362#espace {
363  position: fixed;
364  width: 950px;
365  background-color: #336699;
366  z-index: 100;
367
368#entete{
369padding-top: 30px;
370}
371.identification-light, .formulaire_recherche input.text {
372  border-radius: 0;
373}
374]]}
375
376/*********************************************/
377/*    Les cadres latéraux                    */
378/*********************************************/
379
380div.cadre-couleur h1.cadre {
381  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
382  color:  [(#CONFIG{escal/config/couleur5}|?{#[(#CONFIG{escal/config/couleur5}|couleur_extreme|couleur_inverser)],#000000})];
383}
384div.cadre-couleur .texte {
385        background-color: [(#CONFIG{escal/config/couleur8,#DAE6F6})];
386        color:  [(#CONFIG{escal/config/couleur8}|?{#[(#CONFIG{escal/config/couleur8}|couleur_extreme|couleur_inverser)],#000000})];
387  border-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
388}
389[(#CONFIG{escal/config/bordcadres}|=={non}|oui)
390div.cadre-couleur .texte {
391  border: none;
392}]
393 /* la noisette inc-liste_auteurs */
394 /*********************************/
395[(#CONFIG{escal/config/iconesauteurs}|=={non}|non)
396.legende_admin{
397  background: [url((#CHEMIN{images/admin.png}))];
398  padding-left: 20px;
399  background-repeat : no-repeat;
400}
401.legende_redacteur{
402        background-image: [url((#CHEMIN{images/redacteur.png}))];
403  padding-left: 20px;
404  background-repeat : no-repeat;
405}
406.legende_visiteur{
407        background-image: [url((#CHEMIN{images/visiteur.png}))];
408  padding-left: 20px;
409  background-repeat : no-repeat;
410}
411]
412.legende_admin, .admin a{
413  color: [(#CONFIG{escal/config/couleuradmin,#FF0066})] !important;
414}
415.legende_redacteur, .redacteur a{
416  color: [(#CONFIG{escal/config/couleurredacteur,#009933})] !important; 
417}
418.legende_visiteur, .visiteur a{
419  color: [(#CONFIG{escal/config/couleurvisiteur,#000000})] !important;
420}
421/*********************************************/
422/*    La page contact                        */
423/*********************************************/
424[(#CONFIG{escal/config/checkbox}|=={non}|oui)
425li#checkbox {
426  display: none;
427}
428]
429
430/***************************************/
431/* personnalisation du plugin galleria */
432/***************************************/
433.galleria-container {
434 background-color: [(#CONFIG{escal/config/galleriafond,#FFFFFF})];
435}
436.galleria-info-link, .galleria-info-text,
437.galleria-thumb-nav-left,  .galleria-thumb-nav-right {
438        background-color: [(#CONFIG{escal/config/galleriaencarts,#336699})];
439}
440.galleria-info-title, .galleria-info-description {
441        color: [(#CONFIG{escal/config/galleriacoulpolice,#FFFFFF})];
442}
443.galleria-info-title {
444        font-size: [(#CONFIG{escal/config/galleriatailletitre,14})]px;
445}
446.galleria-counter {
447  color: grey !important;
448  opacity: 100 !important;
449}
Note: See TracBrowser for help on using the repository browser.