source: spip-zone/_galaxie_/plugins-spip-net/svp2010/css.html @ 48880

Last change on this file since 48880 was 48766, checked in by brunobergot@…, 10 years ago

ajout des liens demo,dev et sources sur les paquets

File size: 14.7 KB
Line 
1[(#HTTP_HEADER{Content-type: text/css})]
2#SET{couleur, #ENV{couleur_categorie, b9274d}}
3#SET{coul_nav,#GET{couleur}}
4[(#REM)
5<style>
6]
7/* --------------------------------- */
8/* plugins.spip.net version SVP 2011 */
9/* --------------------------------- */
10
11/* conteneur et outils de base */
12
13body { background-color: #717070; margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif, sans; }
14body img { border: 0; }
15body a { color: #[(#GET{couleur}|couleur_foncer_si_claire)];  outline: none; }
16body a .spip_in { color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
17body a .spip_out { color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
18body .spip-admin-float { right: auto; left: 20px; font-size: 0.8em; }
19
20.clear-left { clear: left; }
21.clear-right { clear: left; }
22.clear-both { clear: both; }
23.size1of10 { width: 10%; }
24
25/* mise en page */
26
27.conteneur_page { position: relative;  width: 900px;  margin: auto;}
28#principal { min-height: 300px;  padding-bottom: 57px; background-color: #fff; }
29#principal #colonne_centrale { position: relative; width: 670px; float: right; padding-top: 55px;
30        font-family: arial, helvetica, sans-serif, sans; line-height: 1.4em; }
31#principal #colonne_navigation { width: 200px; padding-top: 150px; vertical-align: top; display: inline-block; -moz-display: inline-box; }
32
33h1 { margin: 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
34.minititre { margin-bottom: 5px; overflow: hidden; }
35.minititre span { display: block; float: left; padding: 0 4px 0 6px; height: 21px; overflow: hidden; background-color: [#(#GET{couleur})];
36  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
37<BOUCLE_minititres(DATA){source table,#SVP_CATEGORIES}>
38.categorie_[(#CLE)] span { background-color: [#(#CLE|categorie2couleur)]; }
39</BOUCLE_minititres>
40
41.liste-items,
42.menu-liste { margin: 0; padding: 0; list-style: none; }
43.liste-items .item { clear: both; overflow: hidden; }
44
45.pagination .sep,
46.pagination .label { display: none; }
47.pagination { padding: 3px; margin: 3px; text-align: center; font-size: 90%; }
48.pagination .lien_pagination,
49.pagination .on { padding: 2px 5px 2px 5px; margin-right: 5px; border: 1px solid #ddd; text-decoration: none; color: #666; }
50.pagination .lien_pagination:hover,
51.pagination .lien_pagination:active { border: 1px solid #a0a0a0; }
52.pagination .on { border-color: #e0e0e0; font-weight: bold; background-color: #e0e0e0; }
53
54/* bandeau */
55
56#bandeau-haut { position: relative;  height: 99px; background: url([(#CHEMIN{imgs/fond-bandeau-haut.png}|image_sepia{[(#GET{couleur})]}|extraire_attribut{src})]); }
57#bandeau-haut .conteneur_page { height: 99px; }
58#bandeau-haut .logo-site-spip { position: absolute;  left: -2px;  top: 27px; }
59#bandeau-haut .polatouche { position: absolute;  right: -7px;  bottom: -62px;   z-index:100; }
60
61/* nav */
62
63#nav { position: absolute; top: 0; right: 0; width: 480px; height: 23px;
64        padding: 3px 0 0 20px; text-align: left; font-size: 75%; color: white;
65        background: url([(#CHEMIN{imgs/bandeau-haut-droite.png})]) no-repeat; }
66#nav .menu-liste .menu-entree { display: inline; }
67#nav .menu-liste .menu-entree a { text-decoration: none; margin-left: 5px; padding-left: 10px; color: #ddd; }
68#nav .menu-liste .menu-entree a:hover { color: white; background: url([(#CHEMIN{imgs/fond-petit-carre.gif})]) left 50% no-repeat; }
69
70/* formulaire recherche */
71
72#cadre-recherche { position: relative; background-color: transparent; }
73#cadre-recherche #formulaire_recherche { position: absolute; bottom: 5px; right: 230px; }
74#cadre-recherche #formulaire_recherche #recherche  { width: 200px; }
75#cadre-recherche #formulaire_recherche label { display: none; }
76
77/* navigation des categories */
78
79#colonne_navigation ul { font-size: 70%; line-height: 1.1em; }
80#colonne_navigation ul li a { display: block; overflow: hidden; width: 159px; height: 39px; margin-bottom: 0;
81        padding: 7px 15px 4px 4px; color: #555; text-decoration: none;
82        background: transparent url([(#CHEMIN{imgs/fond-nav-rectangle.png}|image_sepia{f3f3f3}|extraire_attribut{src})]) right center no-repeat; }
83#colonne_navigation ul li a span.numero { display: block; float: left; width: 40px; margin: 3px 0 0; padding: 0;
84        text-align: right; font-size: 38px; line-height: 31px; font-family: arial, helvetica, sans-serif, sans; color: #ddd; }
85#colonne_navigation ul li a span.intitule { display: block; padding-left: 48px; }
86#colonne_navigation ul li a:hover { color: #fff;
87        background: transparent url([(#CHEMIN{imgs/fond-nav-simple.png}|image_sepia{aaaaaa}|extraire_attribut{src})] ) right center no-repeat; }
88#colonne_navigation ul li a:hover span.numero { color: #666; }
89#colonne_navigation ul li a.on { color: #fff; text-decoration: none; font-weight: bold;
90        background: transparent url([(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav})]}|extraire_attribut{src})] ) right center no-repeat; }
91#colonne_navigation ul li a.on span.numero { font-weight: normal; color: #fff; }
92#colonne_navigation ul li a.on:hover {
93  background: transparent url([(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav}|couleur_foncer)]}|extraire_attribut{src})] ) right center no-repeat; }
94
95/* pied de page */
96
97#bandeau-bas { padding-top: 15px; font-size: 70%; line-height: 1.5em; color: white;
98        background: url([(#CHEMIN{imgs/fond-bandeau-bas.gif})]) top left repeat-x; }
99#bandeau-bas .bloc-pied { padding-bottom: 1em; }
100#bandeau-bas .logo-site-spip { position: absolute; right: -3px; top: 10px; }
101#bandeau-bas a { color: #dddddd; }
102#bandeau-bas a:hover { color: white; }
103#bandeau-bas ul { padding-left: 15px; list-style-type: disc; }
104#bandeau-bas #site-utilise { position: absolute; top: 70px; right: 0; width: 237px; }
105#bandeau-bas #galaxie { position: absolute; top: 100px; left: 0; }
106#bandeau-bas #syndication { position: absolute; top: 5px; left: 230px; width: 360px; }
107#bandeau-bas #syndication h3 { margin-top: 10px; }
108
109/* page plugin */
110
111#colonne_centrale #logo-article { width: 230px; position: absolute; top: 50px; left: -230px; text-align: center; }
112
113h1.titre_article { margin: 0 0 30px; }
114h1.titre_article img { padding: 3px 10px 0; background: #666;
115        -moz-border-radius : 12px; -webkit-border-radius : 12px; border-radius : 12px; }
116.titre_categorie { display: block; margin: -30px 0 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
117.page_plugin .contenu-principal { margin-bottom: 25px; }
118.page_plugin .cartouche .info-publi { overflow: hidden; margin: 0; font-size: 85%; color: #666; }
119.page_plugin .cartouche .info-publi .liste-items { float: left; width: 32%; margin-left: 25px; }
120.page_plugin .cartouche .info-publi .liste-items:first-child { margin-left: 0; }
121.page_plugin .cartouche .info-publi .liste-items .item { border-bottom: 1px dotted #ddd; }
122.page_plugin .cartouche .info-publi .branches { width: 17% }
123.page_plugin .cartouche .info-publi .branches .item { padding-left: 20px; background: transparent url([(#CHEMIN{imgs/check-valid.gif})]) left 50% no-repeat; }
124.paquet { position: relative; font-size: 85%; float: none; }
125.paquet .h2 { padding-right: 120px; color: #666; font-size: 150%; }
126.paquet .telechargement { position: absolute; top: 0; right: 0; font-size: 125%; }
127.paquet .telechargement a { margin: 0; padding: 4px 4px 4px 20px; text-decoration: none; color: white;
128        background: #[(#GET{couleur})] url([(#CHEMIN{imgs/fleche-bas-blanc.gif})]) 6px center no-repeat;
129        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
130.paquet .bloc_infos { overflow: hidden; margin-left: 0; font-size: 90%; color: #666; }
131.paquet .bloc_infos a { color: #666; }
132.paquet .bloc_infos a:hover { color: #000; }
133.paquet .bloc_infos dt { float: left; clear: right; width: 30%; margin: 0 ; padding: 3px 0; font-weight: bold; }
134.paquet .bloc_infos dd { float: right; width: 60%; margin: 0 ; padding: 3px 0; }
135
136.meta-publi { margin-top: 2px; }
137.meta-publi a { margin-right: 10px; padding: 4px; background-color: #e0e0e0; color: #666; text-decoration: none;
138        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
139.meta-publi a:hover { color: #000; }
140
141/* page plugins / categorie / recherche */
142
143.page_plugins #principal,
144.page_recherche #principal { background-color: #eee; }
145.page_plugins #principal .cartouche .h1 { margin-bottom: 35px; }
146.page_plugins .paquets,
147.page_recherche .paquets { width: 70%; }
148.page_plugins .paquets .paquet,
149.page_recherche .paquets .paquet { margin-bottom: 50px; }
150.paquets .liens_tri { margin: 0 0 40px; font-size: 85%; }
151.paquets .liens_tri a,
152.paquets .liens_tri strong.on { padding: 4px; background: #e0e0e0; color: #666; text-decoration: none;
153        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
154.paquets .liens_tri a { background: transparent; }
155.paquets .liens_tri a:hover { background: #e0e0e0; }
156.paquets .liens_tri .sep { display: none; }
157.paquet .logo { float: right; padding: 5px 0 5px 20px; }
158.page_plugins .paquets .paquet .slogan,
159.page_recherche .paquets .paquet .slogan { margin-top: 20px; text-align: justify; color: #444; }
160.page_plugins .paquets .paquet .bloc_infos,
161.page_recherche .paquets .paquet .bloc_infos { margin-bottom: 15px; }
162.page_plugins .paquets .paquet .meta-publi,
163.page_recherche .paquets .paquet .meta-publi { text-align: right; }
164
165/* page sommaire */
166
167.page_sommaire #principal { background-color: #ddd; }
168.page_sommaire .cartouche .h1 { margin-left: -230px; }
169.page_sommaire .h2 { font-size: 118%; color: #666; }
170.page_sommaire .liste { font-size: 85%; color: #444; }
171.page_sommaire #principal #colonne_centrale .last { margin-right: 0; }
172.page_sommaire #selection { float: none; margin: 24px 0;  padding: 9px; overflow: hidden;
173        border: 2px solid #ccc; background: #f7f7f7 url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
174        -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius : 10px; }
175.page_sommaire #selection .h2 { margin: 0; }
176.page_sommaire #selection #titres_selection { float: left; width: 200px; }
177.page_sommaire #selection #titres_selection a.lien-selection { display: block; width: 160px; padding: 2px 0 0 20px;
178        margin-top: 2px; text-decoration: none; color: #999; }
179.page_sommaire #selection #titres_selection a.lien-selection:hover { color: #444; }
180.page_sommaire #selection #titres_selection a.lien-selection-on { font-weight: bold; color: black;
181        background: url([(#CHEMIN{imgs/check-valid.gif})]) left 6px no-repeat; }
182.page_sommaire #selection #titres_selection a.lien-selection-on:hover { color: black; }
183.page_sommaire #selection #conteneur_selection { float: left; width: 440px; overflow: hidden; }
184.page_sommaire #selection #conteneur_selection #slide_selection { width: 4400px; }
185.page_sommaire #selection #conteneur_selection .liste-items .item { float: left; clear: none; width: 440px; overflow: hidden; margin-bottom: 10px; font-size: 100%; }
186.page_sommaire #selection .liste-items .item .bloc_infos { margin-top: 10px; font-size: 90%; }
187.page_sommaire #selection .liste-items .item .bloc_infos dt { font-weight: bold; color: #666; }
188.page_sommaire #selection .liste-items .item .bloc_infos dd { margin: 0; }
189.page_sommaire #selection .liste-items .item .meta-publi { text-align: right; }
190.page_sommaire #selection .liste-items .item .meta-publi a { color: #e0e0e0; background: #999; }
191.page_sommaire #selection .liste-items .item .meta-publi a:hover { color: #666; background: #e0e0e0; }
192.page_sommaire .resume { width: 30%; float: left; margin-right: 32px; }
193.page_sommaire .resume .liste-items .item { overflow: hidden; border-bottom: 1px dotted #ababab; }
194.page_sommaire .resume .liste-items .item a { display: block; position: relative; padding: 0 5px 0 50px;
195        text-decoration: none; color: #444; }
196.page_sommaire .resume .liste-items .item a img.logo { position: absolute; left: 5px; top: 6px; padding: 4px;
197        background: #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;  }
198.page_sommaire .resume .liste-items .item a:hover img.logo { background: #f3f3f3; }
199.page_sommaire .resume .liste-items .item span { display: block; }
200.page_sommaire .resume .liste-items .item .titre { height: 1.45em; overflow: hidden; padding: 8px 0 0;
201        font-weight: bold; color: #666; }
202
203/* page telechargements / depots / statistiques */
204
205.page_telechargements #colonne_centrale,
206.page_depots #colonne_centrale,
207.page_statistiques #colonne_centrale { color: #666; }
208.page_telechargements #colonne_centrale .liste-items .item,
209.page_depots #colonne_centrale .liste-items .item { padding: 10px 0; border-bottom: 1px dotted #ababab; }
210.page_telechargements #colonne_centrale .liste-items .item .h4 { margin: 5px 0; font-size: 85%; }
211.page_telechargements #colonne_centrale .liste-items .item .paquet,
212.page_depots #colonne_centrale .liste-items .item .paquet { margin-bottom: 5px; }
213#principal #colonne_centrale .texte { font-size: 90%; line-height: 160%; }
214
215/* page login */
216
217.page_login #principal { background-color: #ddd; }
218.page_login #principal #colonne_centrale { float: none; width: 400px; margin: 0 auto; }
219.page_login #principal #colonne_centrale #hierarchie { display: none; }
220.page_login #principal #colonne_centrale .cartouche { text-align: center; color: #666; }
221.page_login #principal #colonne_centrale .formulaire_menu_lang { margin: 10px 0; }
222.page_login #principal #colonne_centrale .formulaire_login { padding: 10px; background: #fff; border: 1px solid #aaa; }
223.page_login #principal #colonne_centrale .formulaire_login fieldset { border: 0; }
224.page_login #principal #colonne_centrale .formulaire_login ul { margin: 0; padding: 0; list-style: none; }
225.page_login #principal #colonne_centrale .formulaire_login .boutons { text-align: right; }
226
227/* bloc de filtres */
228
229#colonne_centrale .filtres { float: right; width: 180px; }
230#colonne_centrale .filtres .liste-items { margin: 10px 0; padding: 9px; border: 1px solid #ccc;
231        font-size: 80%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius : 10px;
232        background: #f7f7f7 url(#CHEMIN{imgs/fond-selection.gif}) left bottom repeat-x; }
233
234#colonne_centrale .filtres .liste-items .item { padding: 2px 0 2px 20px; line-height: 1.1em; border: 0; }
235#colonne_centrale .filtres .liste-items .item a { text-decoration: none; }
236#colonne_centrale .filtres .liste-items .item.on { font-weight: bold;
237        background: transparent url([(#CHEMIN{imgs/check-valid.gif})]) left 2px no-repeat; }
238#colonne_centrale .filtres .liste-items .item.on a { color: #000; }
239
240/* cadre extra et pied de page */
241
242#cadre-extra { overflow: hidden; border-top: 1px solid #[(#GET{couleur}|couleur_foncer)];
243        background-color: #[(#GET{couleur})]; color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)];
244        font-size: 0.8em; font-family: arial, helvetica, sans-serif, sans; line-height: 1.5em; }
245#cadre-extra .liste { float: left; width: 48%; margin: 10px 0 20px; }
246#cadre-extra .liste:first-child { margin-right: 20px; }
247#cadre-extra .liste .liste-items { margin: 0; padding: 0 0 0 15px; list-style-type: disc; }
248#cadre-extra a { color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]; }
Note: See TracBrowser for help on using the repository browser.