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

Last change on this file since 53761 was 53761, checked in by suske@…, 9 years ago

formulaire_ecrire_auteur amha c'est pas pire qu'avant mais j'ai pas d'ie sous la main :-p C'est du gogogo quoi

File size: 18.9 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; }
19body #spip-admin { top: 0; left: 5px; right: auto; }
20body #spip-admin #minibando ul { left: 2px; right: auto; }
21
22.clear-left { clear: left; }
23.clear-right { clear: left; }
24.clear-both { clear: both; }
25.size1of10 { width: 10%; }
26.size1of20 { width: 5%; }
27
28/* Mise en page */
29
30.conteneur_page { position: relative;  width: 900px;  margin: auto;}
31#principal { min-height: 300px;  padding-bottom: 57px; background-color: #fff; }
32#principal #colonne_centrale { position: relative; width: 670px; float: right; padding-top: 55px;
33        font-family: arial, helvetica, sans-serif, sans; line-height: 1.4em; }
34#principal #colonne_navigation { width: 200px; padding-top: 150px; vertical-align: top; display: inline-block; -moz-display: inline-box; }
35
36h1 { margin: 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
37.minititre { margin-bottom: 5px; overflow: hidden; }
38.minititre span { display: block; float: left; padding: 0 4px 0 6px; height: 21px; overflow: hidden; background-color: [#(#GET{couleur})];
39  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
40<BOUCLE_minititres(DATA){source table,#SVP_CATEGORIES}>
41.categorie_[(#CLE)] span { background-color: [#(#CLE|categorie2couleur)]; }
42</BOUCLE_minititres>
43
44.liste-items,
45.menu-liste { margin: 0; padding: 0; list-style: none; }
46.liste-items .item { clear: both; overflow: hidden; }
47
48.pagination .sep,
49.pagination .label { display: none; }
50.pagination { padding: 3px; margin: 3px; text-align: center; font-size: 90%; }
51.pagination .lien_pagination,
52.pagination .on { padding: 2px 5px 2px 5px; margin-right: 5px; border: 1px solid #ddd; text-decoration: none; color: #666; }
53.pagination .lien_pagination:hover,
54.pagination .lien_pagination:active { border: 1px solid #a0a0a0; }
55.pagination .on { border-color: #e0e0e0; font-weight: bold; background-color: #e0e0e0; }
56
57/* Bandeau */
58
59#bandeau-haut { position: relative;  height: 99px; background: url([(#CHEMIN{imgs/fond-bandeau-haut.png}|image_sepia{[(#GET{couleur})]}|extraire_attribut{src})]); }
60#bandeau-haut .conteneur_page { height: 99px; }
61#bandeau-haut .logo-site-spip { position: absolute;  left: -2px;  top: 27px; }
62#bandeau-haut .polatouche { position: absolute;  right: -7px;  bottom: -62px;   z-index:100; }
63
64/* Nav */
65
66#nav { position: absolute; top: 0; right: 0; width: 480px; height: 23px;
67        padding: 3px 0 0 20px; text-align: left; font-size: 75%; color: white;
68        background: url([(#CHEMIN{imgs/bandeau-haut-droite.png})]) no-repeat; }
69#nav .menu-liste .menu-entree { display: inline; }
70#nav .menu-liste .menu-entree a { text-decoration: none; margin-left: 5px; padding-left: 10px; color: #ddd; }
71#nav .menu-liste .menu-entree a:hover { color: white; background: url([(#CHEMIN{imgs/fond-petit-carre.gif})]) left 50% no-repeat; }
72#nav .menu-liste .menu-entree a#aide { margin-left: 30px; }
73
74/* Formulaire recherche */
75
76#cadre-recherche { position: relative; background-color: transparent; }
77#cadre-recherche #formulaire_recherche { position: absolute; bottom: 5px; right: 230px; }
78#cadre-recherche #formulaire_recherche #recherche  { width: 200px; }
79#cadre-recherche #formulaire_recherche label { font-size: 0.8em; color: #aaa; }
80
81/* Navigation dans les categories */
82
83#colonne_navigation ul { font-size: 70%; line-height: 1.1em; }
84#colonne_navigation ul li a { display: block; overflow: hidden; width: 162px; height: 39px; margin-bottom: 0;
85        padding: 7px 15px 4px 4px; color: #555; text-decoration: none;
86        background: transparent url([(#CHEMIN{imgs/fond-nav-rectangle.png}|image_sepia{f3f3f3}|extraire_attribut{src})]) right center no-repeat; }
87#colonne_navigation ul li a span.numero { display: block; float: left; width: 40px; margin: 3px 0 0; padding: 0;
88        text-align: right; font-size: 38px; line-height: 31px; font-family: arial, helvetica, sans-serif, sans; color: #ddd; }
89#colonne_navigation ul li a span.intitule { display: block; padding-left: 48px; }
90#colonne_navigation ul li a:hover { color: #fff;
91        background: transparent url([(#CHEMIN{imgs/fond-nav-simple.png}|image_sepia{aaaaaa}|extraire_attribut{src})] ) right center no-repeat; }
92#colonne_navigation ul li a:hover span.numero { color: #666; text-shadow: #666 0 1px 0; }
93<BOUCLE_numeros(DATA){source table, #SVP_CATEGORIES}>
94#colonne_navigation ul li a:hover span.numero.categorie_[(#CLE)] { color: [#(#CLE|categorie2couleur)]; }
95</BOUCLE_numeros>
96#colonne_navigation ul li a.on { color: #fff; text-decoration: none; font-weight: bold;
97        background: transparent url([(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav})]}|extraire_attribut{src})] ) right center no-repeat; }
98#colonne_navigation ul li a.on span.numero { font-weight: normal; color: #fff; }
99#colonne_navigation ul li a.on:hover {
100  background: transparent url([(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav}|couleur_foncer)]}|extraire_attribut{src})] ) right center no-repeat; }
101
102/* Cadre extra */
103
104#cadre-extra { overflow: hidden; border-top: 1px solid #[(#GET{couleur}|couleur_foncer)];
105        background-color: #[(#GET{couleur})]; color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)];
106        font-size: 0.8em; font-family: arial, helvetica, sans-serif, sans; line-height: 1.5em; }
107#cadre-extra .liste { float: left; width: 48%; margin: 10px 0 20px; }
108#cadre-extra .liste:first-child { margin-right: 20px; }
109#cadre-extra .liste .liste-items { margin: 0; padding: 0 0 0 15px; list-style-type: disc; }
110#cadre-extra a { color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]; }
111
112/* Pied de page */
113
114#bandeau-bas { padding-top: 15px; font-size: 70%; line-height: 1.5em; color: white;
115        background: url([(#CHEMIN{imgs/fond-bandeau-bas.gif})]) top left repeat-x; }
116#bandeau-bas .bloc-pied { padding-bottom: 1em; }
117#bandeau-bas .logo-site-spip { position: absolute; right: -3px; top: 10px; }
118#bandeau-bas a { color: #dddddd; }
119#bandeau-bas a:hover { color: white; }
120#bandeau-bas ul { padding-left: 15px; list-style-type: disc; }
121#bandeau-bas #site-utilise { position: absolute; top: 70px; right: 0; width: 237px; }
122#bandeau-bas #galaxie { position: absolute; top: 100px; left: 0; }
123#bandeau-bas #syndication { position: absolute; top: 5px; left: 230px; width: 360px; }
124#bandeau-bas #syndication h3 { margin-top: 10px; }
125
126/* Bloc de filtres de la colonne centrale */
127
128#colonne_centrale .filtres { float: right; width: 180px; }
129#colonne_centrale .filtres .liste-items { margin: 10px 0; padding: 9px; border: 1px solid #ccc;
130        font-size: 80%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius : 10px;
131        background: #f7f7f7 url(#CHEMIN{imgs/fond-selection.gif}) left bottom repeat-x; }
132
133#principal #colonne_centrale .filtres .liste-items .item { padding: 2px 0 2px 20px; line-height: 1.1em; border: 0; }
134#colonne_centrale .filtres .liste-items .item a { text-decoration: none; }
135#colonne_centrale .filtres .liste-items .item.on { font-weight: bold;
136        background: transparent url([(#CHEMIN{imgs/check-valid.gif})]) left 2px no-repeat; }
137#colonne_centrale .filtres .liste-items .item.on a { color: #000; }
138
139/* Page Plugin */
140
141#colonne_centrale #logo-article { width: 230px; position: absolute; top: 50px; left: -230px; text-align: center; }
142
143h1.titre_article { margin: 0 0 30px; }
144h1.titre_article img { padding: 3px 10px 0; background: #666;
145        -moz-border-radius : 12px; -webkit-border-radius : 12px; border-radius : 12px; }
146.titre_categorie { display: block; margin: -30px 0 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
147.page_plugin .contenu-principal { margin-bottom: 25px; }
148.page_plugin .cartouche .info-publi { overflow: hidden; margin: 0; font-size: 85%; color: #666; }
149.page_plugin .cartouche .info-publi .liste-items { float: left; width: 32%; margin-left: 25px; }
150.page_plugin .cartouche .info-publi .liste-items:first-child { margin-left: 0; }
151.page_plugin .cartouche .info-publi .liste-items .item { border-bottom: 1px dotted #ddd; }
152.page_plugin .cartouche .info-publi .branches { width: 17% }
153.page_plugin .cartouche .info-publi .branches .item { padding-left: 20px; background: transparent url([(#CHEMIN{imgs/check-valid.gif})]) left 50% no-repeat; }
154.paquet { position: relative; font-size: 85%; float: none; }
155.page_plugin .paquet { border-top: 1px dotted #ddd; margin-top: 50px; }
156.paquet .h2 { padding-right: 120px; padding-left: 25px; color: #666; font-size: 150%; background: transparent url([(#CHEMIN{imgs/faq_close.png})]) left 50% no-repeat; }
157.paquet .h2.deplie { background-image: url([(#CHEMIN{imgs/faq_open.png})]); }
158.paquet .telechargement { position: absolute; top: 0; right: 0; font-size: 125%;  margin-top: 1em; }
159.paquet .telechargement a { margin: 0; padding: 4px 4px 4px 20px; text-decoration: none; color: white;
160        background: #[(#GET{couleur})] url([(#CHEMIN{imgs/fleche-bas-blanc.gif})]) 6px center no-repeat;
161        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
162.paquet .bloc_infos { overflow: hidden; margin-left: 0; font-size: 90%; color: #666; }
163.paquet .bloc_infos a { color: #666; }
164.paquet .bloc_infos a:hover { color: #000; }
165.paquet .bloc_infos dt { float: left; clear: right; width: 30%; margin: 0 ; padding: 3px 0; font-weight: bold; }
166.paquet .bloc_infos dd { float: right; width: 60%; margin: 0 ; padding: 3px 0; }
167
168.meta-publi { margin-top: 2px; }
169.meta-publi a { margin-right: 10px; padding: 4px; background-color: #e0e0e0; color: #666; text-decoration: none;
170        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
171.meta-publi a:hover { color: #000; }
172
173/* Pages Plugins (complete ou filtree par categorie ou depot) / Recherche */
174
175.page_plugins #principal,
176.page_recherche #principal { background-color: #eee; }
177.page_plugins #principal .cartouche .h1 { margin-bottom: 35px; }
178.page_plugins .paquets,
179.page_recherche .paquets { width: 70%; }
180.page_plugins .paquets .paquet,
181.page_recherche .paquets .paquet { margin-bottom: 50px; border-bottom: 1px dotted #ddd; padding-bottom: 1em; }
182.paquets .liens_tri { margin: 0 0 40px; font-size: 85%; }
183.paquets .liens_tri a,
184.paquets .liens_tri strong.on { padding: 4px; background: #e0e0e0; color: #666; text-decoration: none;
185        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
186.paquets .liens_tri a { background: transparent; }
187.paquets .liens_tri a:hover { background: #e0e0e0; }
188.paquets .liens_tri .sep { display: none; }
189.paquet .logo { float: right; padding: 5px 0 5px 20px; }
190.page_plugins .paquets .paquet .slogan,
191.page_recherche .paquets .paquet .slogan { margin-top: 20px; text-align: justify; color: #444; }
192.page_plugins .paquets .paquet .bloc_infos,
193.page_recherche .paquets .paquet .bloc_infos { margin-bottom: 15px; }
194.page_plugins .paquets .paquet .meta-publi,
195.page_recherche .paquets .paquet .meta-publi { text-align: right; }
196
197
198/* Page Sommaire */
199
200.page_sommaire #principal { background-color: #ddd; }
201.page_sommaire .cartouche .h1 { margin-left: -230px; }
202.page_sommaire .h2 { font-size: 118%; color: #666; }
203.page_sommaire .liste { font-size: 85%; color: #444; }
204.page_sommaire #principal #colonne_centrale .last { margin-right: 0; }
205.page_sommaire #selection { float: none; margin: 24px 0;  padding: 9px; overflow: hidden;
206        border: 2px solid #ccc; background: #f7f7f7 url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
207        -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius : 10px; }
208.page_sommaire #selection .h2 { margin: 0; }
209.page_sommaire #selection #titres_selection { float: left; width: 200px; margin-top: 15px; line-height: 1.4em; }
210.page_sommaire #selection #titres_selection a.lien-selection { display: block; width: 160px; padding: 2px 0 0 20px;
211        margin-top: 2px; text-decoration: none; color: #999; }
212.page_sommaire #selection #titres_selection a.lien-selection:hover { color: #444; }
213.page_sommaire #selection #titres_selection a.lien-selection-on { font-weight: bold; color: black;
214        background: url([(#CHEMIN{imgs/check-valid.gif})]) left 6px no-repeat; }
215.page_sommaire #selection #titres_selection a.lien-selection-on:hover { color: black; }
216.page_sommaire #selection #conteneur_selection { float: left; width: 440px; margin-top: 15px; line-height: 1.4em; overflow: hidden; }
217.page_sommaire #selection #conteneur_selection #slide_selection { width: 4400px; }
218.page_sommaire #selection #conteneur_selection .liste-items .item { float: left; clear: none; width: 440px; overflow: hidden; margin-bottom: 10px; font-size: 100%; }
219.page_sommaire #selection .liste-items .item .bloc_infos { margin-top: 10px; font-size: 90%; }
220.page_sommaire #selection .liste-items .item .bloc_infos dt { font-weight: bold; color: #666; }
221.page_sommaire #selection .liste-items .item .bloc_infos dd { margin: 0; }
222.page_sommaire #selection .liste-items .item .meta-publi { text-align: right; margin-top: 15px;;}
223.page_sommaire #selection .liste-items .item .meta-publi a { color: #e0e0e0; background: #999; margin-right: 0; }
224.page_sommaire #selection .liste-items .item .meta-publi a:hover { color: #666; background: #e0e0e0; }
225.page_sommaire .resume { width: 45%; float: left; margin-right: 52px; }
226.page_sommaire .resume .liste-items { margin-bottom: 50px; }
227.page_sommaire .resume .liste-items .item { overflow: hidden; border-bottom: 1px dotted #ababab; }
228.page_sommaire .resume .liste-items .item a { display: block; position: relative; padding: 0 5px 0 50px;
229        text-decoration: none; color: #444; }
230.page_sommaire .resume .liste-items .item a img.logo { position: absolute; left: 5px; top: 6px; padding: 4px;
231        background: #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;  }
232.page_sommaire .resume .liste-items .item a:hover img.logo { background: #f3f3f3; }
233.page_sommaire .resume .liste-items .item span { display: block; }
234.page_sommaire .resume .liste-items .item .titre { height: 1.45em; overflow: hidden; padding: 8px 0 0;
235        font-weight: bold; color: #666; }
236.page_sommaire .resume .pagination .lien_pagination:hover,
237.page_sommaire .resume .pagination .lien_pagination:active { border: 1px solid #a0a0a0; }
238.page_sommaire .resume .pagination .on { border-color: #ccc; background-color: #ccc; }
239
240/* Page Telechargements / Depots / Statistiques */
241
242.page_telechargements #colonne_centrale,
243.page_depots #colonne_centrale,
244.page_statistiques #colonne_centrale { color: #666; }
245.page_telechargements #colonne_centrale .h2 { margin-top: 50px; padding-right: 230px; }
246.page_telechargements #colonne_centrale .h3 { padding-right: 230px; }
247.page_telechargements #colonne_centrale .liste-items .item,
248.page_depots #colonne_centrale .liste-items .item { padding: 10px 0; border-bottom: 1px dotted #ccc; }
249.page_telechargements #colonne_centrale .liste-items .item { padding: 0; }
250.page_telechargements #colonne_centrale .liste-items .item .h4 { margin: 7px 0 0; font-size: 85%; }
251.page_depots #colonne_centrale .liste-items .item .paquet { margin-bottom: 5px; }
252.page_telechargements #colonne_centrale .liste-items .item .paquet { margin-bottom: 0; padding-left: 5px; }
253.page_telechargements #colonne_centrale .size1of20 { text-align: right; }
254#principal #colonne_centrale .texte { font-size: 90%; line-height: 160%; padding-right: 230px; }
255.depot { position: relative; font-size: 85%; float: none; }
256.depot .logo { float: left; padding: 0 10px 0 0; }
257
258/* Page Login */
259
260.page_login #principal { background-color: #ddd; }
261.page_login #principal #colonne_centrale { float: none; width: 400px; margin: 0 auto; }
262.page_login #principal #colonne_centrale #hierarchie { display: none; }
263.page_login #principal #colonne_centrale .cartouche { text-align: center; color: #666; }
264.page_login #principal #colonne_centrale .formulaire_menu_lang { margin: 10px 0; }
265.page_login #principal #colonne_centrale .formulaire_login { padding: 10px; background: #fff; border: 1px solid #aaa; }
266.page_login #principal #colonne_centrale .formulaire_login fieldset { border: 0; }
267.page_login #principal #colonne_centrale .formulaire_login ul { margin: 0; padding: 0; list-style: none; }
268.page_login #principal #colonne_centrale .formulaire_login .boutons { text-align: right; }
269
270/* Page Article */
271
272#principal #colonne_centrale .text_description { width: 440px; text-align: justify; font-family: arial, helvetica, sans-serif, sans; line-height: 1.4em; padding-top: 20px; }
273#principal #colonne_centrale .text_description p { padding: 0px; margin: 0px; text-indent: 1.4em; }
274#principal #colonne_centrale .text_description p:first-child { text-indent: 0px; }
275#principal #colonne_centrale .texte_article { text-align: justify; font-family: arial, helvetica, sans-serif, sans; font-size: 85%; line-height: 160%; padding-top: 50px; }
276#principal #colonne_centrale .texte_article .spip_documents { font-size: 90%; text-align: justify; }
277#principal #colonne_centrale .texte_article .spip_documents p { padding: 0px; }
278#principal #colonne_centrale .texte_article .spip_documents .spip_doc_titre { text-align: left; padding-top: 5px; }
279#principal #colonne_centrale .texte_article .spip_documents .spip_doc_descriptif { width: auto; }
280#principal #colonne_centrale .texte_article p { padding: 0px; margin: 0px; padding-top: 0.7em; padding-bottom: 0.7em; padding-right: 230px; }
281#principal #colonne_centrale .texte_article p .spip_documents_right { margin-right: -230px; padding-left: 30px; padding-bottom: 20px; }
282#principal #colonne_centrale .texte_article ul.spip { margin-right: 230px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; }
283#principal #colonne_centrale .texte_article ul.spip li { padding-top: 1em; }
284#principal #colonne_centrale .texte_article ul.spip li:first-child { padding-top: 0px; }
285#principal #colonne_centrale .texte_article ul.spip ul { margin-right: 0px; }
286#principal #colonne_centrale .texte_article h2 { display: none; }
287#principal #colonne_centrale .texte_article h3 { margin-right: 230px; padding-left: 30px; padding-right: 30px; font-family: arial, helvetica, sans-serif, sans; font-weight: bold; font-size: 120%; color: #444444; }
288#principal #colonne_centrale .texte_article table.spip { margin: 0.7em 230px 0.7em 0; }
289#principal #colonne_centrale .notes_article { margin-top: 30px; font-size: 80%; padding-left: 30px; padding-right: 230px; }
290#principal #colonne_centrale .notes_article .ouvre_note { display: block; float: left; margin-left: -30px; }
291
292/* intégrer un rien le formulaire_ecrire_auteur */
293
294.formulaire_ecrire_auteur fieldset {
295    margin-right: 280px;
296    border: none;
297}
298.formulaire_ecrire_auteur fieldset li {
299    list-style: none;
300    display: block;
301    left: -50px;
302    position: relative;
303}
304.formulaire_ecrire_auteur fieldset input {
305    clear: both;
306    display: block;
307    margin-bottom: 1em;
308}
Note: See TracBrowser for help on using the repository browser.