source: spip-zone/_squelettes_/sarkaspip/stable_30/css/elements.css.html @ 48926

Last change on this file since 48926 was 48926, checked in by eric@…, 10 years ago

Premier jet d'une présentation hiérarchique des commentaires d'article proposée par Philippe.
Configuration de la présentation hiérarchique ou continue.
On en profite pour rajouter le sens de tri et le lien auteur pour les deux présentations.
Reste à finaliser l'album et le post.

  • Property svn:eol-style set to native
File size: 22.9 KB
Line 
1/* ELEMENTS.CSS                                                         */
2/* Cette feuille contient:                                              */
3/* - les styles de la partie centrale du site                           */
4/* -------------------------------------------------------------------- */
5
6/* -------------------------------------------------------------------- */
7/*      Styles des titres de page                                           */
8/* -------------------------------------------------------------------- */
9/* Titre generique */
10.titre h1 {font-weight: bold; margin: 0 0 5px; padding-bottom: 5px;
11        color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};
12        border-bottom: 2px solid #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
13       
14/* Boutons de fonction positionnes a droite du titre */
15a.fonction {display: block; float: right; width: 24px; height: 24px; margin-left: 10px;}
16a.fonction.repondre_commentaire {width: 16px; height: 16px; margin-right: 0;[ background-image: url((#CHEMIN{images/commentaire_repondre.gif})); ]background-repeat: no-repeat;}
17#commenter {[background-image: url((#CHEMIN{images/article_commenter.gif})); ]background-repeat: no-repeat;}
18#signer {[background-image: url((#CHEMIN{images/article_commenter.gif})); ]background-repeat: no-repeat;}
19#creer_pdf {[background-image: url((#CHEMIN{images/article_pdf.gif})); ]background-repeat: no-repeat;}
20#voir_commentaires {[background-image: url((#CHEMIN{images/article_commentaires.gif})); ]background-repeat: no-repeat;}
21#voir_signatures {[background-image: url((#CHEMIN{images/article_signatures.gif})); ]background-repeat: no-repeat;}
22#recommander {[background-image: url((#CHEMIN{images/article_recommander.gif})); ]background-repeat: no-repeat;}
23a.fonction.revenir_haut_page {[background-image: url((#CHEMIN{images/arrow_to_top.gif})); ]background-repeat: no-repeat;}
24
25/* -------------------------------------------------------------------- */
26/*      Styles du cartouche (auteurs, date, popularite, notation)           */
27/* -------------------------------------------------------------------- */
28.cartouche { font-weight: normal; font-size: 1.1em; line-height: 1.1em; text-align: right; margin: 0 0 30px 10px; padding: 0; float: right;
29        color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
30.complements {font-weight: normal; margin: 10px 0 5px; font-size: 1.1em;}
31
32/* -------------------------------------------------------------------- */
33/*      Styles de la description (champs editoriaux)                        */
34/* -------------------------------------------------------------------- */
35/* Styles generiques */
36.description {margin: 10px 0 30px; font-size: 1.2em; line-height: 1em;}
37.description li {margin-left: 10px;     line-height: 1.4em;}
38.description p {font-size: 1em;}
39.description .soustitre {float: none; line-height: 1em; font-size: 1.4em; font-weight: bold; font-style: italic; margin: 0; padding: 0;
40         color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
41.description .chapo {margin: 0 0 30px; font-style: italic; color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
42.description .texte {}
43.description .lien_site {margin: 10px 0 20px; padding-top: 10px; font-size: 1em;
44        border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
45.description .ps {margin: 10px 0 20px; padding-top: 10px; font-size: 1em;
46        border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
47.description .notes {margin: 10px 0 20px; padding-top: 10px; font-size: 1em;
48        border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
49.description .filles {margin: 10px 0 20px; padding-top: 10px; font-size: 1em;
50        border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
51.description .filles a {padding: 0 0 0 15px; [background: transparent url((#CHEMIN{images/puce0.jpg})) left center no-repeat; ]text-decoration: none;}
52.description .filles a:hover {[background: transparent url((#CHEMIN{images/puce1.jpg})) left center no-repeat; ];text-decoration: none;}
53
54/* -------------------------------------------------------------------- */
55/*      Styles des messages d'avertissement                                 */
56/* -------------------------------------------------------------------- */
57.avertissement {margin-top: 20px; padding: 10px; background: #f0d0d0; border: 1px solid red; font-size: 1.2em;}
58.formulaire_spip .avertissement {margin: 0 0 20px 0; padding: 10px; background: #f0d0d0; border: 1px solid red; font-size: 1em;}
59
60/* -------------------------------------------------------------------- */
61/*      Styles des blocs type portfolio (images, documents joints, breves)  */
62/* -------------------------------------------------------------------- */
63/* Styles generiques */
64.portfolio {clear: both; margin-bottom: 30px; padding-top: 2px;width:100%;}
65.portfolio h2 {font-size: 1.9em; line-height: 1em; font-weight: bold; margin: 0 0 10px; padding: 0 0 5px 20px;
66        color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};
67        border-bottom: 2px solid #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
68       
69/* Portfolio des images jointes */
70.portfolio a img {margin: 10px 10px; border: 4px solid #CONFIG{sarkaspip_styles/ca_portfolio, #eeeeee};}
71.portfolio a:hover img {border-color: #CONFIG{sarkaspip_styles/ch_portfolio, #6262a4};}
72
73/* Portfolio des documents jointes */
74.portfolio dl {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]height: 11em; text-align: center; margin: 10px; float: left;}
75.portfolio dt {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]font-weight: bold;}
76.portfolio dt a img {border: 0;}
77.portfolio dt a:hover img {border: 0;}
78.portfolio dd {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]margin: 0; padding: 0;}
79
80/* -------------------------------------------------------------------- */
81/*      Styles des blocs de type commentaires                               */
82/* -------------------------------------------------------------------- */
83/* Styles generiques de la presentation continue */
84.commentaires {padding: 0 0 10px 0; margin: 0 0 30px 0; clear: both;}
85.commentaires h2 {font-size: 1.9em; line-height: 1.2em; font-weight: bold; padding: 0 0 5px 20px; margin: 0;
86        [background: url((#CHEMIN{images/commentaires.gif})) top left no-repeat;]
87        color: #CONFIG{sarkaspip_styles/fg_commentaire, #6262a4};
88        border-bottom: 2px solid #CONFIG{sarkaspip_styles/fg_commentaire, #6262a4};}
89.commentaires h2.date {margin-top:30px; padding: 0 0 5px 20px;[background: url((#CHEMIN{images/liste_syndics.gif})) top left no-repeat;]}
90.commentaires .message {margin: 0; padding: 10px 0 10px;
91        background: #CONFIG{sarkaspip_styles/bg_commentaire, transparent}[ url((#CHEMIN{images/bg_commentaire#CONFIG{sarkaspip_styles/bi_extension_commentaire, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_commentaire})];
92        border-top: 1px dotted #CONFIG{sarkaspip_styles/ca_commentaire, #6262a4};}
93.commentaires .message:hover {background: #CONFIG{sarkaspip_styles/hb_commentaire, #f0f0fa};}
94.commentaires #co_n1.message,.commentaires .co_n1 {border-top: 0; padding: 20px 0 10px;}
95.commentaires .message .titre {font-size: 1.2em; font-weight:bold; margin:0 0 10px 50px;}
96.commentaires .message .gravatar {float:left}
97.commentaires .message .cartouche_simple {margin-left: 50px; font-size: 1.1em;
98        color: #CONFIG{sarkaspip_styles/fg_commentaire, #6262a4};}
99.commentaires .message .texte{margin-left : 50px; padding-top: 5px;font-size:1.2em;line-height:1.1em;}
100.commentaires .message .texte ul li{border-top:none;}
101.commentaires ul { line-height: 1.1em;}
102.commentaires ul#exif {width:50%;margin : 0 auto;text-align:center;border:1px dotted;}
103.commentaires li {padding:10px 0; height:auto; border-top: 1px dotted #CONFIG{sarkaspip_styles/ca_commentaire, #6262a4};}
104.commentaires li:hover {background: #CONFIG{sarkaspip_styles/hb_commentaire, #f0f0fa};}
105.commentaires a.titre{padding-top: 5px; margin: 0; font-size: 1.3em; font-weight: bold; line-height:1em; text-decoration: none;
106        color: #CONFIG{sarkaspip_styles/fg_commentaire, #6262a4};}
107.commentaires li .cartouche{margin : 0 0 10px 10px; font-size: 1.1em;}
108.commentaires li .complements{font-size: 1.1em;}
109
110/* Styles specifiques de la presentation hierarchique par fils */
111.commentaires .message .cartouche_simple .titre {margin-left: 0;}
112.commentaires .message.fil {padding-left: 50px;}
113
114/* -------------------------------------------------------------------- */
115/*      Styles des blocs de type extraits                                   */
116/* -------------------------------------------------------------------- */
117.extrait {margin: 0 0 20px;     padding: 0 0 10px 15px;
118        background: #CONFIG{sarkaspip_styles/bg_extrait, transparent}[ url((#CHEMIN{images/bg_extrait#CONFIG{sarkaspip_styles/bi_extension_extrait, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_extrait})];
119        border-left: 5px solid #CONFIG{sarkaspip_styles/ca_extrait, #6262a4};
120        border-bottom: 1px solid #CONFIG{sarkaspip_styles/ca_extrait, #6262a4};}
121.extrait h3 a.titre {display: block; padding-top: 5px; margin: 0; font-size: 1.6em; font-weight: bold; line-height:1em; text-decoration: none;
122        color: #CONFIG{sarkaspip_styles/fg_extrait, #6262a4};}
123.extrait h3 a.titre:hover {color: #CONFIG{sarkaspip_styles/ho_extrait, #6262a4}; text-decoration: #CONFIG{sarkaspip_styles/td_extrait, underline};}
124.extrait .cartouche {color: #CONFIG{sarkaspip_styles/fg_extrait, #6262a4};}
125.extrait .lire_suite {text-align: left; margin: 10px 0 0; font-size: 1.1em;}
126.extrait .cartouche a, .extrait .complements a  {color: #CONFIG{sarkaspip_styles/fg_extrait_lien, #990000}; text-decoration: none;}
127.extrait .lire_suite a {padding: 0 0 5px 20px;[ background: url((#CHEMIN{images/lire_suite.gif})) left center no-repeat;]
128        color: #CONFIG{sarkaspip_styles/fg_extrait_lien, #990000}; text-decoration: none;}
129.extrait .cartouche a:hover, .extrait .complements a:hover, .extrait .lire_suite a:hover {
130        color: #CONFIG{sarkaspip_styles/ho_extrait_lien, #990000}; text-decoration: #CONFIG{sarkaspip_styles/td_extrait_lien, underline};}
131.extrait .introduction {margin: 10px 0 0; font-size:1.2em; line-height : 1.4em;}
132
133/* -------------------------------------------------------------------- */
134/*      Styles des blocs de type arbre (plan, agenda)                       */
135/* -------------------------------------------------------------------- */
136.arbre {margin: 0; padding-bottom: 10px;}
137.arbre ul { list-style-type: none; padding: 0; margin: 0; font-size: 1em; line-height: 1em;}
138.arbre ul li {font-weight: bold; padding: 5px 10px 10px; margin: 0 0 15px;
139        border: 2px solid #CONFIG{sarkaspip_styles/ca_arbre, #888888};
140        background: #CONFIG{sarkaspip_styles/bg_arbre, #eeeeee}[ url((#CHEMIN{images/bg_arbre#CONFIG{sarkaspip_styles/bi_extension_arbre, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_arbre})];}
141.arbre ul li li {padding: 0 0 0 15px; margin: 0; border: 0; background: none;}
142.arbre ul li li li {padding: 0 0 0 15px; margin: 0; border: 0; background: none;}
143.arbre .noeud {padding: 5px 0 5px 15px; font-size: 1.5em; line-height: 1.4em; text-decoration: none;
144        color: #CONFIG{sarkaspip_styles/fg_arbre_noeud, #888888};}
145.arbre a.noeud:hover {[background-image: url((#CHEMIN{images/puce0.jpg})); ]background-position: left center; background-repeat: no-repeat;
146        color: #CONFIG{sarkaspip_styles/ho_arbre_noeud, #888888};
147        text-decoration: #CONFIG{sarkaspip_styles/td_arbre_noeud, none};}
148.arbre a.feuille {padding: 0 0 0 15px; font-size: 1.1em; font-weight: normal; line-height: 1.2em;
149        color: #CONFIG{sarkaspip_styles/fg_arbre_feuille, #6262a4};}
150.arbre a.feuille:hover {[background-image: url((#CHEMIN{images/puce-n0.gif})); ]background-position: left center; background-repeat: no-repeat;
151        color: #CONFIG{sarkaspip_styles/ho_arbre_feuille, #888888};
152        text-decoration: #CONFIG{sarkaspip_styles/td_arbre_feuille, underline};}
153.arbre a.feuille .date {}
154
155/* -------------------------------------------------------------------- */
156/*      Styles des blocs de type planches                                   */
157/* -------------------------------------------------------------------- */
158.planche {margin-top: 30px;}
159.planche h2 {font-size: 1.9em; line-height: 1em; font-weight: bold; margin: 0 0 10px; padding: 0 0 5px 20px;
160        color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};
161        border-bottom: 2px solid #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
162.planche ul {margin: 0; padding: 0; list-style-type: none;}
163.planche li {width: 45%; min-height: 18em; float: left; margin: 0 0 20px; padding: 10px 0;
164        background: #CONFIG{sarkaspip_styles/bg_planche, transparent}[ url((#CHEMIN{images/bg_planche#CONFIG{sarkaspip_styles/bi_extension_planche, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_planche})];
165        border-top: 1px dotted #CONFIG{sarkaspip_styles/ca_planche, #6262a4};}
166.planche li.n1 {border-top: 0;}
167.planche li.gauche {margin-right: 20px;}
168.planche li.droite {margin-left: 20px; float: right;}
169.planche h3 a.titre {display: block; padding-top: 5px; margin: 0; font-size: 1.6em; font-weight: bold; line-height:1em; text-decoration: none;
170        color: #CONFIG{sarkaspip_styles/fg_planche, #6262a4};}
171.planche h3 a.titre:hover {color: #CONFIG{sarkaspip_styles/ho_planche, #6262a4}; text-decoration: #CONFIG{sarkaspip_styles/td_planche, underline};}
172.planche .complements {font-weight: normal; margin: 10px 0 5px; font-size: 1.1em;}
173.planche .cartouche {text-align: left; margin: 0; float: none;}
174.planche .cartouche a, .planche .complements a  {color: #CONFIG{sarkaspip_styles/fg_planche_lien, #990000}; text-decoration: none;}
175.planche .cartouche a:hover, .planche .complements a:hover {
176        color: #CONFIG{sarkaspip_styles/ho_planche_lien, #990000}; text-decoration: #CONFIG{sarkaspip_styles/td_planche_lien, underline};}
177.planche a img {float:right; margin: 0 0 5px 5px; border: 4px solid  #CONFIG{sarkaspip_styles/ca_planche_logo, #eeeeee};}
178.planche a:hover img {border: 4px solid #CONFIG{sarkaspip_styles/ch_planche_logo, #6262a4};}
179.planche .introduction {margin: 10px 0 0;font-size:1.2em;line-height:1.4em;}
180
181/* -------------------------------------------------------------------- */
182/*      Styles specifiques a chaque page                                    */
183/* -------------------------------------------------------------------- */
184/* Style specifique a la notation (plugin Notation) */
185.description .plugin {margin: 10px 0 0; padding-top: 10px; font-size: 1em; line-height: 1.6em;
186        border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4};
187        color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
188.description .notation div.star-rating a {border: 0; text-align: left;}
189.description .notation .note { color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
190
191/* Style specifique aux bookmarks sur les reseaux sociaux (plugin Social Tags) */
192.description .socialtags {margin: 0; padding: 0;}
193
194/* Titres de blocs */
195#images_jointes.portfolio h2 {[background: url((#CHEMIN{images/portfolio_images.gif})) top left no-repeat;]}
196#documents_joints.portfolio h2 {[background: url((#CHEMIN{images/portfolio_documents.gif})) top left no-repeat;]}
197#articles_recents.portfolio h2,
198#article_commentaire.portfolio h2,
199#articles_auteur.portfolio h2,
200#articles_rubrique.portfolio h2 {[background: url((#CHEMIN{images/liste_articles.gif})) top left no-repeat;]}
201#breves_site.commentaires h2 {[background: url((#CHEMIN{images/liste_breves.gif})) top left no-repeat;]}
202#sites_site.portfolio h2 {[background: url((#CHEMIN{images/liste_sites.gif})) top left no-repeat;]}
203.portfolio h2.jalon {[background: url((#CHEMIN{images/liste_tickets.gif})) top left no-repeat;]}
204
205/* Page rubrique */
206.rubrique {margin: 0; padding-bottom: 10px;}
207.rubrique .titre {}
208.rubrique .titre h1 {margin: 0 0 35px;}
209
210/* Page article */
211.article {margin: 0; padding-bottom: 10px;}
212.article .cartouche {font-size: 0.92em}
213
214/* -- Styles des petitions de l'article */
215#signatures.commentaires h2 {[background: url((#CHEMIN{images/liste_signatures.gif})) top left no-repeat;]}
216#signatures.commentaires table{width: 100%; margin-top: 10px; font-size: 1.2em;}
217
218/* Page sommaire */
219/* -- Edito et une */
220#edito.article, #une.article {margin: 0 0 30px; padding: 5px 10px; text-align: justify;}
221#edito.article {
222        border: 2px solid #CONFIG{sarkaspip_styles/ca_edito, #808080};
223        background: #CONFIG{sarkaspip_styles/bg_edito, #eeeeee}[ url((#CHEMIN{images/bg_edito#CONFIG{sarkaspip_styles/bi_extension_edito, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_edito})];}
224#une.article {
225        border: 2px solid #CONFIG{sarkaspip_styles/ca_une, #808080};
226        background: #CONFIG{sarkaspip_styles/bg_une, #eeeeee}[ url((#CHEMIN{images/bg_une#CONFIG{sarkaspip_styles/bi_extension_une, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_une})];}
227#edito.article .titre, #edito.article .soustitre, #une.article .titre, #une.article .soustitre {}
228#edito.article .titre h1, #une.article .titre h1 {border: 0;}
229#edito.article a.fonction, #une.article a.fonction {display: none;}
230#edito.article .cartouche, #une.article .cartouche {font-size: 1.2em}
231#une.article .complements {font-size: 0.91em; margin-bottom: 10px;}
232
233/* -- Albums recents */
234#albums_recents.planche h2,
235#albums_auteur.planche h2 {[background: url((#CHEMIN{images/liste_albums.gif})) top left no-repeat;]}
236#albums_recents.planche li,
237#albums_auteur.planche li {
238        [(#CONFIG{sarkaspip_sommaire/album_1_colonne, 0}|non)min-height: 18em;]
239        [(#CONFIG{sarkaspip_sommaire/album_1_colonne, 0}|oui)width: 100%;]}
240
241/* Page evenement */
242#evenement.article .cartouche {text-align: left; float: left; margin: 0 10px 30px 0;}
243
244/* Page auteur */
245.auteur {margin: 0; padding-bottom: 10px;}
246#albums_auteur.planche li {[(#CONFIG{sarkaspip_auteur/album_1_colonne, 0}|oui)width: 100%;]}
247
248/* Page site */
249.site {margin: 0; padding-bottom: 10px;}
250
251/* -- Thumbshot du site */
252.site a img {margin: 0 0 10px 10px; border: 4px solid #CONFIG{sarkaspip_styles/ca_planche_logo, #eeeeee};}
253.site a:hover img{border-color: #CONFIG{sarkaspip_styles/ch_planche_logo, #6262a4};}
254
255/* -- Liste des articles syndiques */
256#articles_syndiques.commentaires h2 {[background: url((#CHEMIN{images/liste_syndics.gif})) top left no-repeat;]}
257#articles_syndiques.commentaires .titre {margin: 0;}
258#articles_syndiques.commentaires .texte{margin: 5px 0 0;}
259.site .description li {margin-left: 0; margin-bottom: 10px;}
260.site .description li:hover {background:#CONFIG{sarkaspip_styles/hb_commentaire, #f0f0fa};}
261
262/* Page galerie */
263.galerie {margin: 0; padding-bottom: 10px;width:100%;}
264.galerie .planche li {[(#CONFIG{sarkaspip_galerie/album_1_colonne, 0}|oui)width: 100%; min-height: 0;]}
265
266/* Page Herbier */
267.herbier {margin: 0; padding-bottom: 10px;width:100%;}
268.herbier .planche li {width: 100%; min-height: 0;}
269
270/* Page Recherche */
271.recherche {margin: 0; padding-bottom: 10px; width:100%;}
272#recherche_rubrique.commentaires h2 {margin:0; [background: url((#CHEMIN{images/portfolio_documents.gif})) top left no-repeat;]}
273#recherche_mot_article.commentaires h2 {margin:0; [background: url((#CHEMIN{images/liste_breves.gif})) top left no-repeat;]}
274#recherche_breve.commentaires h2 {margin:0; [background: url((#CHEMIN{images/liste_breves.gif})) top left no-repeat;]}
275#recherche_site.commentaires h2 {margin:0; [background: url((#CHEMIN{images/liste_sites.gif})) top left no-repeat;]}
276#recherche_commentaire.commentaires h2 {margin:0; [background: url((#CHEMIN{images/commentaires.gif})) top left no-repeat;]}
277#recherche_article.commentaires h2 {margin:0; [background: url((#CHEMIN{images/liste_articles.gif})) top left no-repeat;]}
278#recherche_album.commentaires h2 {margin:0; [background: url((#CHEMIN{images/portfolio_images.gif})) top left no-repeat;]}
279#recherche_evenement.commentaires h2 {margin:0; [background: url((#CHEMIN{images/evenement.gif})) top left no-repeat;]}
280
281/* Page album */
282.album {padding: 0 0 10px 0; margin: 0 0 30px 0; clear: both; width:100%;}
283.carrousel {display: block; margin: 0 0 20px; padding: 10px 0}
284#a_defilement.carrousel {overflow: hidden; position: relative;}
285.carrousel .contenu {margin: 0 auto; position: relative;}
286#a_pagination.carrousel .contenu li {display: block; float: left;}
287.carrousel .contenu .vignette a img {margin-right: 5px; border: 4px solid #CONFIG{sarkaspip_styles/ca_carrousel, #eeeeee};}
288.carrousel .contenu .vignette a:hover img {border: 4px solid #CONFIG{sarkaspip_styles/ch_carrousel, #6262a4};}
289.carrousel .contenu .vignette a.survol {display:none;position:absolute;background: transparent url(#CHEMIN{images/pointeur_bas.gif}) no-repeat bottom center;}
290.carrousel .contenu .vignette a.survol img {margin: 0; border: 4px solid #CONFIG{sarkaspip_styles/ch_carrousel, #6262a4};}
291.carrousel .navigation {margin: 10px 0 20px; text-align: center; font-size: 1.2em; font-weight: bold;}
292.carrousel .navigation a {background: #CONFIG{sarkaspip_styles/bg_pagination, transparent};
293        color: #CONFIG{sarkaspip_styles/fg_pagination, #6262a4};}
294.carrousel .navigation a:hover {background: #CONFIG{sarkaspip_styles/hb_pagination, #f0f0a4};
295        color: #CONFIG{sarkaspip_styles/ho_pagination, #6262a4};
296        text-decoration: #CONFIG{sarkaspip_styles/td_pagination, none};}
297.carrousel .pagination {margin: 10px 0 20px; text-align: center; font-weight: bold;}
298
299.carrousel .contenu ul.vignettes span {[width: (#EVAL{_SARKASPIP_CONFIG_TAILLE_MAX_VIGNETTE_4}|plus{8})px;]}/* max thumbnail width + 2px */
300.carrousel .contenu ul.vignettes span.wrap1 {margin: 0 5px 5px 5px; display: inline-block; vertical-align: top; text-align: center;}
301.carrousel .contenu ul.vignettes span.wrap2 {[height: (#EVAL{_SARKASPIP_CONFIG_TAILLE_MAX_VIGNETTE_4}|plus{16})px; ]
302        background: #CONFIG{sarkaspip_styles/bg_carrousel, transparent}[ url((#CHEMIN{images/bg_carrousel#CONFIG{sarkaspip_styles/bi_extension_carrousel, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_carrousel})];
303        border: 4px solid #CONFIG{sarkaspip_styles/ca_carrousel, #eeeeee}; display: table-cell; vertical-align: middle;}
304.carrousel .contenu ul.vignettes span.wrap2:hover {
305        background: #CONFIG{sarkaspip_styles/hb_carrousel, #888888}[ url((#CHEMIN{images/hb_carrousel#CONFIG{sarkaspip_styles/hi_extension_carrousel, .gif}}))][ (#CONFIG{sarkaspip_styles/hi_proprietes_carrousel})];
306        border: 4px solid #CONFIG{sarkaspip_styles/ch_carrousel, #6262a4};}
307.carrousel .contenu ul.vignettes span.wrap2 a {display: block; [width: (#EVAL{_SARKASPIP_CONFIG_TAILLE_MAX_VIGNETTE_4}|plus{8})px;]}      /* max thumbnail width + 2px */
308.carrousel .contenu ul.vignettes span.titre {
309        display: block; 
310        height: 4em;   
311        padding-top: 5px;
312        font-size: 90%; overflow: hidden;
313        margin-left:auto;
314        margin-right:auto;
315        line-height : 1.2em;
316}
317
318.zoom {display: block; margin: 0 0 20px; padding: 10px 0;}
319.zoom #conteneur_photo {padding:0; margin: 0 0 10px;}
320.zoom #titre_photo {padding:0; margin: 0 0 20px; font-size: 1.2em; font-weight: bold; text-align: center;}
321.zoom #descriptif_photo {padding:0; margin: 0 0 20px;}
322.zoom #exif_photo {padding:0; margin: 0 0 20px;}
323
324#exif_photo.commentaires table{width: 300px;  font-family: verdana; border: 0; margin :0 auto;}
325#exif_photo.commentaires table tr{height: 20px;}
326#exif_photo.commentaires table td.titre {background-color : #EFEFEF; padding: 0 5px; border-bottom : 1px dotted #000000; font-weight:bold;height: 20px;}
327#exif_photo.commentaires table td.minilogo {text-align: right; height: 20px;}
328#exif_photo.commentaires table td.colonne1{width: 130px; font-size: 90%; text-align: right; padding: 5px;}
329#exif_photo.commentaires table td.colonne2{width: 170px;}
Note: See TracBrowser for help on using the repository browser.