1 /**** CSS Theme Maparaan ****/
3 div
.cartouche img
.spip_logos
{ border: 0 none
; float: left
; background-color:#EEEEE5; padding: 10px 20px 10px 0; width:100px; height:auto
; }
4 .page_rubrique div.cartouche img.spip_logos { width:auto
; height:auto
; }
5 .page_article div.cartouche img.spip_logos { width:auto
; height:auto
; padding:0px 20px 10px 0; }
6 div#descriptif_site_spip
, div#descriptif_site_spip p
{ margin:0; padding:0; font: normal
14px/30px Georgia
,serif
; text-shadow: 1px 1px #fff; color:#666; letter-spacing:0.1em; }
7 body
.page_sommaire div#contenu div
.liste ul
,
8 body
.page_rubrique div#contenu div
.liste ul
{ margin:0; padding:0; }
9 body
.page_sommaire div#contenu div
.liste ul
.liste-items li
,
10 body
.page_rubrique div#contenu div
.liste ul
.liste-items li
{ border:none
; background: transparent
; }
11 div#page div
.articles li
.hentry
{ list-style-type:none
; margin:20px 0 30px 0;}
12 div#page h1
.h1
{ font: normal
24px/50px Georgia
,serif
; }
13 div#page
.cartouche
{ border-bottom: 3px solid
#e0e0da; }
14 div#page h2
.h2
{ font: normal
20px/50px Georgia
,serif
; border-bottom: 3px solid
#e0e0da; clear:both
; }
15 div#page h1
, div#page h2
{ text-shadow: 1px 1px #fff; display: block
; margin: 0; padding: 0; }
16 div#page div
.liste li
.hentry h3
.entry-title a img
{ float:right
; padding:0 0 0 20px; background-color: #EEEEE5; }
17 div#page abbr
{ border:none
; cursor:help
; }
18 div#page div
.info-publi
,
19 div#page p
.info-publi
{ font-family:Georgia
,serif
; text-shadow: 1px 1px #fff; color:#999; }
20 div#page div
.info-publi a
,
21 div#page p
.info-publi a
{ font-weight:normal
; }
22 div#page div
.meta-publi
{ height:24px; }
23 div#page div
.meta-publi span
.sep
{ display:none
; }
24 div#page div
.meta-publi a
.lire-la-suite
{ display:block
; float:right
; padding:0 6px; background:#c85d47 url
('img/bg-lirelasuite.jpg') top left repeat-x
; color:#FFF; text-shadow:1px 1px #555; line-height:24px; }
25 div#page div
.meta-publi a
.lire-la-suite
{
26 -webkit-border-radius: 6px;
27 -moz-border-radius: 6px;
30 -moz-box-shadow: 0px 0px 6px #aaa;
31 -webkit-box-shadow: 0px 0px 6px #aaa;
32 box-shadow: 0px 0px 6px #aaa;
34 -moz-transition: all
0.15s ease-in-out
;
35 -o-transition: all
0.15s ease-in-out
;
36 -webkit-transition: all
0.15s ease-in-out
;
37 transition: all
0.15s ease-in-out
;
39 div#page div
.meta-publi a
.lire-la-suite:hover
{ background:#b24a35 url
('img/bg-lirelasuite.jpg') bottom left repeat-x
; }
40 div#page div
.meta-publi a
.nb_commentaires
{ display:block
; float:left
; padding:0 6px; background:#ccc; color:#FFF; text-shadow:1px 1px #999; line-height:24px; }
41 div#page div
.meta-publi a
.nb_commentaires
{
42 -webkit-border-radius: 6px;
43 -moz-border-radius: 6px;
46 -moz-transition: all
0.15s ease-in-out
;
47 -o-transition: all
0.15s ease-in-out
;
48 -webkit-transition: all
0.15s ease-in-out
;
49 transition: all
0.15s ease-in-out
;
51 div#page div
.meta-publi a
.nb_commentaires:hover
{ background:#999; }
53 .nettoyeur { clear: both
; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
54 .marge{ width:45px; height:10px; background-color:none
; float:left
; }
55 .surtitre { margin:0; color:#333; font: normal
1.2em Georgia
,serif
; font-weight:bold
; letter-spacing:0.1em; text-shadow: 1px 1px #fff; }
56 .soustitre { margin:0 0 0 45px; color:#444; font: normal
1.1em Georgia
,serif
; text-shadow: 1px 1px #fff; }
57 .chapo { margin:0; padding:0 45px; color:#333; line-height:27px; font: normal
1.1em Georgia
,serif
; font-weight:bold
; letter-spacing:0.1em; text-shadow: 1px 1px #fff; }
58 .chapo p { line-height:27px; }
59 .hyperlien { font-style:italic
; }
61 h3
, h4
, h5
, h6
{ text-shadow: 1px 1px #fff; display: block
; margin: 0; padding: 0; }
62 h3
{ font: normal
18px/50px Georgia
,serif
; border-bottom: 1px solid
#e0e0da; }
63 h4
{ font: normal
16px/40px Georgia
,serif
; border-bottom: 1px solid
#e0e0da; }
64 h5
{ font: normal
14px/30px Georgia
,serif
; }
65 h6
{ font: normal
12px/30px Georgia
,serif
; }
66 ul li
{ list-style: square
; }
67 ul ul li
{ list-style: disc
; }
68 ul ul ul li
{ list-style: circle
; }
69 form li
{ list-style:none
; }
70 table
.spip
{ margin:auto
; min-width:300px; max-width:100%; }
71 table
.spip
{ border:2px solid
#cfcfcf; }
72 table
.spip td
, table
.spip th
{ padding:6px 8px; border:1px solid
#cfcfcf; }
73 table
.spip th
{ background-color:#e0e0da; }
74 table
.spip tr
.row_even
{ background-color:#f6f6f6; }
75 table
.spip tr
.row_odd
{ background-color:#efefef; }
76 table
.spip caption
{ font: normal
16px/40px Georgia
,serif
; color:#B14934; text-shadow: 1px 1px #fff; text-align:center
; }
77 table
.spip th
{ font: bold
14px Georgia
,serif
; color:#333; text-shadow: 1px 1px #fff; text-align:center
; }
79 div
.documents_portfolio a img
{ margin:5px; border:4px solid
#CCC;}
80 div
.documents_portfolio
a:hover img
{ border-color:#999;}
82 p#hierarchie
{ position:absolute
; width: 960px; font: normal
11px/16px Georgia
,serif
; color:#999; margin: -40px 0 0 0; padding:10px 0 0 0; height:30px }
83 p#hierarchie strong
{ color:#666; }
84 p#hierarchie a
{ color:#999; }
85 p#hierarchie
a:hover
{ color:#B14934; text-shadow: 1px 1px #fff; }
92 body
{ font: normal
12px/24px Helvetica
,Arial
,sans-serif
; }
93 input
, select
, option
, textarea
{ font: normal
12px/16px Helvetica
,Arial
,sans-serif
; }
94 blockquote
{ font-style: italic
; }
96 a:link
, a:visited
, a:hover
, a:active
{ font-weight: bold
; text-decoration: none
; }
98 div#padd-header div
.padd-box-title h1 a
{ font: bold
36px/63px Georgia
,serif
; }
108 body
{ margin: 0; padding: 0; }
109 form
{ margin: 0; padding: 0; display: block
; }
110 blockquote
{ margin: 0; padding: 1em 3em; border: solid
1px; }
112 div#padd-header
{ height: 101px; overflow:hidden
; }
113 div#padd-header-wrapper
{ width: 960px; height: 101px; margin: 0 auto
; }
114 div#padd-header div
.padd-box h2
{ display: none
; }
116 div#padd-header div
.padd-box-title
{ width: 100%; height: 63px; margin: 19px 0 0 0; float: left
; }
117 div#padd-header div
.padd-box-title div
.accueil a
{ display: block
; margin: 0; padding: 0; border:none
; }
118 div#padd-header div
.padd-box-title div
.accueil #nom_site_spip a
{ color:#EEE; font-size:36px; letter-spacing:2px; position:relative
; top:17px;}
119 div#padd-header div
.padd-box-title div
.accueil #slogan_site_spip
{ color:#999; font-size:14px; position:relative
; top:22px; }
120 div#padd-header div
.padd-box-title div
.accueil img
{ float: left
; display: block
; max-height: 100px; width:auto
; margin: 0; margin-top:-19px; top:0px; padding: 0 20px 0 0; border: 0 none
; }
121 div#padd-header div
.padd-box-title h1
{ display: block
; margin: 0; padding: 0; float: left
; }
122 div#padd-header div
.padd-box-title h1 a
{ display: block
; width: 270px; height: 63px; margin: 0; padding: 0; text-indent: -999999px; }
123 div#padd-header div
.padd-box-title p
{ display: none
; }
125 div#page-wrapper
{ width: 960px; margin: 0 auto
; padding: 40px 0; }
127 div#contenu
{ width: 625px; float: left
; }
128 div#sidebar
{ width: 290px; float: right
; }
130 form
{ display: block
; margin: 0; padding: 0; }
131 form p
{ display: block
; margin: 0 0 20px 0; padding: 0; line-height: 27px; }
132 form p
.input label
{ display: none
; }
133 form p
.input input
, form input
{ width: 390px; padding: 10px; border: 1px solid
; }
134 form p
.input
[type
='checkbox'] input
, form input
[type
='checkbox'] { width: inherit
; }
135 #sidebar form p
.input input
, #sidebar form input
{ width: 268px; }
136 form p
.textarea
{ display: block
; margin: 5px 0 10px 0; }
137 form p
.textarea label
{ display: none
; }
138 form p
.button
{ display: block
; text-align: left
; float: right
; margin: 0; padding: 0; }
139 form p
.subscribe-to-comments
{ margin: 0; padding: 0; float: left
; }
140 form textarea
, .formulaire_spip textarea
{ width: 600px; height: 148px; padding: 5px 10px; border: 1px solid
; }
141 form input
[type
='submit'], #sidebar form input
[type
='submit'] { display: block
; width:inherit
; min-width: 109px; height: 36px; margin: 0; padding: 0 20px; float: right
; border: 0; cursor: pointer
; }
143 div#sidebar div
.padd-box
{ margin: 0 0 30px 0; }
144 div#sidebar div
.padd-box h2
{ display: block
; margin: 0; padding: 0 0 5px 40px; border-bottom: 3px solid
; }
145 div#sidebar div
.padd-box ul
{ display: block
; margin: 0; padding: 1px 0 0 0; list-style-type: none
; }
146 div#sidebar div
.padd-box ul li
{ display: block
; margin: 0; padding: 0 0 1px 0; list-style-type: none
; }
147 div#sidebar div
.padd-box ul li span
.surliste
{ display: block
; margin: 0; padding: 0 0 1px 0; list-style-type: none
; }
148 div#sidebar div
.padd-box ul li span
.padd-wrap
{ display: block
; margin: 0; padding: 7px 10px 7px 16px; }
149 div#sidebar div
.padd-box ul li span
.surliste
{ display: block
; margin: 0; padding: 7px 2px 7px 4px; }
150 div#sidebar div
.padd-box ul li
.menu-entree span
.padd-wrap-menu-etr
{ display: block
; margin: 0; padding: 7px 10px 7px 16px; }
152 div#sidebar div
.padd-box li ul
{ margin: 0 0 4px 0; padding: 1px 0 0 20px; }
153 div#sidebar div
.padd-box li li ul
{ font-size:0.9em; }
154 div#sidebar div
.padd-box-tweet div
.padd-interior
{ padding: 10px 0 0 0; }
155 div#sidebar div
.padd-box-ads div
.padd-interior
{ text-align: center
; padding: 10px 0 0 0; }
156 div#sidebar div
.padd-box-ads div
.padd-interior img
{ border: 0 none
; vertical-align: top
; }
158 div#sidebar h2
{ font: normal
24px/43px Georgia
,serif
; text-shadow: 1px 1px #fff; }
159 div#sidebar h2 a
{ font-weight:normal
; color:inherit
; }
163 Section NAVIGATION Schemes/red
165 div#padd-categories
{ background: transparent url
('img/bg-cat.gif') left top repeat-x
; }
166 div#padd-categories ul
{ background: transparent url
('img/bd-cat-item.gif') left top no-repeat
; }
167 div#padd-categories ul li
{ background: transparent url
('img/bd-cat-item.gif') right top no-repeat
; }
168 div#padd-categories ul li
a:link
, div#padd-categories ul li
a:visited
{ background: transparent url
('img/bg-cat-item.gif') left top repeat-x
; }
169 div#padd-categories ul li
a:hover
, div#padd-categories ul li
a:active
,
170 div#padd-categories ul li
a:link
.on
, div#padd-categories ul li
a:visited
.on
{ background-position: left bottom
; }
171 div#padd-categories li ul li
{ background: transparent url
('img/bd-cat-item.gif') right top no-repeat
; background:none
; }
173 div#padd-categories
{ height: 39px; background: transparent url
('img/bg-cat.gif') left top repeat-x
; overflow:hidden
; }
174 div#padd-categories h2
{ display: none
; }
175 div#padd-categories div
.padd-interior
{ width: 960px; height: 39px; margin: 0 auto
; padding: 0; }
176 div#padd-categories ul
{ display: block
; list-style: none
; margin: 0; padding: 0 0 0 2px; height: 39px; z-index:999999; }
177 div#padd-categories ul li
{ display: block
; margin: 0; padding: 0 2px 0 0; float: left
; height: 39px; }
178 div#padd-categories ul li
a:link
, div#padd-categories ul li
a:visited
{ font: bold
12px/39px Arial
,Helvetica
,sans-serif
; color: #fff; text-shadow: 1px 1px #000; text-transform: uppercase
; letter-spacing: 0.1em; display: block
; margin: 0; padding: 0 15px; height: 39px; text-decoration: none
; }
179 div#padd-categories ul li
a:hover
, div#padd-categories ul li
a:active
,
180 div#padd-categories ul li
.on
a:link
, div#padd-categories ul li
.on
a:visited
{ background-position: left bottom
; }
182 /* Navigation SOUS LISTE (Jusqu'a 5 niveaux) */
183 div#padd-categories li ul
{ background:none
; background-color:#333; position: absolute
; left: -999em; padding:0; }
184 div#padd-categories li ul li
{ height: 39px; padding:0; min-width:140px; width:100%; }
185 div#padd-categories li ul li
a:link
, div#padd-categories li ul li
a:visited
{ background: transparent url
('img/bg-cat.gif') left top
; }
186 div#padd-categories li ul li
a:hover
, div#padd-categories li ul li
a:active
,
187 div#padd-categories li ul li
.on
a:link
, div#padd-categories li ul li
.on
a:visited
{ background: transparent url
('img/bg-cat-item.gif') left top repeat-x
; background-position: left bottom
; }
189 html
>body div#padd-categories li ul li
{ clear:both
; }
190 div#padd-categories li ul ul
{ margin:-9px 0 0 60px; min-width:100%; float:left
; }
191 div#padd-categories li ul ul li
, div#padd-categories li ul ul ul li
{ overflow:hidden
; float:left
; }
192 div#padd-categories
li:hover ul ul
, div#padd-categories
li:hover ul ul ul
, div#padd-categories
li:hover ul ul ul ul
{ left: -999em; }
193 div#padd-categories
li:hover ul
,
194 div#padd-categories li
li:hover ul
,
195 div#padd-categories li li
li:hover ul
,
196 div#padd-categories li li li
li:hover ul
{ left: auto
; min-height: 0; }
197 div#padd-categories li ul li
a:link
, div#padd-categories li ul li
a:visited
{ height: 39px; }
203 p
.pagination
{ margin: 20px 0 0 0; height: 30px; float:right
; }
204 p
.pagination span
.separateur
{ display:none
; }
205 p
.pagination a
, p
.pagination strong
{ display: block
; float:left
; height: 28px; font: normal
12px/28px Helvetica
,Arial
,sans-serif
; margin: 0 10px 0 0; padding: 0 10px; text-decoration: none
; border: 1px solid
#ccc; color: #666; }
206 p
.pagination strong
.on
{ background-color:#CCC; }
207 p
.pagination
a:hover
, p
.pagination
a:active
{ color: #333; background: #f1ede5 none
; border: 1px solid
#c6c6c6; }
213 blockquote
{ border-color: #e0e0da; }
214 blockquote
.spip
{ border: 1px solid
#e0e0da; }
215 a:link
, a:visited
, a:active
{ color: #933; }
216 a:hover
{ color: #333; }
218 div#padd-header
{ background: #48423d; }
219 div#padd-header div
.padd-box-title h1
{ background: transparent url
('img/site-name.png') left top no-repeat
; }
221 div#page
{ background: #eeeee5 url
('img/bg-body.gif') left top repeat-x
; }
223 form p
.input input
{ color: #000; background: #fff none
; border-color: #ddd; }
224 form small
{ color: #b7b7b7; }
225 form textarea
, .formulaire_spip textarea
{ color: #000; background: #fff none
; border-color: #ddd; }
226 form input
[type
='submit'], #sidebar form input
[type
='submit'] { background:#0f66db url
('img/bg-submit.jpg') top left repeat-x
; color:#FFF; border:2px solid
#FFF; }
227 form input
[type
='submit'] {
228 -webkit-border-radius: 20px;
229 -moz-border-radius: 20px;
232 -moz-box-shadow: 0px 0px 12px #aaa;
233 -webkit-box-shadow: 0px 0px 12px #aaa;
234 box-shadow: 0px 0px 12px #aaa;
236 -moz-transition: all
0.15s ease-in-out
;
237 -o-transition: all
0.15s ease-in-out
;
238 -webkit-transition: all
0.15s ease-in-out
;
239 transition: all
0.15s ease-in-out
;
241 form input
[type
='submit']:hover
, #sidebar form input
[type
='submit']:hover
{ background-position:bottom left
; }
242 div
.formulaire_spip fieldset legend
{ font: normal
18px/43px Georgia
,serif
; text-shadow: 1px 1px #fff; margin:0; }
243 div
.formulaire_spip fieldset legend
{ border-bottom: 1px solid
#e0e0da; background-color:transparent
; width:100%; }
246 div#padd-header div#formulaire_menu_lang
{ position:absolute
; float:right
; top:0; width:960px; }
247 div#padd-header div#formulaire_menu_lang select
{ float:right
; width:inherit
; }
248 div#formulaire_menu_lang
{ position:relative
; float:right
; top:0; }
249 div#formulaire_menu_lang label
{ display:none
; }
250 div#formulaire_menu_lang select
{ padding:2px 4px; }
252 div#formulaire_recherche
{ position:absolute
; top:33px; width:231px; float:right
; height: 36px; margin:0 0 0 60px; }
253 .page_sommaire div#padd-search-maparaan { position:relative
; float:right
; top:-180px; width:231px; right:0px; margin:0; }
254 .page_sommaire div#padd-search-maparaan div#formulaire_recherche { margin:0 0 0 1px; }
255 div#formulaire_recherche p
{ display: block
; margin: 0; padding: 0; }
256 div#formulaire_recherche span
.padd-search-text
{ display: none
; }
257 div#formulaire_recherche label
{ display: none
; }
258 div#formulaire_recherche input
[type
='text'] { width: 170px; border: 0 none
; padding: 10px 50px 12px 15px; margin: 0; }
259 div#formulaire_recherche input
[type
='text'] { color: #9a9a9a; background: transparent url
('img/input-search.png') top left no-repeat
; border-color: transparent
; }
260 div#formulaire_recherche input
{ font: 14px/16px 'Lucida Grande','Lucida Sans',Helvetica
,Arial
,sans-serif
; }
261 div#formulaire_recherche input
[type
='submit'] { position:relative
; top:-40px; border:none
; margin:0; padding:0; height:35px; min-width:inherit
; width:35px; cursor:pointer
; background:#FFF; color:#666; opacity:0; }
262 div#formulaire_recherche input
[type
='submit'] {
263 -webkit-border-radius: 20px;
264 -moz-border-radius: 20px;
267 -moz-box-shadow: 0 0 0 0;
268 -webkit-box-shadow: 0 0 0 0;
273 p
.traductions
{ text-align:right
; visibility:hidden
; }
274 p
.traductions span
.on
, p
.traductions a
{ visibility:visible
; }
275 p
.traductions span a
{ padding:2px 4px; background-color:#E0E0DA; color:#999; }
276 p
.traductions span a
, p
.traductions span
.on
{
277 -webkit-border-radius: 4px;
278 -moz-border-radius: 4px;
281 p
.traductions span
a:hover
{ background-color:#999; color:#FFF; }
282 p
.traductions span
.on
{ padding:2px 4px; background-color:#c85d47; color:#FFF; }
285 div
.resultats
{ margin: 0 0 20px 0; }
292 div
.liste ul
.liste-items li
,
293 div#sidebar ul
.menu-liste li
.menu-entree
{ padding:8px 0; background: transparent url
('img/border-sidebar-list-item.gif') left bottom repeat-x
; }
294 div
.liste ul
.liste-items
li:hover
,
295 div#sidebar ul
.menu-liste li
.menu-entree:hover
{ background: #ebebd9 url
('img/border-sidebar-list-item.gif') left bottom repeat-x
; }
297 #comments ul
.comments-list div
.comment-texte
{ background-color:#FFF; border:1px solid
#DDD; padding:1px 20px; position:relative
; }
303 div#footer-content
{ font: normal
10px/46px 'Lucida Grande','Lucida Sans',serif
; }
304 div#footer-content a
{ text-decoration: none
; font: normal
10px/46px 'Lucida Grande','Lucida Sans',serif
; }
306 div#footer-content-wrapper
{ width: 960px; margin: 0 auto
; padding: 0; }
308 div#footer-content
{ height: auto
; padding: 0 10px; border-top: 1px solid
; }
309 div#footer-content img
{ position:relative
; top:4px; max-height:15px; }
310 div#footer-content div#footer-copyleft
{ float:right
; }
312 div#footer-content
{ color: #48423d; background: #322d29 none
; border-top-color: #5f5953; }
313 div#footer-content
a:link
, div#footer-content
a:visited
, div#footer-content
a:active
{ color: #48423d; }
314 div#footer-content
a:hover
{ color: #CCC }
319 div#page ul
.forum li
{ list-style:none
; }
320 div#page ul
.forum li div
.forum-message
{ clear:both
; }
321 div#page div#contenu
> p
.repondre a
{ clear:both
; display:block
; float:left
; padding:0 6px; background:#c85d47 url
('img/bg-lirelasuite.jpg') top left repeat-x
; color:#FFF; text-shadow:1px 1px #555; line-height:24px; }
322 div#page div#contenu
> p
.repondre a
{
323 -webkit-border-radius: 6px;
324 -moz-border-radius: 6px;
327 -moz-box-shadow: 0px 0px 6px #aaa;
328 -webkit-box-shadow: 0px 0px 6px #aaa;
329 box-shadow: 0px 0px 6px #aaa;
331 -moz-transition: all
0.15s ease-in-out
;
332 -o-transition: all
0.15s ease-in-out
;
333 -webkit-transition: all
0.15s ease-in-out
;
334 transition: all
0.15s ease-in-out
;
336 div#page div#contenu
> p
.repondre
a:hover
{ background:#b24a35 url
('img/bg-lirelasuite.jpg') bottom left repeat-x
; }
337 div#page ul
.forum p
.comment-reply
{ font-family:Georgia
,serif
; text-shadow: 1px 1px #fff; color:#999; float:right
; }
339 p
.traductions
{ float:right
; padding:0; }