[SPIP] +2.1.12
[velocampus/web/www.git] / www / plugins / squelette_maparaan / css / _style_maparaan.css
1 /**** CSS Squelette Maparaan ****/
2
3 body.page_sommaire div#sidebar { display:none; }
4 body.page_sommaire div#contenu { }
5
6 div.title-page h1 { display:block; margin:0; padding:0; font: normal 24px/43px Georgia,serif; color: #b14934; text-shadow: 1px 1px #fff; border-bottom:3px solid #e0e0da; }
7 div.title-page h2 { display:block; margin:0; padding:0; font: normal 18px/43px Georgia,serif; color: #222; text-shadow: 1px 1px #fff; }
8
9 div.logo-breve{ float:left; margin:0 20px 20px 0; }
10
11 div.padd-post-site { margin:0 0 30px 0; padding:0 0 10px 0; border-bottom:1px dashed #CCC;}
12
13 div.marge-bottom { margin:0 0 20px 0; }
14
15
16 div.liste ul.liste-items li { padding:0 0 1px 0; }
17
18
19 /*
20 Section Required
21 */
22 .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
23 .alignleft { float: left; margin: 0 7px 7px 0; }
24 .alignright { float: right; margin: 0 0 7px 7px; }
25
26 div.padd-post-item div.padd-post-item-entry img { background: #fff none; padding: 0; }
27 div.padd-post-item div.padd-post-item-entry .wp-caption { border: 1px solid #ddd; text-align: center; padding: 10px 4px 0px 4px; background: #fff none; }
28 div.padd-post-item div.padd-post-item-entry .wp-caption img { margin: 0; padding: 0; border: 0 none; }
29 div.padd-post-item div.padd-post-item-entry .wp-caption p.wp-caption-text { font-size: 1em; padding: 5px 0; margin: 0; }
30
31
32 /*
33 Section Typography
34 */
35 div.padd-post-group-result div.padd-post-group-title h1 { font: normal 24px/43px Georgia,serif; text-shadow: 1px 1px #fff; }
36
37 /*div.padd-post-item h2, div.padd-post-item h2 a { font: normal 24px/43px Georgia,serif; text-shadow: 1px 1px #fff; }*/
38 div.padd-post-item-site h3, div.padd-post-item-site h3 a { font: normal 20px/43px Georgia,serif; text-shadow: 1px 1px #fff; margin:0; }
39 div.padd-post-item-site div.introduction { margin-bottom:10px; }
40 div.padd-post-item-site div.tags-site, div.padd-post-item-site div.tags-site a { font: bold normal 11px/20px Georgia,serif; text-shadow: 1px 1px #fff; text-align:right; }
41 div.padd-post-item-site div.tags-site a:hover { color:#222; }
42 div.padd-post-item div.info-publi { font: normal 1.1em Georgia,serif; text-shadow: 1px 1px #fff; }
43
44 div.padd-post-box h3 { font: normal 18px/50px Georgia,serif; text-shadow: 1px 1px #fff; }
45 div.padd-post-box h4 { font: normal 14px/20px Georgia,serif; text-shadow: 1px 1px #fff; }
46
47
48 /*
49 Section: Layout
50 */
51 .padd-no-display { display: none; }
52 .padd-clear { clear: both; }
53
54 div#padd-featsubs { margin: 0 0 39px 0; }
55 div#padd-featsubs-wrapper { padding: 11px 0 0 10px; }
56 div#padd-featsubs div.padd-clear { height: 11px; margin: 0 0 0 -10px; }
57
58 div#padd-featured { float: left; width: 650px; border: 1px solid; }
59 div#padd-featured h2 { display: none; }
60 div#padd-featured ul { display: block; list-style-type: none; margin: 0; padding: 0; }
61 div#padd-featured ul li { display: block; margin: 0; padding: 0; }
62 div#padd-featured ul img { border: 0 none; }
63
64 div#padd-subscribed { float: right; width: 297px; margin: 2px 1px 0 0; }
65 div#padd-subscribed h2 { display: none; }
66 div#padd-subscribed ul { display: block; list-style: none; margin: 0; padding: 0; max-height:276px; overflow:hidden }
67 div#padd-subscribed ul li { display: block; list-style: none; margin: 0; padding: 0; }
68 div#padd-subscribed ul li.facebook { padding: 0; }
69 div#padd-subscribed ul li a { display: block; width: 257px; height: 70px; }
70 div#padd-subscribed ul li a { font: normal 17px/70px Georgia,serif; color:#222; text-shadow: 1px 1px #fff; padding:0 20px 0 50px; }
71
72 div.padd-post-group-index div.padd-post-group-title { display: none; }
73
74 div.padd-post-group-result div.padd-post-group-title { padding: 0 0 5px 40px; margin: 0 0 1em 0; border-bottom: 3px solid; }
75 div.padd-post-group-result div.padd-post-group-title h1 { display: block; margin: 0; padding: 0; }
76
77 div.padd-post-item div.padd-post-item-title { margin: 0 1em 0 0; }
78 div.padd-post-item h2 { display: block; margin: 0; padding: 0; }
79 div.padd-post-item div.info-publi { float:right; text-align:right; margin:17px 0 0 10px; }
80 div.page-recherche div.info-publi { font-size:0.7em; margin:14px 0 0 10px; }
81 div.padd-post-item div.info-publi-article { font-size:1em; margin-top:7px; }
82 div.padd-post-item div.info-publi-mots { font-size:1em; margin-top:0px; }
83 div.padd-post-item div.info-publi-article a:hover, div.padd-post-item div.info-publi-mots a:hover { color:#333; }
84
85 div.padd-post-item-index { width: 290px; float: left; }
86 div.padd-post-item-index-2 { margin-left:45px; }
87 div.padd-post-item-index div.padd-post-item-title { margin: 0 0 1em 0; padding: 0 0 5px 40px; border-bottom: 3px solid; }
88 div.padd-post-item-index p { display: block; margin: 0; padding: 5px 0; }
89
90 div.padd-post-item-result { margin: 0 0 30px 0; }
91 div.padd-post-item-result img.spip_logos { border: 0 none; float: left; margin: 10px 0 0 0; }
92 div.padd-post-item-result div.pas-de-logo-article-resume { height:115px; width:115px; border: 0 none; float: left; margin: 10px 0 0 0; background: transparent url('../img/thumbnail.jpg') top left no-repeat; }
93 div.padd-post-item-result div.padd-post-item-title { margin: 0 0 0 135px; }
94 div.padd-post-item-result div.padd-post-item-title h2 { margin: 0 0 0.2em 0; padding: 0; }
95 div.padd-post-item-result div.padd-post-item-entry { margin: 0 0 0 135px; }
96 div.padd-post-item-result div.padd-post-item-entry p { display: block; margin: 0; padding: 0; }
97
98 div.padd-post-item-single div.padd-post-item-title { margin: 0 0 1em 0; padding: 0 0 5px 0; border-bottom: 3px solid; }
99 div.padd-post-item-single div.padd-post-item-title h2 img { margin-right:10px; }
100
101 div.padd-post-box { margin: 0 0 20px 0; }
102 div.padd-post-box-title { margin: 0 0 10px 0; }
103 div.padd-post-box h3 { display: block; margin: 0; padding: 0 0 0 45px; height: 50px; border-bottom: 3px solid; }
104 div.padd-post-box h4 { display: block; margin: 0; padding:0; height: 24px; border-bottom: 1px dashed #e0e0da; }
105 div.padd-post-box h4.no-border { display: block; margin: 0; padding:0; height: 24px; border: none; }
106
107 div.padd-post-box-about-author img { float: left; margin: 0 10px 0 0; }
108
109 div.padd-post-box-sb div.padd-interior { height: 62px; min-height: 62px; }
110 div.padd-post-box-sb div.padd-interior ul { display: block; list-style: none; margin: 11px 0 0 36px; padding: 0; }
111 div.padd-post-box-sb div.padd-interior ul li { display: block; margin: 10px 15px 0 0; padding: 0; float: left; }
112 div.padd-post-box-sb div.padd-interior ul li.icon-tweetmeme-mini { margin: 18px 0 0 0; }
113 div.padd-post-box-sb div.padd-interior ul li a { display: block; float: left; }
114 div.padd-post-box-sb div.padd-interior ul li a img { border: 0 none; }
115
116 ul.padd-comments-list { display: block; list-style: none; margin: 0; padding: 0; }
117 ul.padd-comments-list li.comment { display: block; list-style: none; padding: 0; margin: 0 0 10px 0; }
118
119 div.padd-comment div.padd-comment-author { width: 80px; float: left; }
120 div.padd-comment div.padd-comment-author img { margin: 0 0 10px 0; }
121 div.padd-comment div.padd-comment-author span { display: block; margin: 0 0 2px 0; }
122 div.padd-comment div.padd-comment-details-interior { width: 524px; float: left; margin: 0 0 0 20px; }
123 div.padd-comment div.padd-comment-details-interior div.padd-tb { height: 1px; }
124 div.padd-comment div.padd-comment-details-interior-wrapper { padding: 0 0 0 10px; min-height: 45px; }
125
126 #comments h4 { font: bold normal 14px/16px Georgia,serif; text-shadow: 1px 1px #fff; text-align:right; }
127 #comments div.padd-comment span.padd-author { font: bold normal 12px/24px Georgia,serif; text-shadow: 1px 1px #fff; }
128 #comments div.padd-comment span.padd-time { font: normal 12px/24px Arial,Helvetica,sans-serif; color:#555; line-height:16px; }
129 #comments div.padd-comment strong.forum-titre { font: bold normal 12px/24px Georgia,serif;color:#b14934; text-shadow: 1px 1px #fff; margin-left:30px; }
130 #comments div.padd-comment div.padd-comment-details-interior-sous-forum { margin: 0 0 0 90px; }
131 #comments ul.sous-forum, #comments ul.sous-forum ul { border-left:1px dashed #D0D0DA; }
132 #comments ul.sous-forum li{ margin:10px 0 0 0;}
133 #comments ul.sous-forum div.padd-comment-details-interior-wrapper { padding:0 0 0 20px; }
134 #comments ul.sous-forum div.padd-comment-details-interior-wrapper { background:none; }
135 #comments div.cadre-msg-sous-forum { background-color:#FFF; border:1px solid #DDD; padding:1px 20px; position:relative; }
136 #comments div.cadre-msg-sous-forum div.cadre-msg-sous-forum-bg { width:20px; height:32px; float:left; position:absolute; left:-20px; top:10px; background: url("../img/bg-comment-odd-callout.png") no-repeat scroll left top; padding:0 0 0 20px; }
137 div.padd-post-box-comments p.repondre{ margin:0 ; text-align:right; }
138 div.padd-post-box-comments p.repondre a { font: normal 12px/24px Georgia,serif; color:#b14934; text-shadow: 1px 1px #fff; }
139 div.padd-post-box-comments p.repondre a:hover { color:#333; }
140 div.padd-post-box-comments p.repondre-article { margin:0 ; text-align:left;}
141 div.padd-post-box-comments p.repondre-article a { font-weight:bold; }
142
143 div.padd-comment div.padd-comment-details-interior ol, div.padd-comment div.padd-comment-details-interior ul { padding-top: 1em; padding-bottom: 1em; }
144
145 ul.padd-trackbacks-list { margin: 0 0 0 3em; padding: 0; }
146
147 div.padd-post-box-reply p.cancel-comment-reply { float: right; margin: -1em 0 0 0; }
148
149 div.padd-post-item-index-2 ul { display: block; margin: 0; padding: 1px 0 0 0; list-style-type: none; }
150 div.padd-post-item-index-2 ul li { display: block; margin: 0; padding: 0 0 1px 0; list-style-type: none; }
151 div.padd-post-item-index-2 ul li span.surliste { display: block; margin: 0; padding: 0 0 1px 0; list-style-type: none; }
152 div.padd-post-item-index-2 ul li span.padd-wrap { display: block; margin: 0; padding: 7px 10px 7px 16px; }
153 div.padd-post-item-index-2 ul li span.breves-rub { padding: 7px 0 7px 16px; }
154 div.padd-post-item-index-2 ul li span.breves-rub small { padding:0 0 0 10px; }
155 div.padd-post-item-index-2 ul li span.breves-rub small, div.padd-post-item-index-2 ul li span.breves-rub small a { font:normal Georgia,serif; color: #999; text-shadow: 1px 1px #fff; }
156 div.padd-post-item-index-2 ul li span.breves-rub small a:hover { color: #333; }
157 div.padd-post-item-index-2 ul li span.breves-rub small.breves-rub-texte { float:right; }
158 div.padd-post-item-index-2 ul li span.surliste { display: block; margin: 0; padding: 7px 2px 7px 4px; }
159 div.padd-post-item-index-2 ul li.menu-entree span.padd-wrap-menu-etr { display: block; margin: 0; padding: 7px 10px 7px 16px; }
160
161 div.plan div.padd-post-item-index-2 li ul { margin: 0 0 4px 0; padding: 1px 0 0 20px; }
162 div.plan div.padd-post-item-index-2 li li ul { font-size:0.9em; }
163 div.plan div.padd-post-item-index-2 ul li h3 { font-size:1.2em; }
164 div.plan div.padd-post-item-index-2 ul li li h3 { font-size:1.1em; }
165 div.plan h3.ttr-rub { background-color:#E9E9E3; padding-left:10px; margin:20px 0 0 0;}
166 div.plan h3.ttr-rub:hover { background-color: #ebebd9; }
167 div.plan h3 a { font-weight:normal; }
168 div.plan h3 a:hover { color: #333; }
169 div.plan, div.plan li.plan-ss-rub { border-left:1px dashed #E0E0DA; background:none; }
170
171
172 /*
173 Section: Color
174 */
175 div#padd-featured { border-color: #fff; }
176
177 div#padd-featsubs { background: transparent url('../img/bg-featsubs-m.gif') center top repeat-y; }
178 div#padd-featsubs-wrapper { background: transparent url('../img/bg-featsubs-t.gif') center top no-repeat; }
179 div#padd-featsubs div.padd-clear { background: transparent url('../img/bg-featsubs-b.gif') center bottom no-repeat; }
180
181 div#padd-subscribed ul li { background: transparent url('../img/bg-subscribed-list-item.png') top left no-repeat; }
182 div#padd-subscribed ul li:hover { background: transparent url('../img/bg-subscribed-list-item.png') bottom left no-repeat; }
183 div#padd-subscribed ul li a:link{ background-color:transparent; background-position:10px 18px; background-repeat:no-repeat; }
184
185 div.padd-post-group-result div.padd-post-group-title { border-bottom-color: #e0e0da; }
186 div.padd-post-group-result div.padd-post-group-title div.pas-de-logo { height:37px; width:32px; float:left; margin-left:-40px; background: transparent url('../img/bg-sidebar-title.png') 0 5px no-repeat; }
187 div.padd-post-group-result div.padd-post-group-title img { float:left; margin-left:-40px;}
188 .page_rubrique div.padd-post-group-result div.padd-post-group-title img.spip_logos,
189 .page_breve div.cartouche img.spip_logos { height:40px; width:auto; padding:2px 20px 4px 0; }
190 .page_article div.cartouche img.spip_logos { padding:0 20px 4px 0; }
191 .page_article div.cartouche { border-bottom:2px solid #E0E0DA; }
192 div.padd-post-group-result div.padd-post-group-title h1 { color: #b14934; }
193
194 /*div.padd-post-item h2, div.padd-post-item h2 a { color: #b14934; }*/
195 div.padd-post-item div.info-publi { color: #999; }
196
197 div.padd-post-item-index div.padd-post-item-title { border-bottom-color: #e0e0da; background: transparent url('../img/bg-sidebar-title.png') 0 5px no-repeat; }
198 div.padd-post-item-single div.padd-post-item-title { border-bottom-color: #e0e0da; }
199
200 div.padd-post-box h3 { border-bottom-color: #e0e0da; }
201 div.padd-post-box-about-author h3 { background: transparent url('../img/bg-post-box-author.png') 0 0 no-repeat; }
202 div.padd-post-box-sb h3 { background: transparent url('../img/bg-post-box-spread-love.png') 0 0 no-repeat; }
203 div.padd-post-box-related h3 { background: transparent url('../img/bg-post-box-related-posts.png') 0 0 no-repeat; }
204 div.padd-post-box-comments h3 { background: transparent url('../img/bg-post-box-comments.png') 0 0 no-repeat; }
205 div.padd-post-box-trackbacks h3 { background: transparent url('../img/bg-post-box-trackbacks.png') 0 0 no-repeat; }
206 div.padd-post-box-reply h3 { background: transparent url('../img/bg-post-box-comment-add.png') 0 0 no-repeat; }
207 div.padd-post-box-signature h3 { background: transparent url('../img/bg-title-page-1.png') 6px 7px no-repeat; }
208
209 div#sidebar div.padd-box h2 { background: transparent url('../img/bg-sidebar-title.png') 0 5px no-repeat; color: #b14934; border-bottom-color: #e0e0da; }
210 div#sidebar div.padd-box ul li { background: transparent url('../img/border-sidebar-list-item.gif') left bottom repeat-x; }
211 div#sidebar div.padd-box ul li span.padd-wrap { background: transparent url('../img/bullet-sidebar-list-item.gif') 3px 16px no-repeat; }
212 div#sidebar div.padd-box ul li span.padd-wrap:hover { background-color: #ebebd9; }
213 div#sidebar div.padd-box ul li span.surliste { background-color: #E9E9E3; }
214 div#sidebar div.padd-box ul li span.surliste a { color: #666; }
215 div#sidebar div.padd-box ul li span.surliste:hover { background-color: #ebebd9; }
216 div#sidebar div.padd-box li ul { background: transparent url('../img/border-sidebar-list-item.gif') left top repeat-x;}
217
218 div.padd-post-item-index-2 ul li { background: transparent url('../img/border-sidebar-list-item.gif') left bottom repeat-x; }
219 div.padd-post-item-index-2 ul li span.padd-wrap { background: transparent url('../img/bullet-sidebar-list-item.gif') 3px 16px no-repeat; }
220 div.padd-post-item-index-2 ul li span.padd-wrap:hover { background: #ebebd9 url('../img/bullet-sidebar-list-item.gif') 3px 16px no-repeat; }
221 div.padd-post-item-index-2 ul li span.surliste { background-color: #E9E9E3; }
222 div.padd-post-item-index-2 ul li span.surliste a { color: #666; }
223 div.padd-post-item-index-2 ul li span.surliste:hover { background-color: #ebebd9; }
224
225 div.titre-sans-icone { margin: 0 0 10px; }
226 div.titre-sans-icone h3 { padding:0px; border-width:1px;}
227
228
229 div.padd-post-item-auteur img { float:left; margin: 0 20px 20px 0; }
230 div.padd-post-item-auteur p.repondre { float:right; margin-left:20px; margin:10px 0 0 0; }
231 div.padd-post-item-auteur div.padd-post-item-title { margin:0 0 0 100px; }
232
233
234 /*
235 Section s3slider
236 */
237 #s3slider { width: 650px; height: 280px; position: relative; overflow: hidden; background: #48423d none; }
238 #s3sliderContent { width: 650px; position: absolute; top: 0; margin-left: 0; }
239 .s3sliderImage { float: left; position: relative; display: none; width: 650px; height: 280px; text-align: center; }
240 .s3sliderImage strong { margin:0 0 15px 0; display:block; }
241 .s3sliderImage img { text-align: center; vertical-align: middle; }
242 .s3sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; right: 0; bottom: 0; width: 145px !important; height: 280px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; top: 0; text-align: left; }
243 .s3sliderImage span a, .s3sliderImage span a:visited { font: bold 12px/16px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
244
245
246 /*
247 Section Forum
248 */
249 p.lirelasuite a { display:block; float:right; padding:0 6px; }
250 p.lirelasuite a:hover { color: #338e28; }
251 div.introduction p.lirelasuite { float:right; }
252 div.introduction p.lirelasuite a { margin:4px 0 0 0; }
253
254 /*
255 Footer
256 */
257 /*div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active { color: #fff; }
258
259 div#footer-content-wrapper { width: 960px; margin: 0 auto; padding: 20px 0; }
260
261 div#footer-final { font: normal 10px/46px 'Lucida Grande','Lucida Sans',serif; }
262 div#footer-final a { text-decoration: none; font: normal 10px/46px 'Lucida Grande','Lucida Sans',serif; }
263
264 div#footer-final-wrapper { width: 960px; margin: 0 auto; padding: 0; }
265
266 div#footer-final { height: 46px; padding: 0 10px; border-top: 1px solid; }
267 div#footer-final div#footer-spip { float:left; }
268 div#footer-final div#footer-spip img { position:relative; top:4px; max-height:15px; }
269 div#footer-final div#footer-copyleft { float:right; }
270
271 div#footer-final { color: #48423d; background: #322d29 none; border-top-color: #5f5953; }
272 div#footer-final a:link, div#footer-final a:visited, div#footer-final a:active { color: #48423d; }
273 div#footer-final a:hover { color: #CCC }
274
275
276
277
278 div#footer div.padd-box h2 { font: normal 16px/32px Georgia,serif; text-transform: uppercase; }
279 div#footer div.padd-box ul li { font: normal 11px/24px Helvetica,Arial,sans-serif; }
280 div#footer div.padd-box ul li a { font: normal 11px/24px Helvetica,Arial,sans-serif; }
281
282
283
284 div#footer div.padd-box { width: 290px; float: left; }
285 div#footer div.padd-box h2 { display: block; margin: 0 0 10px 0; padding: 0; }
286 div#footer div.padd-box ul { display: block; margin: 0; padding: 1px 0 0 0; list-style-type: none; }
287 div#footer div.padd-box ul li { display: block; margin: 0; padding: 2px 0 3px 0; list-style-type: none; text-indent: 16px; }
288 div#footer div.padd-box ul li.menu-entree { display: block; margin: 0; padding: 0px 0 3px 0; list-style-type: none; text-indent: 16px; }
289
290 div#footer div.padd-box ul li span.padd-wrap { display: block; margin: 0; padding: 0; }
291
292 div#footer div.padd-box-small { width: 122px; }
293
294 div#footer div.padd-footer-popular-posts { margin: 0 46px 0 0; }
295 div#footer div.padd-footer-recent-comments { margin: 0 44px 0 0; }
296 div#footer div.padd-footer-pages { margin: 0 46px 0 0; }
297 div#footer div.padd-footer-pages ul li.menu-entree a { padding:0 0 0 12px; margin-left:-12px; }
298 div#footer div.padd-footer-pages ul li.menu-entree a { background:url("../img/bullet-footer-list-item.gif") no-repeat scroll 0px 4px transparent; }
299
300
301 div#footer-content { background: #48423d none; }
302
303
304 div#footer div.padd-box h2 { color: #fff; }
305 div#footer div.padd-box ul { color: #999; background: transparent url('../img/border-footer-list.gif') left top repeat-x; }
306 div#footer div.padd-box ul li { color: #999; background: transparent url('../img/border-footer-list.gif') left bottom repeat-x; }
307 div#footer div.padd-box ul li.menu-entree { color: #999; background: transparent url('../img/border-footer-list-menu-entree.gif') left bottom repeat-x; }
308 div#footer div.padd-box ul li span.padd-wrap { color: #999; background: transparent url('../img/bullet-footer-list-item.gif') 3px 9px no-repeat; }
309 div#footer div.padd-box ul li span.padd-wrap:hover { background-color: #56504b; }
310 div#footer div.padd-box ul li.menu-entree { margin:2px 0px; position:relative;}
311 div#footer div.padd-box ul li.menu-entree:hover { background-color: #56504b; }
312 div#footer div.padd-box ul span.padd-wrapp-menu-entree-marge { display:block; width:4px; height: 20px; background-color:#C00; position:relative; left:-50px; }
313 div#footer div.padd-box ul li.menu-entree span.padd-wrapp-menu-entree { width:5px; height:5px; float:left; position:absolute; top:9px; left:3px; background: transparent url('../img/bullet-footer-list-item.gif') 0px 0px no-repeat; } */