source: spip-zone/_squelettes_/sarkaspip3/css/elements.css.html @ 24535

Last change on this file since 24535 was 24535, checked in by sarkarchimed@…, 11 years ago

La nouvelle page brève est arrivée...
Reste les items de langues et le cfg à faire

  • Property svn:eol-style set to native
File size: 16.6 KB
Line 
1/* ELEMENTS.CSS                                                         */
2/* Cette feuille contient:                                              */
3/* - les styles de la partie centrale du site                           */
4/* -------------------------------------------------------------------- */
5
6/* Intitule (h1) de chaque page */
7.intitule_page {margin: 5px 0 30px; color: #808080; font-size: 2.4em; font-weight: bold;}
8
9/* Boutons de changements de look d'une page */
10.bouton_page a {display: block; float: right; margin: -5px 10px 0 0; padding: 0; border: 0; width: 24px; height: 24px;}
11.bouton_page a:hover {border: 1px solid #6262A4;}
12
13/* Styles generiques des pages de type plan
14   ----------------------------------------
15        - Plan de site
16        - Agenda annuel
17        - Galerie chronologique
18        - Breves
19        - Herbier
20*/
21.plan { margin-top: 30px;}
22.plan h2 {display: inline; font-weight: bold; margin: 0.5em 0 0; font-size: 1.9em; line-height: 1.4em;}
23.plan h2 a { padding-left:15px }
24.plan h2 a:hover {[background-image: url((#CHEMIN{images/puce0.jpg})); ]background-position: left center; background-repeat: no-repeat; text-decoration: none;}
25.plan .objet_date {color: #990000;}
26.plan ul { list-style-type: none; padding: 0 0 0 20px; margin: 0;}
27.plan li {line-height: 1.4em; padding-left:10px;}
28.plan a.objet_titre{color: #6262A4; padding: 0 0 0 10px; font-size: 1.1em;}
29.plan a.objet_titre:hover {[background-image: url((#CHEMIN{images/puce-n0.gif})); ]background-position: left center; background-repeat: no-repeat; text-decoration: underline;}
30/* Styles specifiques de la page Breves */
31.plan a.titre#breve{color: #808080;}
32/* Styles specifiques de la page Herbier */
33.plan hr {border: 0; border-top: 1px solid #6262A4; margin-left: 10px; margin-right: 10px;}
34.plan .description {color: #808080; font-size: 11px; margin-left: 20px; margin-top: 0;}
35.plan a img {float: right; margin-left: 10px; margin-right: 10px; border: 4px solid #F0F0FA;}
36.plan a:hover img {border-color: #6262A4;}
37.plan#herbier_panorama a img {float: left;      margin: 10px 10px; border: 4px solid #F0F0FA;}
38.plan#herbier_panorama a:hover img {border-color: #6262A4;}
39.bouton_page a#herbier_liste {[background: url((#CHEMIN{images/herbier_liste.gif})) no-repeat; ]float: right;}
40.bouton_page a#herbier_panorama {[background: url((#CHEMIN{images/herbier_panorama.gif})) no-repeat; ]float: right;}
41
42/* Styles generiques des pages de type rubrique et article
43   -------------------------------------------------------
44        - Rubrique
45        - Article
46        - Evenement
47        - Album
48*/
49.titre h1 {color: #6262A4; font-weight: bold; margin: 0 0 5px; border-bottom: 2px solid #6262A4; padding-bottom: 5px;}
50/* Styles des boutons de fonction des pages article, evenement, album... */
51a.fonction {display: block; float: right; width: 24px; height: 24px; margin-left: 10px;}
52#imprimer {[background-image: url((#CHEMIN{images/article_imprimer.gif})); ]background-repeat: no-repeat;}
53#commenter {[background-image: url((#CHEMIN{images/article_commenter.gif})); ]background-repeat: no-repeat;}
54#creer_pdf {[background-image: url((#CHEMIN{images/article_pdf.gif})); ]background-repeat: no-repeat;}
55#voir_commentaires {[background-image: url((#CHEMIN{images/article_commentaires.gif})); ]background-repeat: no-repeat;}
56a.fonction.repondre_commentaire {width: 16px; height: 16px; margin-right: 0;[ background-image: url((#CHEMIN{images/commentaire_repondre.gif})); ]background-repeat: no-repeat;}
57
58/* Styles generiques des cartouches pour article (inclus evenement, album) et forum */
59.cartouche {
60        color: #6262A4; font-weight: normal; font-size: 1.1em; line-height: 1.1em; text-align: right;
61        margin: 0 0 30px 10px; padding: 0; float: right;}
62
63/* Styles generiques des descriptions pour rubrique et article (inclus evenement, album) */
64.description {margin: 10px 0 30px; font-size: 1.2em; line-height: 1em;}
65
66.description li {margin-left: 10px;     line-height: 1.4em;}
67.description a {text-decoration: none;}
68.description a:hover {text-decoration: underline;}
69.description p {font-size: 1em;}
70
71.description .soustitre {float: left; color: #6262A4; line-height: 1em; font-size: 1.4em; font-weight: bold; font-style: italic; margin: 0; padding: 0;}
72.description .chapo {color: #6262A4; margin: 0 0 30px; font-style: italic;}
73.description .lien_site {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;}
74.description .ps {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;}
75.description .notes {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;}
76
77/* Styles generiques des portfolios: images et documents pour rubrique et article (inclus evenement, album) */
78.portfolio {clear: both; margin-bottom: 30px; padding-top: 2px;}
79.portfolio h2 {font-size: 1.9em; line-height: 1em; font-weight: bold; margin: 0 0 10px; color: #6262A4; border-bottom: 2px solid #6262A4; padding: 0 0 5px 20px;}
80#documents_joints.portfolio h2 {[background: url((#CHEMIN{images/portfolio_documents.gif})) top left no-repeat;]}
81#images_jointes.portfolio h2 {[background: url((#CHEMIN{images/portfolio_images.gif})) top left no-repeat;]}
82.portfolio a img {margin: 10px 10px; border: 4px solid #F0F0FA;}
83.portfolio a:hover img {border-color: #6262A4;}
84
85.portfolio dl {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]height: 11em; text-align: center; margin: 10px; float: left;}
86.portfolio dt {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]font-weight: bold;}
87.portfolio dt a img {border: 0;}
88.portfolio dd {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]margin: 0; padding: 0;}
89
90/* Styles de base specifiques a la rubrique */
91.rubrique {margin: 0; padding-bottom: 10px;}
92.rubrique .titre {}
93.rubrique .titre h1 {color: #990000; margin: 0 0 35px; border-color: #990000;}
94/* Styles de la description, specifiques de la page rubrique */
95      /*.rubrique .description a {color: #990000;}*/
96.rubrique .description .notes {border-color: #990000;}
97/* Styles du portfolio specifiques de la page rubrique */
98.rubrique .portfolio {}
99.rubrique .portfolio h2 {color: #990000; border-color: #990000;}
100.rubrique .portfolio a:hover img {border-color: #990000;}
101.rubrique .portfolio dt a:hover img {border: 0;}
102
103/* Styles de base specifiques des pages article, evenement, album... */
104.article {margin: 0; padding-bottom: 10px;}
105.article .titre {}
106.article .titre h1 {}
107/* Styles de la description, specifiques aux pages article */
108      /*.article .description a {color: #6262A4;}*/
109.article .description .notes {}
110/* Styles du portfolio specifiques des pages article, evenement, album... */
111.article .portfolio {}
112.article .portfolio h2 {}
113
114#edito.article {border: 2px solid #808080; background-color: #EEEEEE; margin: 0 0 30px; padding: 5px 10px; text-align: justify;}
115#edito.article .titre, #edito.article .surtitre, #edito.article .soustitre {color: #6262A4}
116#edito.article .titre h1 {border: 0}
117/*
118#edito.article .image .spip_logos {float: right;}
119*/
120#edito.article a.fonction {display: none; }
121#edito.article .cartouche {color: #000000; font-size: 1.2em}
122
123#evenement.article .cartouche {text-align: left; font-size: 1.2em; float: left; margin: 0 10px 30px 0;}
124
125/* Hack IE6 : sur-titre, titre, sous-titre de l'article invisible */
126* html .article, * html #edito.article,
127* html .article .titre, * html #edito.article .titre,
128* html .article .soustitre, * html #edito.article .soustitre {height : 1px;}
129 
130/* Hack IE7 : sur-titre, titre, sous-titre de l'article invisible */
131*+html .article, *+html #edito.article,
132*+html .article .titre, *+html #edito.article .titre,
133*+html .article .soustitre, *+html #edito.article .soustitre {height : 1px;} 
134
135.auteur {margin: 0; padding-bottom: 10px;}
136
137.breve {margin: 0; padding-bottom: 10px;}
138.breve .titre {}
139.breve .titre h1 {color: #990000; border-color: #990000;}
140/* Styles de la description, specifiques aux pages article */
141      /*.article .description a {color: #6262A4;}*/
142.breve .description .notes {}
143/* Styles du portfolio specifiques des pages article, evenement, album... */
144.breve .portfolio {}
145.breve .portfolio h2 {}
146
147/* Syles des commentaires de l'article */
148.commentaires {padding: 0 0 10px 0; margin: 0 0 30px 0;}
149.commentaires h2 {[background: url((#CHEMIN{images/commentaires.gif})) top left no-repeat;]
150        font-size: 1.9em; line-height: 1.2em; font-weight: bold; color: #6262A4; border-bottom: 2px solid #6262A4; padding: 0 0 5px 20px; margin: 0;}
151.commentaires .message {border-top: 1px dotted #6262A4; margin: 0; padding: 10px 0 10px;}
152.commentaires .message:hover {background: #f0f0fa;}
153.commentaires #n1.message {border-top: 0; padding: 20px 0 10px;}
154.commentaires .message .gravatar{float:left}
155.commentaires .message .cartouche_simple{margin-left: 50px; font-size: 1.1em; color: #6262A4;}
156.commentaires .message .texte{margin-left : 50px; padding-top: 5px;font-size:1.2em;}
157
158/* Styles des extraits d'articles */
159#articles_recents.portfolio h2,
160#article_commentaire.portfolio h2,
161#articles_rubrique.portfolio h2 {color: #6262A4; border-bottom: 2px solid #6262A4; padding: 0 0 5px 20px;
162        [background: url((#CHEMIN{images/liste_articles.gif})) top left no-repeat;]}
163.extrait {background: #FFFFFF; margin: 0 0 20px;        padding: 0 0 10px 15px; border-left: 5px solid #6262A4; border-bottom: 1px solid #6262A4;}
164.extrait .cartouche {}
165.extrait .complements {color: #990000;  font-weight: normal; margin: 10px 0 5px; font-size: 1.1em;}
166.extrait h3 a.titre {
167        display: block; padding-top: 5px; margin: 0;
168        color: #6262A4; font-size: 1.6em; font-weight: bold; line-height:1em; text-decoration: none;}
169.extrait h3 a.titre:hover {text-decoration: underline;}
170.extrait .introduction {margin: 10px 0 0; font-size:1.2em; line-height : 1.4em;}
171.extrait .lire_suite {text-align: left; margin: 10px 0 0; font-size: 1.1em;}
172.extrait .lire_suite a {padding: 0 0 5px 20px;[ background: url((#CHEMIN{images/lire_suite.gif})) left center no-repeat;]}
173      /*.extrait a {color: #990000;     text-decoration: none;}
174        .extrait a:hover {text-decoration: underline;}*/
175/*
176.extrait .image .spip_logos {float: left; margin-top: 0;}
177*/
178
179/* Styles generiques des autres pages
180   ----------------------------------
181        - Galerie
182*/
183.galerie_planche       {}
184.galerie_planche ul {margin : 0; padding : 0;list-style-type:none;}
185.galerie_planche li {width: 45% ;float : left; border-bottom:2px dotted #808080;margin-bottom : 20px; padding-bottom : 20px;}
186.galerie_planche li.modulo1 {margin-right: 30px;}
187.galerie_planche li.modulo0 {margin-right: 0;}
188.galerie_planche h2 {font-weight:bold; font-size : 1.2em; margin-bottom : 5px;}
189.galerie_planche .logo {float : right;}
190.galerie_planche .logo a {color: #FFFFFF;text-align:right;}
191.galerie_planche .logo a img {float:right; border : 1px solid #FFFFFF;margin-bottom: 5px}
192.galerie_planche .logo a .loupe {clear : both; display : block; [background: transparent url((#CHEMIN{images/loupe.gif}))no-repeat scroll right bottom; ]padding-right:17px; height: 14px}
193.galerie_planche .logo a:hover {color: #808080; text-decoration: none;}
194.galerie_planche .logo a:hover img {border : 1px solid #808080;}
195.galerie_planche introduction {margin: 0;}
196
197/* Styles generiques des messages d'erreur
198   -------------------------------------------------------
199        - Avertissement
200        - Information
201        - Erreur
202*/
203.message_erreur { margin-top: 30px;     font-size: 1.2em; font-weight: bold; color: red;}
204
205/* FIN DES STYLES REVUS */
206
207
208/* Styles des petitions de l'article */
209* html #signer_petition.petition {padding-bottom: 30px;}
210#articles-freres.petition {background: #EEEEEE; }
211
212/*
213.sommaire {margin: 0; width: 100%;}
214*/
215
216
217/*
218.derniers-articles {
219          background: #FFFFFF;
220        margin: 0 0 20px;
221        padding: 0 0 10px 0;
222       
223}
224*/
225
226
227#visualisation .detail {
228        border-bottom: 1px solid #FFFFFF;
229        border-left: 1px solid #FFFFFF;
230        padding: 1px;
231        background: #6262A4;
232        color: #FFFFFF;
233        font-size: 1.2em;
234        font-weight:normal;
235        line-height:1em;
236}
237
238/*
239.en-tete {
240        font-weight: bold;
241        margin: 0 10px 10px 0;
242        padding-top:10px;
243}
244*/
245/*
246#articles_recents, #article_rubrique, #articles_auteur, #reponse_suite_article {
247        padding-left:10px;
248        padding-bottom:1px;
249        padding-top:1px;
250        margin-right:0;
251        background-color: #6262A4;
252        font-size : 2em;
253        line-height:1.4em;
254        }
255*/
256/*#article_rubrique {
257        padding-top: 0 ;
258        padding-left:10px}*/
259#forum {
260        color: #990000;
261        font-size: 1.9em;
262        font-weight: bold;
263        margin: 0 0 5px 0;
264}
265#docu_rubrique {color: #990000;}
266#img_rubrique{color: #990000;}
267
268/* content --> documents joints (aux articles et aux rubriques) */
269#content .doc {
270        padding: 10px;
271        color: #990000;
272        background: #FFFFFF;
273        margin: 0;
274}
275
276#content .doc .spip_logos {
277        margin: 5px 0 0 0;
278        border:0;
279}
280
281#content .doc a {
282        display:block;
283        margin: 0 0 5px 0;
284}
285
286/* content --> images jointes (aux articles et aux rubriques) */
287#content .doc .vignette {
288        font-size: 1em;
289        margin: 10px;
290        padding: 10px 0 10px 0;
291        border:0;
292}
293
294#content .doc ul {
295        list-style-type: none;
296        padding: 0;
297        margin: 0;
298        color: #000000;
299}
300
301/* mise en forme du formulaire de petition */  /*Mise en forme utilisée aussi pour "les articles dans la meme rubrique" */
302/*.petition {
303        border: 2px solid #6262A4;
304        padding: 10px;
305        margin: 0 0 10px 0;
306}
307#signer_petition{font-size:1.2em;}
308
309.petition .en-tete {
310        color: #6262A4;
311        font-size: 1.9em;
312        margin: 0 0 5px 0;
313}
314*/
315
316#articles-freres { background: #EEEEEE; }
317#articles-freres .en-tete{font-weight: normal ;}
318#articles-freres ol {color: #6262A4;font-size:1.3em;line-height:1em;}
319#articles-freres .frere a {  /* lien vers les articles frères sauf l'article en cours */
320        color: #6262A4;
321        font-weight: bold;
322}
323#articles-freres .frere a:hover {text-decoration: underline;}
324#articles-freres .frere .date { color: #990000;}
325#articles-freres .en-cours { /* affichage du titre de l'article en cours (sans lien) */
326        color: #808080;
327}
328*/
329
330#signatures {
331        background: #EEEEEE;
332}
333
334#signatures td {
335        border: 1px solid #6262A4;
336        margin: 0;
337        padding: 2px 5px 2px 5px;
338        empty-cells: hide;
339        font-size: 1.2em;
340        line-height:1.1em;
341}
342#signatures thead {
343        background: #6262A4;
344        font-weight: bold;
345        color: #FFFFFF;
346}
347
348/* ~~~~~~~~~~~~ forum ~~~~~~~~~~~~ */
349.forum {
350        border: none;
351        padding: 0;
352        margin: 0;
353        /*font-size: 100%;*/
354}
355.forum a.article-forum {
356        font-size: 1.4em;
357        font-weight: bold;
358}
359
360.forum_fils {margin-left : 20px;}
361
362/*.visualisation {
363        border: 1px solid #6262A4;
364        margin: 10px 0 0 0;
365}
366.visualisation .titre {
367        border-bottom: 1px solid #FFFFFF;
368        font-size: 1.5em;
369        line-height: 1.2em;
370        font-weight: bold;
371        text-align: left;
372        color: #FFFFFF;
373        padding: 2px 10px 2px 10px;
374        background: #6262A4;
375}
376.visualisation .texte {padding: 10px;font-size:1.3em;}*/
377
378
379
380
381/* ~~~~~~~~~~~~ galerie/albums ~~~~~~~~~~~~ */
382/*.galerie {
383        font-size: 24px;*/                                                      /* ?????????   A VERIFIER*/
384/*      margin: 0;
385}
386.galerie-album .galerie-album{
387        font-size: 12px;
388        padding: 0 0 10px 0;
389        border-top: 2px solid #6262A4;
390}*/
391#planche.galerie-album  {min-height: 500px; _height: 220px;}
392* html #planche.galerie-album, *+html #planche.galerie-album  {height: 220px;}
393
394.galerie-album  .vignette {
395        display: block;
396        float: left;
397        width: 220px;
398}
399.galerie-album  .vignette .spip_logos {
400        padding: 10px;
401        display: block;
402        background: #EEEEEE;
403        border-left: 2px solid #6262A4;
404        border-right: 2px solid #6262A4;
405        border-bottom: 2px solid #6262A4;
406}
407.galerie-album   a.titre {
408        display: block;
409        color: #6262A4;
410        /*font-size: 130%;*/
411        font-weight: bold;
412        margin: 0 10px 0 10px;
413        text-decoration: none;
414        padding-top: 5px;
415}
416
417.galerie-album   a.titre:hover {
418        text-decoration: underline;
419}
420.galerie-album .introduction {
421        color: #000000;
422        margin: 10px 10px 0 10px;
423}
424.galerie-album .texte {
425        display: block;
426        float: left;
427        margin: 10px;
428}
429.galerie-album a.suite {
430        text-align: right;
431        display: block;
432        padding-right : 25px;
433}
434
435/* ~~~~~~~~~~~~ album ~~~~~~~~~~~~ */
436.album_menu a:hover {text-decoration: none !important;}
437
438.album_menu {
439        margin-top:25px;
440        padding-top:10px;
441        padding-bottom:10px;
442        border-top:2px #6262A4 solid;
443        width:100%;
444        color: #6262A4;
445        font-family: Courier, monospace;
446}
447
448.album_vignette {
449        width: 100%;
450        text-align: center;
451}
452
453.album_vignette a:hover {text-decoration: none !important;}
454
455* html .album_vignette a.image-vignette, *+html .album_vignette a.image-vignette {/*hack pour ie : permet de creer le fond bleu des vignettes et l'espacement entre elles*/
456        background-color: #E0E0E0;
457        padding: 0;
458        margin: 5px;
459        height: 100px;
460}
461/*style valable pour ff, equivalent au style precedent pour ie*/
462
463.album_vignette table{
464        text-align: center;
465        margin : auto;
466}
467
468.album_vignette TD{
469        background-color: #E0E0E0;
470        height : 130px ;
471        width : 130px;
472        padding : 5px;
473        margin :0;
474}
475
476/* ~~~~~~~~~~~~ auteur ~~~~~~~~~~~~ */
477.auteur {}
478
479.indentation {padding-left: 30px;}
480.redimensionnement {/*font-size: 11px;*/}
481
482/* ~~~~~~~~~~~~ Recherche ~~~~~~~~~~~~ */
483.elements-trouves {
484        color: #990000;
485        /*font-size: 150%;*/
486        font-weight: bold;
487        margin: 0 0 15px 0;
488        padding: 0;
489        text-margin: 0; padding-bottom: 10px;}decoration: underline;
490}
491
Note: See TracBrowser for help on using the repository browser.